Layout Configure

Here is the layout configure.

import React from "react";

// react-router
import { Outlet } from "react-router-dom";


// Import selectors & action from setting store
import * as SettingSelector from '../store/setting/selectors'

// Redux Selector / Action
import { useSelector } from 'react-redux';

// Partials
import Header from "../components/partials/headerStyle/header";
import Footer from "../components/partials/footerStyle/footer";
import Sidebar from "../components/partials/sidebar/sidebar";
import SettingOffCanvas from "../components/setting/SettingOffCanvas";


const DefaultLayout = () => {
const pageLayout = useSelector(SettingSelector.page_layout)

return (
    <>
        <div className="wrapper">
            <Sidebar />
            <main className="main-content content-page ">
                <div className="position-relative">
                    {/* --Nav Start-- */}
                    <Header />
                    {/* --Nav End-- */}
                </div>
                <div className={` ${pageLayout} content-inner pb-0`} id="page_layout">
                    <Outlet />
                </div>
                    <Footer /> 
            </main>
         </div>
        <SettingOffCanvas />
    </>
);
};

export default DefaultLayout;
    

import React from "react";

// react-router
import { Outlet } from "react-router-dom";
import SettingOffCanvas from "../components/setting/SettingOffCanvas";

const BlankLayout = () => {
return (
    <>
        <div className="content-bg">
            <Outlet />
            <SettingOffCanvas />
        </div>
    </>
);
};

export default BlankLayout