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,6 +25,7 @@ const Home: FC = () => {
                     <h4 className='mt-4 text-center font-medium'>
                         {t('home.submitNewOrder')}
                     </h4>
+                    <Link to={Paths.newOrder}>
                         <Button
                             className='mt-2.5'>
                             <div className='flex gap-1'>
@@ -30,6 +33,7 @@ const Home: FC = () => {
                                 <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'>
+                        <Link to={Paths.home}>
                             <img src={LogoImage} className='w-[120px]' />
+                        </Link>
                     </div>
                 </div>
 
@@ -106,6 +108,7 @@ 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>
+                            <Link to={Paths.newOrder}>
                                 <Button
                                     className='flex items-center mt-2.5'
                                 >
@@ -114,6 +117,7 @@ const SideBar: FC = () => {
                                         <div>{t('sidebar.newOrder')}</div>
                                     </div>
                                 </Button>
+                            </Link>
                         </div>
 
                         {/* <div className='text-xs text-[#8C90A3]'>