芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/rentandbuyrealty.com/rentandbuyrealty.com/web/src/Components/Layout/Layout.jsx

import { Suspense, useEffect, useRef, useState } from "react";
import Footer from "../Footer/Footer";
import Header from "../Header/Header";
import { useSelector } from "react-redux";
import { languageData } from "@/store/reducer/languageSlice";
import Loader from "../Loader/Loader";
import { useRouter } from "next/router";
import { protectedRoutes } from "@/routes/routes";
import { usePathname } from "next/navigation";
import Swal from "sweetalert2";
import under_maintain from '../../../public/under_maintain.svg';
import { placeholderImage, translate } from "@/utils";
import Image from "next/image";
import SomthingWentWrong from "../SomthingWentWrong/SomthingWentWrong";
import { loadSystemSettings } from "@/store/reducer/settingsSlice";

const Layout = ({ children }) => {
    const isLoggedIn = useSelector((state) => state.User_signup);
    const userCurrentId = isLoggedIn && isLoggedIn.data ? isLoggedIn.data.data.id : null;
    const router = useRouter();
    const [isLoading, setIsLoading] = useState(false);
    const [settingsError, setSettingsError] = useState(false);
    const [settingsData, setSettingsData] = useState([]);
    // const settingsData = useSelector((state) => state.settingsData);
    const prevUserCurrentIdRef = useRef(null);

useEffect(() => {

const shouldFetchData =
            !prevUserCurrentIdRef.current || prevUserCurrentIdRef.current !== userCurrentId;

if (shouldFetchData) {
            setIsLoading(true);
            loadSystemSettings({
                user_id: isLoggedIn ? userCurrentId : "",
                onSuccess: (res) => {
                    setSettingsData(res?.data)
                    setIsLoading(false);
                    document.documentElement.style.setProperty('--primary-color', res?.data?.system_color);
                    document.documentElement.style.setProperty('--primary-category-background', res?.data?.category_background);
                    document.documentElement.style.setProperty('--primary-sell', res?.data?.sell_background);
                },
                onError: (err) => {
                    console.log(err);
                    setIsLoading(false);
                    setSettingsError(true);
                }
            });
        }

prevUserCurrentIdRef.current = userCurrentId;

return () => {
            prevUserCurrentIdRef.current = null;
        };
    }, [isLoggedIn, userCurrentId]);

useEffect(() => {
    }, [settingsData])

const pathname = usePathname();

// Check if the current route requires a subscription
    const requiresAuth = protectedRoutes.includes(pathname);

useEffect(() => {
        authCheck();
    }, [requiresAuth, userCurrentId]); // Add userCurrentId to the dependencies

useEffect(() => {
        if (!userCurrentId && window.location.pathname === "/user-register") {
            router.push('/');
        }
    }, [userCurrentId]); // Add userCurrentId to the dependencies

const lang = useSelector(languageData);

return (
        <div>
            {isLoading ? (
                <Loader />
            ) : (
                <>
                    {settingsError ? ( // Check for error while fetching settings
                        <div className="somthing_wentWrong">
                            <SomthingWentWrong />
                        </div>
                    ) : (
                        <Suspense fallback={<Loader />}>
                            {settingsData && settingsData?.web_maintenance_mode === "1" ? (
                                <div className='under_maintance'>
                                    <div className="col-12 text-center">
                                        <div>
                                            <Image loading="lazy" src={under_maintain.src} alt="underMaintance" width={600} height={600} onError={placeholderImage} />
                                        </div>
                                        <div className='no_page_found_text'>
                                            <h3>
                                                {translate("underMaintance")}
                                            </h3>
                                            <span>
                                                {translate("pleaseTryagain")}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            ) : (
                                <>
                                    <Header />
                                    {children}
                                    <Footer />
                                </>
                            )}
                        </Suspense>
                    )}
                </>
            )}
        </div>
    );
};

export default Layout;