fix: routing issue

Author: buzzracharyeah-rejan

src/App.tsx

@@ -21,6 +21,7 @@ const App = () => {
         <Routes>
           <Route element={<Layout />}>
             <Route path='/' element={<Navigate to='/dashboard' replace />} />
+            <Route path='/home' element={<Navigate to='/dashboard' replace />} />
             <Route path='/dashboard' element={<Dashboard />} />
             <Route path='/shop' element={<Shop />} />
             <Route path='/mock' element={<Mock />} />

src/components/BreadCrumb/index.tsx

@@ -1,4 +1,5 @@
 import { Box, Breadcrumbs, Link, Typography } from '@mui/material';
+import { Link as RouterLink } from 'react-router-dom';
 import NavigateNextIcon from '@mui/icons-material/NavigateNext';
 
 type Props = {
@@ -20,17 +21,24 @@ const CustomBreadCrumb = ({ title, location, location1, location2 }: Props) => {
       </Typography>
       <Breadcrumbs separator={<NavigateNextIcon fontSize='small' />} aria-label='breadcrumb'>
         {location && (
-          <Link underline='hover' key='1' color='inherit' href={`/${decodeURIComponent(location)}`}>
+          <Link
+            component={RouterLink}
+            underline='hover'
+            key='1'
+            color='inherit'
+            to={`/${decodeURIComponent(location)}`}
+          >
             {location}
           </Link>
         )}
 
         {location1 && (
           <Link
+            component={RouterLink}
             underline='hover'
             key='2'
             color='inherit'
-            href={`/${decodeURIComponent(location1.split(' ').join('-'))}`}
+            to={`/${decodeURIComponent(location1.split(' ').join('-'))}`}
           >
             {location1}
           </Link>

src/components/Navbar/index.tsx

@@ -33,13 +33,13 @@ const Navbar = () => {
             <Link component={RouterLink} to='/' className='nav-item'>
               Home
             </Link>
-            <Link component={RouterLink} to='/' className='nav-item'>
+            <Link component={RouterLink} to='/shop' className='nav-item'>
               Shop
             </Link>
-            <Link component={RouterLink} to='/' className='nav-item'>
+            <Link component={RouterLink} to='/about' className='nav-item'>
               About
             </Link>
-            <Link component={RouterLink} to='/' className='nav-item'>
+            <Link component={RouterLink} to='/contact' className='nav-item'>
               Contact
             </Link>
           </FlexBetween>

src/scenes/Footer/index.tsx

@@ -28,13 +28,13 @@ const Footer = () => {
               <Link component={RouterLink} to='/' className='nav-item'>
                 Home
               </Link>
-              <Link component={RouterLink} to='/' className='nav-item'>
+              <Link component={RouterLink} to='/shop' className='nav-item'>
                 Shop
               </Link>
-              <Link component={RouterLink} to='/' className='nav-item'>
+              <Link component={RouterLink} to='/about' className='nav-item'>
                 About
               </Link>
-              <Link component={RouterLink} to='/' className='nav-item'>
+              <Link component={RouterLink} to='/contact' className='nav-item'>
                 Contact
               </Link>
             </Box>
@@ -45,13 +45,13 @@ const Footer = () => {
               Help
             </Typography>
             <Box component='nav' display='flex' flexDirection='column' gap='1.5rem'>
-              <Link component={RouterLink} to='/' className='nav-item'>
+              <Link component={RouterLink} to='#' className='nav-item'>
                 Payment Options
               </Link>
-              <Link component={RouterLink} to='/' className='nav-item'>
+              <Link component={RouterLink} to='#' className='nav-item'>
                 Returns
               </Link>
-              <Link component={RouterLink} to='/' className='nav-item'>
+              <Link component={RouterLink} to='#' className='nav-item'>
                 Policies
               </Link>
             </Box>