classify web

components/Layout/Layout.jsx

@@ -0,0 +1,48 @@
+"use client";
+import Header from "../Common/Header";
+import Footer from "../Footer/Footer";
+import PushNotificationLayout from "./PushNotificationLayout";
+import Loading from "@/app/loading";
+import UnderMaintenance from "../../public/assets/something_went_wrong.svg";
+import { t } from "@/utils";
+import { useClientLayoutLogic } from "./useClientLayoutLogic";
+import CustomImage from "../Common/CustomImage";
+import ScrollToTopButton from "./ScrollToTopButton";
+
+export default function Layout({ children }) {
+  const { isLoading, isMaintenanceMode, isRedirectToLanding } =
+    useClientLayoutLogic();
+
+  if (isLoading) {
+    return <Loading />;
+  }
+
+  if (isRedirectToLanding) {
+    return null;
+  }
+
+  if (isMaintenanceMode) {
+    return (
+      <div className="flex flex-col items-center justify-center h-screen gap-2">
+        <CustomImage
+          src={UnderMaintenance}
+          alt="Maintenance Mode"
+          height={255}
+          width={255}
+        />
+        <p className="text-center max-w-[40%]">{t("underMaintenance")}</p>
+      </div>
+    );
+  }
+
+  return (
+    <PushNotificationLayout>
+      <div className="flex flex-col min-h-screen">
+        <Header />
+        <div className="flex-1">{children}</div>
+        <ScrollToTopButton />
+        <Footer />
+      </div>
+    </PushNotificationLayout>
+  );
+}