11import '../../css/sidebar.css' ;
22import '../../css/login.css' ;
3- import SidebarGroup from './SidebarGroup.tsx' ;
43import SidebarLink from './SidebarLink.tsx' ;
5- //import { type useNavigate } from 'react-router-dom';
6- import { useState } from 'react' ;
7- import LoginPopup from '../LoginPopup.tsx' ;
84import SidebarProfile from './SidebarProfile.tsx' ;
95import SidebarWorkspace from './SidebarWorkspace.tsx' ;
106
117import {
128 Bars3Icon ,
139 HomeIcon ,
1410 StarIcon ,
15- PlusIcon ,
16- ClipboardDocumentCheckIcon ,
1711 CalendarDaysIcon ,
1812 UserGroupIcon ,
19- BellAlertIcon ,
2013 UserCircleIcon ,
21- Cog8ToothIcon ,
22- QuestionMarkCircleIcon ,
2314} from '@heroicons/react/24/solid' ;
2415
2516type SidebarProps = {
@@ -28,8 +19,6 @@ type SidebarProps = {
2819} ;
2920
3021export default function Sidebar ( { collapsed, onToggle } : SidebarProps ) {
31- const [ showLogin , setShowLogin ] = useState ( false ) ;
32-
3322 return (
3423 < >
3524 < div className = { `sidebar ${ collapsed ? 'collapsed' : '' } ` } >
@@ -40,50 +29,17 @@ export default function Sidebar({ collapsed, onToggle }: SidebarProps) {
4029 </ button >
4130 </ div >
4231 < div className = "main-sidebar-link-container" >
43- < SidebarLink label = "Dashboard " icon = { < HomeIcon /> } nav = "/dashboard " />
32+ < SidebarLink label = "Home " icon = { < HomeIcon /> } nav = "/" />
4433 < SidebarLink label = "Events" icon = { < StarIcon /> } nav = "/events" />
45- < SidebarLink label = "Calendar" icon = { < CalendarDaysIcon /> } nav = "/calendar" />
46- < SidebarLink label = "Roster" icon = { < UserGroupIcon /> } nav = "/roster" />
34+ < SidebarLink label = "Insights" icon = { < CalendarDaysIcon /> } nav = "/insights" />
4735 < SidebarLink
48- label = "Notifications "
49- icon = { < BellAlertIcon /> }
50- nav = "/notifications "
36+ label = "Organizations "
37+ icon = { < UserGroupIcon /> }
38+ nav = "/organizations "
5139 />
40+ < SidebarLink label = "[dev] Testing" icon = { < UserGroupIcon /> } nav = "/testing" />
5241 </ div >
53- < div className = "lower-sidebar-link-container" >
54- < SidebarLink label = "My Profile" icon = { < UserCircleIcon /> } nav = "/profile" />
55- < SidebarLink label = "Settings" icon = { < Cog8ToothIcon /> } nav = "/settings" />
56- </ div >
57- < a className = "register-btn" onClick = { ( ) => setShowLogin ( true ) } >
58- { ' ' }
59- Register{ ' ' }
60- </ a >
61- < LoginPopup isOpen = { showLogin } onClose = { ( ) => setShowLogin ( false ) } />
62- < SidebarWorkspace workspace = "Overview" >
63- < SidebarLink label = "Dashboard" icon = { < HomeIcon /> } nav = "/dashboard" />
64- < SidebarGroup label = "Events" icon = { < StarIcon /> } collapsed = { collapsed } >
65- < SidebarLink label = "Create" icon = { < PlusIcon /> } nav = "/events/create" />
66- < SidebarLink
67- label = "History"
68- icon = { < ClipboardDocumentCheckIcon /> }
69- nav = "/events/history"
70- />
71- </ SidebarGroup >
72- < SidebarLink label = "Calendar" icon = { < CalendarDaysIcon /> } nav = "/calendar" />
73- < SidebarLink label = "Roster" icon = { < UserGroupIcon /> } nav = "/roster" />
74- < SidebarLink
75- label = "Notifications"
76- icon = { < BellAlertIcon /> }
77- nav = "/notifications"
78- />
79- </ SidebarWorkspace >
8042 < SidebarWorkspace >
81- < SidebarLink
82- label = "Help Center"
83- icon = { < QuestionMarkCircleIcon /> }
84- nav = "/help"
85- />
86- < SidebarLink label = "Settings" icon = { < Cog8ToothIcon /> } nav = "/settings" />
8743 < SidebarProfile
8844 icon = { < UserCircleIcon /> }
8945 name = "Kevin Smith"
0 commit comments