35 lines
831 B
TypeScript
35 lines
831 B
TypeScript
import React, { useEffect } from "react";
|
|
import { usegetTitleFromRoute } from "../../Hooks/usegetTitleFromRoute";
|
|
import { Helmet } from "react-helmet";
|
|
import { useLocation } from "react-router-dom";
|
|
import NavBar from "./NavBar";
|
|
import SideBar from "./SideBar";
|
|
import { USER_KEY } from "../../config/AppKey";
|
|
|
|
const Layout = ({
|
|
children,
|
|
className = "",
|
|
}: {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
}) => {
|
|
const location = useLocation();
|
|
|
|
return (
|
|
<>
|
|
<Helmet>
|
|
<title>{usegetTitleFromRoute(location.pathname)}</title>
|
|
</Helmet>
|
|
<div className="Layout">
|
|
<main className={`${className} Layout_Body`}>
|
|
<NavBar />
|
|
<div className="Layout_Children">{children}</div>
|
|
</main>
|
|
<SideBar />
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Layout;
|