aa6a214f37
- Rename directory keep-notes -> memento-note with all code references - Prisma: SQLite -> PostgreSQL (both app and MCP server schemas) - Sync MCP schema with main app (add missing fields, relations, indexes) - Delete 17 SQLite migrations (clean slate for PostgreSQL) - Remove SQLite dependencies (@libsql/client, better-sqlite3, etc.) - Fix MCP server: hardcoded Windows DB paths -> DATABASE_URL env var - Fix MCP server: .dockerignore excluded index-sse.js (SSE mode broken) - MCP Dockerfile: node:20 -> node:22 - Docker Compose: add postgres service, remove SQLite volume - Generate favicon.ico, icon-192.png, icon-512.png, apple-icon.png - Update layout.tsx icons and manifest.json for PNG icons - Update all .env files for PostgreSQL - Rewrite README.md with updated sections - Remove mcp-server/node_modules and prisma/client-generated from git tracking Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
69 lines
1.7 KiB
TypeScript
69 lines
1.7 KiB
TypeScript
import { cn } from "@/lib/utils"
|
|
|
|
interface NoteImagesProps {
|
|
images: string[]
|
|
title?: string | null
|
|
}
|
|
|
|
export function NoteImages({ images, title }: NoteImagesProps) {
|
|
if (!images || images.length === 0) return null
|
|
|
|
return (
|
|
<div className={cn(
|
|
"mb-3 -mx-4",
|
|
!title && "-mt-4"
|
|
)}>
|
|
{images.length === 1 ? (
|
|
<img
|
|
src={images[0]}
|
|
alt=""
|
|
className="w-full h-auto rounded-lg"
|
|
/>
|
|
) : images.length === 2 ? (
|
|
<div className="grid grid-cols-2 gap-2 px-4">
|
|
{images.map((img, idx) => (
|
|
<img
|
|
key={idx}
|
|
src={img}
|
|
alt=""
|
|
className="w-full h-auto rounded-lg"
|
|
/>
|
|
))}
|
|
</div>
|
|
) : images.length === 3 ? (
|
|
<div className="grid grid-cols-2 gap-2 px-4">
|
|
<img
|
|
src={images[0]}
|
|
alt=""
|
|
className="col-span-2 w-full h-auto rounded-lg"
|
|
/>
|
|
{images.slice(1).map((img, idx) => (
|
|
<img
|
|
key={idx}
|
|
src={img}
|
|
alt=""
|
|
className="w-full h-auto rounded-lg"
|
|
/>
|
|
))}
|
|
</div>
|
|
) : (
|
|
<div className="grid grid-cols-2 gap-2 px-4">
|
|
{images.slice(0, 4).map((img, idx) => (
|
|
<img
|
|
key={idx}
|
|
src={img}
|
|
alt=""
|
|
className="w-full h-auto rounded-lg"
|
|
/>
|
|
))}
|
|
{images.length > 4 && (
|
|
<div className="absolute bottom-2 right-2 bg-black/70 text-white px-2 py-1 rounded text-xs">
|
|
+{images.length - 4}
|
|
</div>
|
|
)}
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|