link

src/pages/home/Home.tsx

@@ -8,6 +8,8 @@ import Button from '@/components/Button'
 import { AddSquare, MessageQuestion } from 'iconsax-react'
 import { COLORS } from '@/constants/colors'
 import SupportImage from '@/assets/images/support1.png'
+import { Paths } from '@/config/Paths'
+import { Link } from 'react-router-dom'
 
 const Home: FC = () => {
     return (
@@ -23,13 +25,15 @@ const Home: FC = () => {
                     <h4 className='mt-4 text-center font-medium'>
                         {t('home.submitNewOrder')}
                     </h4>
-                    <Button
-                        className='mt-2.5'>
-                        <div className='flex gap-1'>
-                            <AddSquare size={20} color='#292D32' />
-                            <div className=''>{t('home.submitNewOrderButton')}</div>
-                        </div>
-                    </Button>
+                    <Link to={Paths.newOrder}>
+                        <Button
+                            className='mt-2.5'>
+                            <div className='flex gap-1'>
+                                <AddSquare size={20} color='#292D32' />
+                                <div className=''>{t('home.submitNewOrderButton')}</div>
+                            </div>
+                        </Button>
+                    </Link>
                 </div>
 
                 <div className='mt-7 bg-white rounded-3xl p-6 relative'>

src/shared/Sidebar.tsx

@@ -2,7 +2,7 @@ import { type FC } from 'react'
 import LogoImage from '@/assets/images/logo.svg'
 import { AddSquare, DocumentText, Element3, Home2, Messages3, NotificationStatus, Receipt21, Teacher } from 'iconsax-react'
 import SideBarItem from './SidebarItem'
-import { useLocation } from 'react-router-dom'
+import { Link, useLocation } from 'react-router-dom'
 import { Paths } from '../config/Paths'
 import { useSharedStore } from './store/useSharedStore'
 import { clx } from '../helpers/utils'
@@ -33,7 +33,9 @@ const SideBar: FC = () => {
             >
                 <div className='px-6'>
                     <div className='flex border-b-2 border-[#f5f7fc] pb-10'>
-                        <img src={LogoImage} className='w-[120px]' />
+                        <Link to={Paths.home}>
+                            <img src={LogoImage} className='w-[120px]' />
+                        </Link>
                     </div>
                 </div>
 
@@ -106,14 +108,16 @@ const SideBar: FC = () => {
                         <div className='bg-[#F5F7FC] rounded-2xl p-4 text-center'>
                             <div className='text-[15px] font-medium'>{t('sidebar.submitYourOrder')}</div>
                             <div className='mt-2.5 text-[13px] text-[#7B7E8B]'>{t('sidebar.submitYourOrderDescription')}</div>
-                            <Button
-                                className='flex items-center mt-2.5'
-                            >
-                                <div className='flex gap-1'>
-                                    <AddSquare size={iconSizeSideBar} color='black' />
-                                    <div>{t('sidebar.newOrder')}</div>
-                                </div>
-                            </Button>
+                            <Link to={Paths.newOrder}>
+                                <Button
+                                    className='flex items-center mt-2.5'
+                                >
+                                    <div className='flex gap-1'>
+                                        <AddSquare size={iconSizeSideBar} color='black' />
+                                        <div>{t('sidebar.newOrder')}</div>
+                                    </div>
+                                </Button>
+                            </Link>
                         </div>
 
                         {/* <div className='text-xs text-[#8C90A3]'>