From d3fe66b10440ffb60109d7b35386d1229cb592fc Mon Sep 17 00:00:00 2001
From: NaufalArdanni <54439087+NaufalArdanni@users.noreply.github.com>
Date: Fri, 17 Nov 2023 09:27:37 +0700
Subject: [PATCH] fix: home page
---
src/pages/Home.tsx | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 1c154e0..a64ba2c 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,3 +1,4 @@
+import { useNavigate } from 'react-router-dom';
import { Box, Heading, Text, Button, useBreakpointValue } from '@chakra-ui/react';
import Navbar from '../components/Navbar';
@@ -5,6 +6,11 @@ export default function Home() {
const headingSize = useBreakpointValue({ base: 'xl', md: '2xl' });
const textSize = useBreakpointValue({ base: 'md', md: 'xl' });
const buttonSize = useBreakpointValue({ base: 'md', md: 'lg' });
+ const navigate = useNavigate();
+
+ const navigateToAvailableOrders = () => {
+ navigate('/AvailableOrder');
+ }
return (
<>
@@ -16,7 +22,7 @@ export default function Home() {
<Text fontSize={textSize} mb={6}>
Manage your orders all in one place
</Text>
- <Button colorScheme="teal" size={buttonSize} onClick={() => { window.location.href = '/AvailableOrder' }}>
+ <Button colorScheme="teal" size={buttonSize} onClick={navigateToAvailableOrders} aria-label="Navigate to available orders">
View available orders
</Button>
</Box>
--
GitLab