access logs + audio

src/shared/SideBar.tsx

@@ -2,7 +2,7 @@ import { 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 { Card, Code, CodeCircle, DocumentLike, DocumentText, Element3, Gallery, Headphone, Home2, Logout, Message, Messages3, Money3, NotificationStatus, People, Profile, Receipt21, Setting2, SmsTracking, Teacher, TicketDiscount, UserSquare } from 'iconsax-react'
+import { Card, Code, CodeCircle, DocumentLike, DocumentText, Element3, Gallery, Headphone, Home2, Logout, Message, Messages3, Money3, NotificationStatus, People, Profile, Receipt21, Setting2, SmsTracking, Teacher, TicketDiscount, UserSquare, Activity } from 'iconsax-react'
 import SideBarItem from './SideBarItem'
 import { useLocation } from 'react-router-dom'
 import { Pages } from '../config/Pages'
@@ -18,6 +18,7 @@ import LearningSubMenu from './components/LearningSubMenu'
 import BlogSubMenu from './components/BlogSubMenu'
 import { useGetProfile } from '../pages/profile/hooks/useProfileData'
 import SupportSubMenu from './components/SupportSubMenu'
+import AccessLogsSubMenu from './components/AccessLogsSubMenu'
 const SideBar: FC = () => {
 
     const { t } = useTranslation('global')
@@ -209,6 +210,17 @@ const SideBar: FC = () => {
                         />
                     </div>
 
+                    <div className='text-xs text-[#8C90A3]'>
+                        <SideBarItem
+                            icon={<Activity variant={isActive('access-logs') ? 'Bold' : 'Outline'} color={isActive('access-logs') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
+                            title={t('sidebar.accessLogs')}
+                            isActive={isActive('access-logs')}
+                            link={Pages.accessLogs.list}
+                            name='accessLogs'
+                            activeName='logs'
+                        />
+                    </div>
+
                     <div className='text-xs text-[#8C90A3]'>
                         <SideBarItem
                             icon={<DocumentText variant={isActive('criticisms') ? 'Bold' : 'Outline'} color={isActive('criticisms') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
@@ -335,7 +347,9 @@ const SideBar: FC = () => {
                                                     <BlogSubMenu />
                                                     : subMenuName === 'support' ?
                                                         <SupportSubMenu />
-                                                        : null
+                                                        : subMenuName === 'accessLogs' ?
+                                                            <AccessLogsSubMenu />
+                                                            : null
                     }
                 </div>
             }