github_pat_11AYRROFY0LPdSCvgX9qEF_yB1eFd0JAhswvjRgPzhnXVXBndLcWiKP8cWzBO0OS5XOHW4YW

XDUUpgRAcO

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

import React from "react";

import { MdSpaceDashboard, MdLabelImportantOutline } from "react-icons/md";
import { Link } from "react-router-dom";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
faDashboard,
faHistory,
faSignOut,
} from "@fortawesome/free-solid-svg-icons";

export const Sidebar = () => {

return (
<>
<div className="sidenav">

<Link
to="/"
className="clickable-blue my-2"
>
<span className="text-3xl font-extrabold">LOCUS</span>
</Link>

<div className="flex-col justify-center items-center">

<Link style={{ marginBottom: "0.5rem" }} to="/" className="flex">
<FontAwesomeIcon style={{ marginRight: "1rem" }} icon={faDashboard} />
<span className="active">Dashboard</span>
</Link>

<Link style={{ marginBottom: "0.5rem" }} to="/logs">

<FontAwesomeIcon style={{ marginRight: "1rem" }} icon={faHistory} />
<span>Logs</span>
</Link>
<Link style={{ marginBottom: "0.5rem" }} to="/logout">
<FontAwesomeIcon style={{ marginRight: "1rem" }} icon={faSignOut} />
<span>Logout</span>
</Link>
</div>
</div>
</>
);
};