Top

Next file structure


"use client";
    import Footer from "@/Layout/Footer/Footer";
    import { SideBar } from "@/Layout/Sidebar/Sidebar";
    import ThemeCustomizer from "@/Layout/ThemeCustomizer";
    import { useAppSelector } from "@/Redux/Hooks";
    import Store from "@/Redux/Store";
    import { Provider } from "react-redux";
    import { ToastContainer } from "react-toastify";
    import "../../../../src/index.scss";
    import { Header } from "@/Layout/Header/Header";
    import TapTop from "@/Layout/TapTop";
    
    export default function RootLayout({ children }: { children: React.ReactNode }) {
        const { layout } = useAppSelector((state) => state.themeCustomizer);
    
        return (
        <Provider store={Store}>
            <div className={`page-wrapper ${layout}`} id="pageWrapper">
            <Header />
            <div className="page-body-wrapper">
                <SideBar />
                <div className="page-body">{children}</div>
                <Footer />
            </div>
            </div>
            <ThemeCustomizer />
            <ToastContainer />
            <TapTop />
        </Provider>
        );
    }