From 076120fee7653760b8c521e7bb9831ff08c92c23 Mon Sep 17 00:00:00 2001
From: Jason Zhu <jasonzhuyq@outlook.com>
Date: Tue, 29 Mar 2022 15:55:55 +1100
Subject: [PATCH] Chap05 -> Handling routes not found

---
 QandA/frontend/src/App.tsx          | 2 ++
 QandA/frontend/src/NotFoundPage.tsx | 4 ++++
 2 files changed, 6 insertions(+)
 create mode 100644 QandA/frontend/src/NotFoundPage.tsx

diff --git a/QandA/frontend/src/App.tsx b/QandA/frontend/src/App.tsx
index c1671d7..6f19130 100644
--- a/QandA/frontend/src/App.tsx
+++ b/QandA/frontend/src/App.tsx
@@ -9,6 +9,7 @@ import { fontFamily, fontSize, gray2 } from './Styles';
 import { AskPage } from './AskPage';
 import { SearchPage } from './SearchPage';
 import { SignInPage } from './SignInPage';
+import { NotFoundPage } from './NotFoundPage';
 
 function App() {
   return (
@@ -25,6 +26,7 @@ function App() {
           <Route path="search" element={<SearchPage />} />
           <Route path="ask" element={<AskPage />} />
           <Route path="signin" element={<SignInPage />} />
+          <Route path="*" element={<NotFoundPage />} />
         </Routes>
       </div>
     </BrowserRouter>
diff --git a/QandA/frontend/src/NotFoundPage.tsx b/QandA/frontend/src/NotFoundPage.tsx
new file mode 100644
index 0000000..6e4845c
--- /dev/null
+++ b/QandA/frontend/src/NotFoundPage.tsx
@@ -0,0 +1,4 @@
+import React from 'react';
+import { Page } from './Page';
+
+export const NotFoundPage = () => <Page title="Page Not Found">{null}</Page>;