diff options
Diffstat (limited to 'src/components/Sidebar/Sidebar.tsx')
| -rw-r--r-- | src/components/Sidebar/Sidebar.tsx | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx index 28ae9a2..901ba87 100644 --- a/src/components/Sidebar/Sidebar.tsx +++ b/src/components/Sidebar/Sidebar.tsx @@ -1,21 +1,21 @@ import SidebarButton from "./SidebarButton"; -export default function SideBar() { +export default function SideBar(props: any) { return ( <div - className="relative flex h-full w-full max-w-[20rem] flex-col rounded-xl bg-white bg-clip-border p-4 text-gray-700 shadow-xl shadow-blue-gray-900/5"> + className="relative flex h-full w-full max-w-[20rem] flex-col rounded-xl bg-white bg-clip-border text-gray-700 shadow-xl shadow-blue-gray-900/5"> <div className="p-4 mb-2"> <h5 className="block font-sans text-xl antialiased font-semibold leading-snug tracking-normal text-blue-gray-900"> <a href="/">fs-tracer</a> </h5> </div> - <nav className="flex min-w-[240px] flex-col gap-1 p-2 font-sans text-base font-normal text-blue-gray-700"> - <SidebarButton name="Home" icon="fa-solid fa-house" href="/" /> - <SidebarButton name="Recent files" icon="fa-solid fa-folder" href="/recent" /> - <SidebarButton name="Search" icon="fa-solid fa-magnifying-glass" href="/search" /> - <SidebarButton name="Monitoring" icon="fa-solid fa-chart-column" href="/monitoring" /> - <SidebarButton name="Setup" icon="fa-solid fa-gear" href="/setup" /> - <SidebarButton name="Logout" icon="fa-solid fa-right-from-bracket" href="/logout" /> + <nav className="flex min-w-[240px] flex-col gap-1 font-sans text-base font-normal text-blue-gray-700"> + <SidebarButton name="Home" icon="fa-solid fa-house" href="/" currentPage={props.currentPage} /> + <SidebarButton name="Recent files" icon="fa-solid fa-folder" href="/recent" currentPage={props.currentPage} /> + <SidebarButton name="Search" icon="fa-solid fa-magnifying-glass" href="/search" currentPage={props.currentPage} /> + <SidebarButton name="Monitoring" icon="fa-solid fa-chart-column" href="/monitoring" currentPage={props.currentPage} /> + <SidebarButton name="Setup" icon="fa-solid fa-gear" href="/setup" currentPage={props.currentPage} /> + <SidebarButton name="Logout" icon="fa-solid fa-right-from-bracket" href="/logout" currentPage={props.currentPage} /> </nav> </div> ) |