From 98105fb870d8325b195ed8de8bf6726be48dbdaf Mon Sep 17 00:00:00 2001
From: janpeter visser <janpetervisser2@gmail.com>
Date: Mon, 27 Apr 2026 19:22:24 +0200
Subject: [PATCH] feat(ST-906): redirect to dashboard with toast when active
 product becomes inaccessible

---
 app/(app)/layout.tsx              |  6 ++++++
 components/shared/alert-toast.tsx | 28 ++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 components/shared/alert-toast.tsx

diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index 23c03fc..3366094 100644
--- a/app/(app)/layout.tsx
+++ b/app/(app)/layout.tsx
@@ -8,6 +8,8 @@ import { NavBar } from '@/components/shared/nav-bar'
 import { MinWidthBanner } from '@/components/shared/min-width-banner'
 import { StatusBar } from '@/components/shared/status-bar'
 import { SoloRealtimeBridge } from '@/components/solo/realtime-bridge'
+import { AlertToast } from '@/components/shared/alert-toast'
+import { Suspense } from 'react'
 
 export default async function AppLayout({ children }: { children: React.ReactNode }) {
   const session = await getIronSession<SessionData>(await cookies(), sessionOptions)
@@ -57,6 +59,7 @@ export default async function AppLayout({ children }: { children: React.ReactNod
         where: { id: session.userId },
         data: { active_product_id: null },
       })
+      redirect('/dashboard?alert=product_unavailable')
     }
   }
 
@@ -81,6 +84,9 @@ export default async function AppLayout({ children }: { children: React.ReactNod
       </main>
       <StatusBar />
       <SoloRealtimeBridge />
+      <Suspense>
+        <AlertToast />
+      </Suspense>
     </div>
   )
 }
diff --git a/components/shared/alert-toast.tsx b/components/shared/alert-toast.tsx
new file mode 100644
index 0000000..630892d
--- /dev/null
+++ b/components/shared/alert-toast.tsx
@@ -0,0 +1,28 @@
+'use client'
+
+import { useEffect } from 'react'
+import { useSearchParams, useRouter, usePathname } from 'next/navigation'
+import { toast } from 'sonner'
+
+const ALERT_MESSAGES: Record<string, string> = {
+  product_unavailable: 'Je actieve product is niet meer beschikbaar',
+}
+
+export function AlertToast() {
+  const searchParams = useSearchParams()
+  const router = useRouter()
+  const pathname = usePathname()
+  const alert = searchParams.get('alert')
+
+  useEffect(() => {
+    if (!alert || !ALERT_MESSAGES[alert]) return
+    toast.error(ALERT_MESSAGES[alert])
+    const params = new URLSearchParams(searchParams.toString())
+    params.delete('alert')
+    const next = params.toString() ? `${pathname}?${params}` : pathname
+    router.replace(next)
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [alert])
+
+  return null
+}