Merge pull request #155 from 5elc0uth/feat/40-deep-linking-support

feat: add deep linking support and scroll position preservation

Author: Smartdevs17

frontend/app/dashboard/layout.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { useAuthStore } from '@/store/useAuthStore';
-import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useRouter, usePathname } from 'next/navigation';
+import { useEffect, useRef } from 'react';
 import { Sidebar } from '@/components/layout/Sidebar';
 import { Header } from '@/components/layout/Header';
 import { ErrorBoundary } from '@/components/errors/ErrorBoundary';
@@ -14,13 +14,37 @@ export default function DashboardLayout({
 }) {
   const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
   const router = useRouter();
+  const pathname = usePathname();
+  const mainRef = useRef<HTMLElement>(null);
+  const scrollPositions = useRef<Record<string, number>>({});
 
   useEffect(() => {
     if (!isAuthenticated) {
       router.push('/auth');
     }
   }, [isAuthenticated, router]);
 
+  // Save scroll position when leaving a page
+  useEffect(() => {
+    const main = mainRef.current;
+    if (!main) return;
+
+    const handleScroll = () => {
+      scrollPositions.current[pathname] = main.scrollTop;
+    };
+
+    main.addEventListener('scroll', handleScroll);
+    return () => main.removeEventListener('scroll', handleScroll);
+  }, [pathname]);
+
+  // Restore scroll position when arriving at a page
+  useEffect(() => {
+    const main = mainRef.current;
+    if (!main) return;
+    const saved = scrollPositions.current[pathname];
+    main.scrollTop = saved ?? 0;
+  }, [pathname]);
+
   if (!isAuthenticated) {
     return null;
   }
@@ -31,12 +55,11 @@ export default function DashboardLayout({
         <Sidebar />
         <div className="flex-1 flex flex-col overflow-hidden lg:ml-64">
           <Header />
-          <main className="flex-1 overflow-y-auto p-4 sm:p-6">
+          <main ref={mainRef} className="flex-1 overflow-y-auto p-4 sm:p-6">
             <ErrorBoundary>{children}</ErrorBoundary>
           </main>
         </div>
       </div>
     </ErrorBoundary>
   );
-}
-
+}