disable menu

src/app/[name]/layout.tsx

@@ -4,6 +4,7 @@ import type { Metadata, Viewport } from 'next'
 import { getRestaurant } from './lib/getRestaurant'
 import { notFound } from 'next/navigation'
 import CartChecker from '@/components/CartChecker'
+import ActiveChecker from '@/components/ActiveChecker'
 
 export const dynamic = 'force-dynamic'
 export const revalidate = 0
@@ -99,6 +100,7 @@ export default async function Layout({
     return <>
       <PreferenceWrapper>{children}</PreferenceWrapper>
       <CartChecker />
+      <ActiveChecker />
     </>
   } catch (error) {
     if (error instanceof Error && error.message === 'RESTAURANT_NOT_FOUND') {

src/components/ActiveChecker.tsx

@@ -0,0 +1,29 @@
+'use client'
+import { useGetAbout } from '@/app/[name]/(Main)/about/hooks/useAboutData'
+import React, { useEffect } from 'react'
+
+const ActiveChecker = () => {
+
+    const { data } = useGetAbout()
+
+    useEffect(() => {
+
+        if (data?.data && !data?.data?.isActive) {
+            document.body.style.overflow = 'hidden'
+        } else {
+            document.body.style.overflow = 'auto'
+
+        }
+
+    }, [data?.data])
+
+
+    if (data?.data && !data?.data?.isActive)
+        return (
+            <div className='fixed top-0 size-full bg-black/60 z-999999999 flex justify-center items-center text-white! text-lg font-bold backdrop-blur-sm'>
+                <div>رستوران غیرفعال است.</div>
+            </div>
+        )
+}
+
+export default ActiveChecker