initiate purchase

src/shared/SideBar.tsx

@@ -12,6 +12,7 @@ import { useLocation } from 'react-router-dom'
 import { useSharedStore } from './store/sharedStore'
 import { clx } from '../helpers/utils'
 import { Paths } from '../config/Paths'
+import BuyCatalog from './components/BuyCatalog'
 
 
 const SideBar: FC = () => {
@@ -62,6 +63,7 @@ const SideBar: FC = () => {
                 </div>
 
                 <div className='flex-1 flex flex-col h-full overflow-y-auto no-scrollbar'>
+
                     <div className={clx(
                         'mt-10 px-12 text-header text-sm font-normal',
                         hasSubMenu && 'px-2 text-center'
@@ -88,7 +90,8 @@ const SideBar: FC = () => {
                     </div>
 
                     <div className='flex-1 flex flex-col justify-end mt-14'>
-                        <div className='text-xs text-[#8C90A3]'>
+                        <BuyCatalog />
+                        <div className='text-xs text-[#8C90A3] mt-5'>
                             <SideBarItem
                                 icon={<Logout variant={isActive('logout') ? 'Bold' : 'Outline'} color={isActive('logout') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
                                 title="خروج"