report list

src/shared/SideBar.tsx

@@ -2,7 +2,7 @@ import { type FC, useEffect } from 'react'
 import LogoImage from '../assets/images/logo.svg'
 import LogoSmall from '../assets/images/logo-small.svg'
 import { useTranslation } from 'react-i18next'
-import { DocumentText, Home2, Logout, Message, NotificationStatus, People, Setting2, TicketDiscount, Chart, Calendar, Security, Card, SecurityUser, TruckFast, Element3, Star1, NotificationBing } from 'iconsax-react'
+import { DocumentText, Home2, Logout, Message, NotificationStatus, People, Setting2, TicketDiscount, Calendar, Security, Card, SecurityUser, TruckFast, Element3, Star1, NotificationBing, SmsEdit } from 'iconsax-react'
 import SideBarItem from './SideBarItem'
 import { useLocation } from 'react-router-dom'
 import { Pages } from '../config/Pages'
@@ -199,13 +199,13 @@ const SideBar: FC = () => {
                             link={Pages.announcements.list}
                             activeName='announcements'
                         />
-                        <SideBarItem
+                        {/* <SideBarItem
                             icon={<Chart variant={isActive('reports') ? 'Bold' : 'Outline'} color={isActive('reports') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
                             title={t('sidebar.reports')}
                             isActive={isActive('reports')}
                             link={Pages.reports.list}
                             activeName='reports'
-                        />
+                        /> */}
                         <SideBarItem
                             icon={<Message variant={isActive('comments') ? 'Bold' : 'Outline'} color={isActive('comments') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
                             title={t('sidebar.comments')}
@@ -213,6 +213,14 @@ const SideBar: FC = () => {
                             link={Pages.comments.list}
                             activeName='comments'
                         />
+
+                        <SideBarItem
+                            icon={<SmsEdit variant={isActive('reports') ? 'Bold' : 'Outline'} color={isActive('reports') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
+                            title={t('sidebar.reports')}
+                            isActive={isActive('reports')}
+                            link={Pages.reports.list}
+                            activeName='reports'
+                        />
                     </div>
 
                     <div className='flex-1 flex flex-col justify-end mt-14'>