From 61660bf83d9d91a5f01adfcbbcb448fda81b13b7 Mon Sep 17 00:00:00 2001
From: Jason Zhu <jasonzhuyq@outlook.com>
Date: Tue, 29 Mar 2022 16:24:10 +1100
Subject: [PATCH] Chap05 -> Implementing links -> Navigating programmatically

---
 QandA/frontend/src/HomePage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/QandA/frontend/src/HomePage.tsx b/QandA/frontend/src/HomePage.tsx
index e95c91d..34f6eb5 100644
--- a/QandA/frontend/src/HomePage.tsx
+++ b/QandA/frontend/src/HomePage.tsx
@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { css } from '@emotion/react';
+import { useNavigate } from 'react-router-dom';
 
 import React from 'react';
 import { PageTitle } from './PageTitle';
@@ -21,8 +22,9 @@ export const HomePage = () => {
     doGetUnansweredQuestion();
   }, []);
 
+  const navigate = useNavigate();
   const handleAskQuestionClick = () => {
-    console.log('TODO - move to the AskPage');
+    navigate('ask');
   };
 
   return (