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>
59 lines
1.4 KiB
TypeScript
59 lines
1.4 KiB
TypeScript
'use client'
|
|
|
|
import { Badge } from '@/components/ui/badge'
|
|
import { X } from 'lucide-react'
|
|
import { cn } from '@/lib/utils'
|
|
import { LABEL_COLORS } from '@/lib/types'
|
|
import { useLabels } from '@/context/LabelContext'
|
|
|
|
interface LabelBadgeProps {
|
|
label: string
|
|
onRemove?: () => void
|
|
variant?: 'default' | 'filter' | 'clickable'
|
|
onClick?: () => void
|
|
isSelected?: boolean
|
|
isDisabled?: boolean
|
|
}
|
|
|
|
export function LabelBadge({
|
|
label,
|
|
onRemove,
|
|
variant = 'default',
|
|
onClick,
|
|
isSelected = false,
|
|
isDisabled = false,
|
|
}: LabelBadgeProps) {
|
|
const { getLabelColor } = useLabels()
|
|
const colorName = getLabelColor(label)
|
|
const colorClasses = LABEL_COLORS[colorName] || LABEL_COLORS.gray
|
|
|
|
return (
|
|
<Badge
|
|
className={cn(
|
|
'text-xs border gap-1',
|
|
colorClasses.bg,
|
|
colorClasses.text,
|
|
colorClasses.border,
|
|
variant === 'filter' && 'cursor-pointer hover:opacity-80',
|
|
variant === 'clickable' && 'cursor-pointer',
|
|
isDisabled && 'opacity-50',
|
|
isSelected && 'ring-2 ring-blue-500'
|
|
)}
|
|
onClick={onClick}
|
|
>
|
|
{label}
|
|
{onRemove && (
|
|
<button
|
|
onClick={(e) => {
|
|
e.stopPropagation()
|
|
onRemove()
|
|
}}
|
|
className="hover:text-red-600"
|
|
>
|
|
<X className="h-3 w-3" />
|
|
</button>
|
|
)}
|
|
</Badge>
|
|
)
|
|
}
|