diff --git a/src/layouts/Profile/Sidebar/Sidebar.jsx b/src/layouts/Profile/Sidebar/Sidebar.jsx index 00d14b3e..7b177f94 100644 --- a/src/layouts/Profile/Sidebar/Sidebar.jsx +++ b/src/layouts/Profile/Sidebar/Sidebar.jsx @@ -4,7 +4,7 @@ import { MdLogout } from "react-icons/md"; import { TbUserEdit } from "react-icons/tb"; import { SlCalender } from "react-icons/sl"; import { SiReacthookform } from "react-icons/si"; -import { FaRegNewspaper } from "react-icons/fa"; +import { FaRegNewspaper, FaCertificate } from "react-icons/fa"; import { LuClipboardList } from "react-icons/lu"; import AuthContext from "../../../context/AuthContext"; import styles from "./styles/Sidebar.module.scss"; @@ -227,6 +227,27 @@ const Sidebar = ({ activepage, handleChange }) => { ); + const renderCertificateMenu = () => ( +
handleChange("Certificates")} + style={{ + background: activepage === "Certificates" ? "var(--primary)" : "transparent", + WebkitBackgroundClip: activepage === "Certificates" ? "text" : "initial", + backgroundClip: activepage === "Certificates" ? "text" : "initial", + color: activepage === "Certificates" ? "transparent" : "inherit", + }} + > + {" "} + Certificates +
+ ); + return ( <>
@@ -304,6 +325,7 @@ const Sidebar = ({ activepage, handleChange }) => {
)} + {renderCertificateMenu()} )} diff --git a/src/pages/AttendancePage/AttendancePage.jsx b/src/pages/AttendancePage/AttendancePage.jsx index e5df8584..06486c43 100644 --- a/src/pages/AttendancePage/AttendancePage.jsx +++ b/src/pages/AttendancePage/AttendancePage.jsx @@ -426,4 +426,4 @@ const AttendancePage = () => { ); }; -export default AttendancePage; +export default AttendancePage; \ No newline at end of file