blog category crud

src/shared/SideBar.tsx

@@ -15,7 +15,7 @@ import CustomerSubMenu from './components/CustomerSubMenu'
 import TicketSubMenu from './components/TicketSubMenu'
 import UsersSubMenu from './components/UsersSubMenu'
 import LearningSubMenu from './components/LearningSubMenu'
-
+import BlogSubMenu from './components/BlogSubMenu'
 const SideBar: FC = () => {
 
     const { t } = useTranslation('global')
@@ -275,7 +275,9 @@ const SideBar: FC = () => {
                                             <UsersSubMenu />
                                             : subMenuName === 'learning' ?
                                                 <LearningSubMenu />
-                                                : null
+                                                : subMenuName === 'blog' ?
+                                                    <BlogSubMenu />
+                                                    : null
                     }
                 </div>
             }

src/shared/components/BlogSubMenu.tsx

@@ -0,0 +1,45 @@
+import { DocumentText } from 'iconsax-react'
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import SubMenuItem from './SubMenuItem'
+import { Pages } from '../../config/Pages'
+
+const BlogSubMenu: FC = () => {
+
+    const { t } = useTranslation('global')
+
+    const isActive = (name: string) => {
+        return location.pathname.includes(name)
+    }
+
+    return (
+        <div className='py-12'>
+            <div className='flex gap-3 items-center border-b pb-10 px-6'>
+                <DocumentText
+                    size={24}
+                    color='#000'
+                    variant='Bold'
+                />
+                <div className='text-xs'>
+                    {t('sidebar.blog')}
+                </div>
+            </div>
+
+            <div className='flex flex-col mt-10 gap-4'>
+                <SubMenuItem
+                    title={'لیست'}
+                    isActive={isActive('list')}
+                    link={Pages.blog.list}
+                />
+                <SubMenuItem
+                    title={'دسته بندی'}
+                    isActive={isActive('create')}
+                    link={Pages.blog.category}
+                />
+            </div>
+
+        </div>
+    )
+}
+
+export default BlogSubMenu