From bb57517785d2e61b8ddebb96ece087e5d52e8f7a Mon Sep 17 00:00:00 2001
From: Dorian Grasset <dorian.grasset.contact@gmail.com>
Date: Tue, 30 Jan 2024 19:24:31 +0100
Subject: [PATCH] add error page style

---
 src/app/app.tsx     |  4 ++--
 src/pages/Error.tsx | 13 +++++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/Error.tsx

diff --git a/src/app/app.tsx b/src/app/app.tsx
index c7cbf26..8f80309 100644
--- a/src/app/app.tsx
+++ b/src/app/app.tsx
@@ -1,8 +1,8 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
-import styles from './app.module.scss';
 import Login from './../pages/Login';
 import Signup from './../pages/Signup';
+import Error from './../pages/Error';
 
 export function App() {
   return (
@@ -10,7 +10,7 @@ export function App() {
       <Routes>
         <Route path="/login" element={<Login />} />
         <Route path="/signup" element={<Signup />} />
-        <Route path="*" element={<div>404</div>} />
+        <Route path="*" element={<Error />} />
       </Routes>
     </BrowserRouter>
   );
diff --git a/src/pages/Error.tsx b/src/pages/Error.tsx
new file mode 100644
index 0000000..2c49f30
--- /dev/null
+++ b/src/pages/Error.tsx
@@ -0,0 +1,13 @@
+export interface ErrorProps {
+}
+
+export default function Error(props: ErrorProps) {
+    return (
+        <div className='bg-cloud h-screen w-full bg-no-repeat bg-cover flex justify-center'>
+            <div className='flex flex-col gap-6 justify-center items-center'>
+                <h1 className='font-extrabold'>404 ERROR</h1>
+                <h5>You're not happy to see me !</h5>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file