Files
Checkmate/Client/src/Layouts/HomeLayout/index.jsx
T

31 lines
857 B
React

import NavBar from "../../Components/NavBar";
import { Outlet } from "react-router";
import DashboardSidebar from "../../Components/DashboardSidebar";
import "./index.css";
// Demo, remove me
import { jwtDecode } from "jwt-decode";
// Emd Demo
const HomeLayout = () => {
const token = localStorage.getItem("token");
const decodedToken = token && jwtDecode(token);
return (
<div className="home-layout">
<DashboardSidebar />
<div className="main-content">
<NavBar />
{/* Remove me later */}
{token && <p>You are logged in</p>}
{token && <p>First Name: {decodedToken.firstname}</p>}
{token && <p>Last Name: {decodedToken.lastname}</p>}
{token && <p>Email: {decodedToken.email}</p>}
{/* I am a demo */}
</div>
<Outlet />
</div>
);
};
export default HomeLayout;