sepehr
640fcb26f7
## Bug Fixes ### Note Card Actions - Fix broken size change functionality (missing state declaration) - Implement React 19 useOptimistic for instant UI feedback - Add startTransition for non-blocking updates - Ensure smooth animations without page refresh - All note actions now work: pin, archive, color, size, checklist ### Markdown LaTeX Rendering - Add remark-math and rehype-katex plugins - Support inline equations with dollar sign syntax - Support block equations with double dollar sign syntax - Import KaTeX CSS for proper styling - Equations now render correctly instead of showing raw LaTeX ## Technical Details - Replace undefined currentNote references with optimistic state - Add optimistic updates before server actions for instant feedback - Use router.refresh() in transitions for smart cache invalidation - Install remark-math, rehype-katex, and katex packages ## Testing - Build passes successfully with no TypeScript errors - Dev server hot-reloads changes correctly
28 lines
624 B
TypeScript
28 lines
624 B
TypeScript
'use client'
|
|
|
|
import { Toaster as SonnerToaster, toast as sonnerToast } from 'sonner'
|
|
|
|
// Re-export toast functions from Sonner
|
|
export const toast = sonnerToast
|
|
|
|
// Toaster component with custom styles
|
|
export function Toaster() {
|
|
return (
|
|
<SonnerToaster
|
|
position="top-right"
|
|
expand={false}
|
|
richColors
|
|
closeButton
|
|
duration={3000}
|
|
toastOptions={{
|
|
classNames: {
|
|
toast: 'toast pointer-events-auto',
|
|
description: 'toast-description',
|
|
actionButton: 'toast-action-button',
|
|
closeButton: 'toast-close-button',
|
|
},
|
|
}}
|
|
/>
|
|
)
|
|
}
|