/* eslint-disable react-hooks/exhaustive-deps */ import styles from './admin-layout.module.scss' import AdminSidebar from '@/components/admin/Admin-Sidebar' import AdminNavbar from '@/components/admin/AdminNavbar' import RightSideBar from '@/components/dashboard/RightSideBar' import { Head, usePage, router } from '@inertiajs/react' import { useState, useEffect } from 'react' // --- Flash types interface FlashProps { success?: string | null error?: string | null warning?: string | null info?: string | null } interface FlashMessageState { type: 'success' | 'error' | 'warning' | 'info' message: string } // --- Props for the layout interface AdminDashboardLayoutProps { children: React.ReactNode title: string } const AdminDashboardLayout: React.FC = ({ children, title }) => { const { props } = usePage<{ flash?: FlashProps }>() const flash = props.flash || {} const [flashMessage, setFlashMessage] = useState(null) // Initialize flashMessage once when props.flash changes useEffect(() => { const types: (keyof FlashProps)[] = ['success', 'error', 'warning', 'info'] for (const type of types) { const message = flash[type] if (message) { setFlashMessage({ type, message }) break } } }, [flash]) useEffect(() => { const handleNavigation = () => { // disable inertia restoring scroll window.history.scrollRestoration = "manual"; // wait for render requestAnimationFrame(() => { const layout = document.querySelector( `.${styles.layout}` ) as HTMLElement; if (layout) { layout.scrollTo({ top: 0, behavior: "smooth", // 🔥 smooth animation }); } // fallback window.scrollTo({ top: 0, behavior: "smooth", }); }); }; const removeListener = router.on("navigate", handleNavigation); return () => removeListener(); }, []); // Auto-clear flashMessage after 4 seconds useEffect(() => { if (!flashMessage) return const timer = setTimeout(() => setFlashMessage(null), 4000) return () => clearTimeout(timer) }, [flashMessage]) return ( <> {/* Flash message */} {flashMessage && (
{flashMessage.type === "success" && "Success"} {flashMessage.type === "error" && "Error"} {flashMessage.type === "warning" && "Warning"} {flashMessage.type === "info" && "Information"}

{flashMessage.message}

)}
{children}
) } export default AdminDashboardLayout