}
@@ -317,25 +167,17 @@ const SideBar: FC = () => {
{
hasSubMenu && (openSidebar || window.innerWidth > 1139) &&
-
+
{
- subMenuName === 'services' ?
-
- : subMenuName === 'receipts' ?
-
+ subMenuName === 'foods' ?
+
+ : subMenuName === 'orders' ?
+
: subMenuName === 'customers' ?
-
- : subMenuName === 'tickets' ?
-
- : subMenuName === 'users' ?
-
- : subMenuName === 'learning' ?
-
- : subMenuName === 'blog' ?
-
- : subMenuName === 'support' ?
-
- : null
+
+ : subMenuName === 'discounts' ?
+
+ : null
}
}
diff --git a/src/shared/components/CustomersSubMenu.tsx b/src/shared/components/CustomersSubMenu.tsx
new file mode 100644
index 0000000..5aab9b4
--- /dev/null
+++ b/src/shared/components/CustomersSubMenu.tsx
@@ -0,0 +1,47 @@
+import { People } from 'iconsax-react'
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import SubMenuItem from './SubMenuItem'
+import { useLocation } from 'react-router-dom'
+import { Pages } from '../../config/Pages'
+
+const CustomersSubMenu: FC = () => {
+
+ const location = useLocation()
+ const { t } = useTranslation('global')
+
+ const isActive = (name: string) => {
+ return location.pathname.includes(name)
+ }
+
+ return (
+
+
+
+
+ {t('sidebar.customers')}
+
+
+
+
+
+
+
+
+ )
+}
+
+export default CustomersSubMenu
+
diff --git a/src/shared/components/DiscountSubMenu.tsx b/src/shared/components/DiscountSubMenu.tsx
new file mode 100644
index 0000000..8f739fe
--- /dev/null
+++ b/src/shared/components/DiscountSubMenu.tsx
@@ -0,0 +1,47 @@
+import { TicketDiscount } from 'iconsax-react'
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import SubMenuItem from './SubMenuItem'
+import { useLocation } from 'react-router-dom'
+import { Pages } from '../../config/Pages'
+
+const DiscountSubMenu: FC = () => {
+
+ const location = useLocation()
+ const { t } = useTranslation('global')
+
+ const isActive = (name: string) => {
+ return location.pathname.includes(name)
+ }
+
+ return (
+
+
+
+
+ {t('sidebar.discount')}
+
+
+
+
+
+
+
+
+ )
+}
+
+export default DiscountSubMenu
+
diff --git a/src/shared/components/FoodsSubMenu.tsx b/src/shared/components/FoodsSubMenu.tsx
new file mode 100644
index 0000000..262280c
--- /dev/null
+++ b/src/shared/components/FoodsSubMenu.tsx
@@ -0,0 +1,52 @@
+import { Element3 } from 'iconsax-react'
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import SubMenuItem from './SubMenuItem'
+import { useLocation } from 'react-router-dom'
+import { Pages } from '../../config/Pages'
+
+const FoodsSubMenu: FC = () => {
+
+ const location = useLocation()
+ const { t } = useTranslation('global')
+
+ const isActive = (name: string) => {
+ return location.pathname.includes(name)
+ }
+
+ return (
+
+
+
+
+ {t('sidebar.foods')}
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default FoodsSubMenu
+
diff --git a/src/shared/components/OrdersSubMenu.tsx b/src/shared/components/OrdersSubMenu.tsx
new file mode 100644
index 0000000..94bf272
--- /dev/null
+++ b/src/shared/components/OrdersSubMenu.tsx
@@ -0,0 +1,47 @@
+import { DocumentText } from 'iconsax-react'
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import SubMenuItem from './SubMenuItem'
+import { useLocation } from 'react-router-dom'
+import { Pages } from '../../config/Pages'
+
+const OrdersSubMenu: FC = () => {
+
+ const location = useLocation()
+ const { t } = useTranslation('global')
+
+ const isActive = (name: string) => {
+ return location.pathname.includes(name)
+ }
+
+ return (
+
+
+
+
+ {t('sidebar.orders')}
+
+
+
+
+
+
+
+
+ )
+}
+
+export default OrdersSubMenu
+