category list and update

src/shared/SideBar.tsx

@@ -27,6 +27,7 @@ import { useSharedStore } from './store/sharedStore'
 import { clx } from '../helpers/utils'
 import BlogSubMenu from './components/BlogSubMenu'
 import SubMenuItem from './components/SubMenuItem'
+import { Pages } from '../config/Pages'
 
 
 const SideBar: FC = () => {
@@ -47,7 +48,7 @@ const SideBar: FC = () => {
             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' ||
-            split[1] === 'jobs') {
+            split[1] === 'jobs' || split[1] === 'category') {
             setSubMenuName(split[1])
             setSubtMenu(true)
         } else {
@@ -278,7 +279,8 @@ const SideBar: FC = () => {
                                                                             : subMenuName === 'settings' ? <SettingsSubMenu />
                                                                                 : subMenuName === 'pages' ? <PagesSubMenu />
                                                                                     : subMenuName === 'jobs' ? <JobsSubMenu />
-                                                                                        : null
+                                                                                        : subMenuName === 'category' ? <CategorySubMenu />
+                                                                                            : null
                     }
                 </div>
             }
@@ -357,8 +359,8 @@ const ProductsSubMenu: FC = () => {
             <div className='flex flex-col mt-10 gap-4'>
                 <SubMenuItem
                     title={'دسته بندی ها'}
-                    isActive={isActive('categories')}
-                    link="/products/categories"
+                    isActive={isActive('category')}
+                    link={Pages.category.list}
                 />
                 <SubMenuItem
                     title={'برند ها'}
@@ -897,4 +899,39 @@ const JobsSubMenu: FC = () => {
     )
 }
 
+const CategorySubMenu: FC = () => {
+    const location = useLocation()
+    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'>
+                <Element3
+                    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.category.list}
+                />
+                <SubMenuItem
+                    title={'افزودن دسته جدید'}
+                    isActive={isActive('create')}
+                    link={Pages.category.create}
+                />
+            </div>
+        </div>
+    )
+}
+
 export default SideBar