create + list + delete shipment

src/shared/SideBar.tsx

@@ -26,6 +26,7 @@ import { useLocation } from 'react-router-dom'
 import { useSharedStore } from './store/sharedStore'
 import { clx } from '../helpers/utils'
 import BlogSubMenu from './components/BlogSubMenu'
+import ShippingSubMenu from './components/ShippingSubMenu'
 import SubMenuItem from './components/SubMenuItem'
 import { Pages } from '../config/Pages'
 
@@ -44,7 +45,7 @@ const SideBar: FC = () => {
         const split = location.pathname.split('/')
 
         if (split[1] === 'dashboard' || split[1] === 'products' || split[1] === 'orders' ||
-            split[1] === 'blog' || split[1] === 'shipping' || split[1] === 'financial' ||
+            split[1] === 'blog' || split[1] === 'shipment' || split[1] === 'financial' ||
             split[1] === 'sellers' || split[1] === 'buyers' || split[1] === 'users' ||
             split[1] === 'tickets' || split[1] === 'reports' || split[1] === 'chat' ||
             split[1] === 'contact' || split[1] === 'settings' || split[1] === 'pages' ||
@@ -136,11 +137,11 @@ const SideBar: FC = () => {
 
                         {/* روش های ارسال */}
                         <SideBarItem
-                            icon={<Truck variant={isActive('shipping') ? 'Bold' : 'Outline'} color={isActive('shipping') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
+                            icon={<Truck variant={isActive('shipment') ? 'Bold' : 'Outline'} color={isActive('shipment') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
                             title="روش های ارسال"
-                            isActive={isActive('shipping')}
-                            link="/shipping"
-                            activeName='shipping'
+                            isActive={isActive('shipment')}
+                            link={Pages.shipment.list}
+                            activeName='shipment'
                         />
 
                         {/* مالی */}
@@ -267,7 +268,7 @@ const SideBar: FC = () => {
                             : subMenuName === 'dashboard' ? <DashboardSubMenu />
                                 : subMenuName === 'products' ? <ProductsSubMenu />
                                     : subMenuName === 'orders' ? <OrdersSubMenu />
-                                        : subMenuName === 'shipping' ? <ShippingSubMenu />
+                                        : subMenuName === 'shipment' ? <ShippingSubMenu />
                                             : subMenuName === 'financial' ? <FinancialSubMenu />
                                                 : subMenuName === 'sellers' ? <SellersSubMenu />
                                                     : subMenuName === 'buyers' ? <BuyersSubMenu />
@@ -441,39 +442,6 @@ const OrdersSubMenu: FC = () => {
     )
 }
 
-const ShippingSubMenu: FC = () => {
-    const isActive = (name: string) => {
-        return location.pathname.includes(name)
-    }
-
-    return (
-        <div className='py-12'>
-            <div className='flex gap-3 items-center border-b border-border pb-10 px-6'>
-                <Truck
-                    size={24}
-                    color='#000'
-                    variant='Bold'
-                />
-                <div className='text-xs'>
-                    روش های ارسال
-                </div>
-            </div>
-
-            <div className='flex flex-col mt-10 gap-4'>
-                <SubMenuItem
-                    title={'لیست روش های ارسال'}
-                    isActive={isActive('methods')}
-                    link="/shipping/methods"
-                />
-                <SubMenuItem
-                    title={'تنظیمات ارسال'}
-                    isActive={isActive('settings')}
-                    link="/shipping/settings"
-                />
-            </div>
-        </div>
-    )
-}
 
 const FinancialSubMenu: FC = () => {
     const isActive = (name: string) => {

src/shared/components/ShippingSubMenu.tsx

@@ -0,0 +1,42 @@
+import { Truck } from 'iconsax-react'
+import { type FC } from 'react'
+import SubMenuItem from './SubMenuItem'
+import { Pages } from '../../config/Pages'
+
+const ShippingSubMenu: FC = () => {
+
+    const isActive = (name: string) => {
+        return location.pathname.includes(name)
+    }
+
+    return (
+        <div className='py-12'>
+            <div className='flex gap-3 items-center border-b border-border pb-10 px-6'>
+                <Truck
+                    size={24}
+                    color='#000'
+                    variant='Bold'
+                />
+                <div className='text-xs'>
+                    روش های ارسال
+                </div>
+            </div>
+
+            <div className='flex flex-col mt-10 gap-4'>
+                <SubMenuItem
+                    title={'لیست روش های ارسال'}
+                    isActive={isActive('list')}
+                    link={Pages.shipment.list}
+                />
+                <SubMenuItem
+                    title={'ایجاد روش ارسال'}
+                    isActive={isActive('create')}
+                    link={Pages.shipment.create}
+                />
+            </div>
+
+        </div>
+    )
+}
+
+export default ShippingSubMenu