feat: Replace alert() with professional toast notification system

- Remove buggy Undo/Redo that saved character-by-character - Simplify state to plain useState like Google Keep - Create toast component with success/error/warning/info types - Toast notifications auto-dismiss after 3s with smooth animations - Add ToastProvider in layout - Remove all JavaScript alert() calls - Production-ready notification system
2026-01-04 14:36:15 +01:00
parent 8d95f34fcc
commit 2de2958b7a
4 changed files with 240 additions and 184 deletions
--- a/keep-notes/app/layout.tsx
+++ b/keep-notes/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import { Header } from "@/components/header";
+import { ToastProvider } from "@/components/ui/toast";

 const inter = Inter({
  subsets: ["latin"],
@@ -20,8 +21,10 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <body className={inter.className}>
-        <Header />
-        {children}
+        <ToastProvider>
+          <Header />
+          {children}
+        </ToastProvider>
      </body>
    </html>
  );