sepehr
8d95f34fcc
- Add debounced state updates for title and content (500ms delay) - Immediate UI updates with delayed history saving - Prevent one-letter-per-undo issue - Add cleanup for debounce timers on unmount
76 lines
2.5 KiB
TypeScript
76 lines
2.5 KiB
TypeScript
export interface CheckItem {
|
|
id: string;
|
|
text: string;
|
|
checked: boolean;
|
|
}
|
|
|
|
export interface Note {
|
|
id: string;
|
|
title: string | null;
|
|
content: string;
|
|
color: string;
|
|
isPinned: boolean;
|
|
isArchived: boolean;
|
|
type: 'text' | 'checklist';
|
|
checkItems: CheckItem[] | null;
|
|
labels: string[] | null;
|
|
images: string[] | null;
|
|
createdAt: Date;
|
|
updatedAt: Date;
|
|
}
|
|
|
|
export const NOTE_COLORS = {
|
|
default: {
|
|
bg: 'bg-white dark:bg-zinc-900',
|
|
hover: 'hover:bg-gray-50 dark:hover:bg-zinc-800',
|
|
card: 'bg-white dark:bg-zinc-900 border-gray-200 dark:border-zinc-700'
|
|
},
|
|
red: {
|
|
bg: 'bg-red-50 dark:bg-red-950/30',
|
|
hover: 'hover:bg-red-100 dark:hover:bg-red-950/50',
|
|
card: 'bg-red-50 dark:bg-red-950/30 border-red-100 dark:border-red-900/50'
|
|
},
|
|
orange: {
|
|
bg: 'bg-orange-50 dark:bg-orange-950/30',
|
|
hover: 'hover:bg-orange-100 dark:hover:bg-orange-950/50',
|
|
card: 'bg-orange-50 dark:bg-orange-950/30 border-orange-100 dark:border-orange-900/50'
|
|
},
|
|
yellow: {
|
|
bg: 'bg-yellow-50 dark:bg-yellow-950/30',
|
|
hover: 'hover:bg-yellow-100 dark:hover:bg-yellow-950/50',
|
|
card: 'bg-yellow-50 dark:bg-yellow-950/30 border-yellow-100 dark:border-yellow-900/50'
|
|
},
|
|
green: {
|
|
bg: 'bg-green-50 dark:bg-green-950/30',
|
|
hover: 'hover:bg-green-100 dark:hover:bg-green-950/50',
|
|
card: 'bg-green-50 dark:bg-green-950/30 border-green-100 dark:border-green-900/50'
|
|
},
|
|
teal: {
|
|
bg: 'bg-teal-50 dark:bg-teal-950/30',
|
|
hover: 'hover:bg-teal-100 dark:hover:bg-teal-950/50',
|
|
card: 'bg-teal-50 dark:bg-teal-950/30 border-teal-100 dark:border-teal-900/50'
|
|
},
|
|
blue: {
|
|
bg: 'bg-blue-50 dark:bg-blue-950/30',
|
|
hover: 'hover:bg-blue-100 dark:hover:bg-blue-950/50',
|
|
card: 'bg-blue-50 dark:bg-blue-950/30 border-blue-100 dark:border-blue-900/50'
|
|
},
|
|
purple: {
|
|
bg: 'bg-purple-50 dark:bg-purple-950/30',
|
|
hover: 'hover:bg-purple-100 dark:hover:bg-purple-950/50',
|
|
card: 'bg-purple-50 dark:bg-purple-950/30 border-purple-100 dark:border-purple-900/50'
|
|
},
|
|
pink: {
|
|
bg: 'bg-pink-50 dark:bg-pink-950/30',
|
|
hover: 'hover:bg-pink-100 dark:hover:bg-pink-950/50',
|
|
card: 'bg-pink-50 dark:bg-pink-950/30 border-pink-100 dark:border-pink-900/50'
|
|
},
|
|
gray: {
|
|
bg: 'bg-gray-100 dark:bg-gray-800/50',
|
|
hover: 'hover:bg-gray-200 dark:hover:bg-gray-700/50',
|
|
card: 'bg-gray-100 dark:bg-gray-800/50 border-gray-200 dark:border-gray-700'
|
|
},
|
|
} as const;
|
|
|
|
export type NoteColor = keyof typeof NOTE_COLORS;
|