{title}

import React, { useState } from "react"; import Head from "next/head"; import { useRouter } from "next/router"; import LeftSidebar from "@/components/_App/LeftSidebar"; import TopNavbar from "@/components/_App/TopNavbar"; import Footer from "@/components/_App/Footer"; import ScrollToTop from "./ScrollToTop"; import ControlPanelModal from "./ControlPanelModal"; import AuthRoute from "middlewares/AuthRoute"; const Layout = ({ children }) => { const router = useRouter(); const [active, setActive] = useState(false); const toggleActive = () => { setActive(!active); }; const isAuthenticationPage = [ "/authentication/sign-in", "/authentication/sign-up", "/authentication/forgot-password", "/authentication/lock-screen", "/authentication/confirm-mail", "/authentication/logout", ].includes(router.pathname); const title = isAuthenticationPage ? "CMC - Authentication" : "CMC - Client"; return ( <> {title}

{!isAuthenticationPage && ( <> )}

{children}

{!isAuthenticationPage &&

{!isAuthenticationPage && } ); }; export default Layout;