payment

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, Home2, Logout, Messages3, NotificationStatus, People, Profile, Receipt21, Setting2, SmsTracking, Teacher, TicketDiscount, UserSquare } from 'iconsax-react'
+import { Card, Code, CodeCircle, DocumentLike, DocumentText, Element3, Home2, Logout, Messages3, Money3, NotificationStatus, People, Profile, Receipt21, Setting2, SmsTracking, Teacher, TicketDiscount, UserSquare } from 'iconsax-react'
 import SideBarItem from './SideBarItem'
 import { useLocation } from 'react-router-dom'
 import { Pages } from '../config/Pages'
@@ -10,7 +10,6 @@ import { useSharedStore } from './store/sharedStore'
 import { clx } from '../helpers/utils'
 import ServicesSubMenu from './components/ServicesSubMenu'
 import { SideBarItemHasSubMenu } from '../config/SideBarSubMenu'
-import TransactionsSubMenu from './components/TransactionsSubMenu'
 import ReceiptSubMenu from './components/ReceiptSubMenu'
 import CustomerSubMenu from './components/CustomerSubMenu'
 import TicketSubMenu from './components/TicketSubMenu'
@@ -122,6 +121,12 @@ const SideBar: FC = () => {
                             isActive={isActive('transactions')}
                             link={Pages.transactions}
                         />
+                        <SideBarItem
+                            icon={<Money3 variant={isActive('payments') ? 'Bold' : 'Outline'} color={isActive('payments') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
+                            title={t('sidebar.payments')}
+                            isActive={isActive('payments')}
+                            link={Pages.payment.list}
+                        />
                         <SideBarItem
                             icon={<TicketDiscount variant={isActive('discounts') ? 'Bold' : 'Outline'} color={isActive('discounts') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
                             title={t('sidebar.discounts')}
@@ -259,18 +264,15 @@ const SideBar: FC = () => {
                     {
                         subMenuName === 'services' ?
                             <ServicesSubMenu />
-                            :
-                            subMenuName === 'transactions' ?
-                                <TransactionsSubMenu />
-                                : subMenuName === 'receipts' ?
-                                    <ReceiptSubMenu />
-                                    : subMenuName === 'customers' ?
-                                        <CustomerSubMenu />
-                                        : subMenuName === 'tickets' ?
-                                            <TicketSubMenu />
-                                            : subMenuName === 'users' ?
-                                                <UsersSubMenu />
-                                                : null
+                            : subMenuName === 'receipts' ?
+                                <ReceiptSubMenu />
+                                : subMenuName === 'customers' ?
+                                    <CustomerSubMenu />
+                                    : subMenuName === 'tickets' ?
+                                        <TicketSubMenu />
+                                        : subMenuName === 'users' ?
+                                            <UsersSubMenu />
+                                            : null
                     }
                 </div>
             }