first commit

apps/frontend/components/id/toast-provider.tsx

@@ -0,0 +1,58 @@
+'use client';
+
+import * as React from 'react';
+import { Toast, ToastProvider as RadixToastProvider, ToastTitle, ToastViewport } from '@/components/ui/toast';
+
+interface ToastState {
+  id: number;
+  title: string;
+}
+
+const ToastContext = React.createContext<{ showToast: (title: string) => void } | null>(null);
+
+const PIN_TOAST_MESSAGE = 'Требуется подтверждение PIN-кода';
+
+export function AppToastProvider({ children }: { children: React.ReactNode }) {
+  const [toasts, setToasts] = React.useState<ToastState[]>([]);
+  const recentMessagesRef = React.useRef<Map<string, number>>(new Map());
+
+  const showToast = React.useCallback((title: string) => {
+    if (title === PIN_TOAST_MESSAGE) return;
+
+    const now = Date.now();
+    const lastShown = recentMessagesRef.current.get(title);
+    if (lastShown && now - lastShown < 4000) return;
+
+    recentMessagesRef.current.set(title, now);
+    const id = now;
+    setToasts((current) => {
+      if (current.some((toast) => toast.title === title)) return current;
+      return [...current, { id, title }];
+    });
+    window.setTimeout(() => {
+      setToasts((current) => current.filter((toast) => toast.id !== id));
+    }, 4500);
+  }, []);
+
+  return (
+    <ToastContext.Provider value={{ showToast }}>
+      <RadixToastProvider swipeDirection="right">
+        {children}
+        {toasts.map((toast) => (
+          <Toast key={toast.id} open>
+            <ToastTitle>{toast.title}</ToastTitle>
+          </Toast>
+        ))}
+        <ToastViewport />
+      </RadixToastProvider>
+    </ToastContext.Provider>
+  );
+}
+
+export function useToast() {
+  const context = React.useContext(ToastContext);
+  if (!context) {
+    throw new Error('useToast должен использоваться внутри AppToastProvider');
+  }
+  return context;
+}