feat(frontend): Auth details page (#60)

bcgov · Mar 29, 2024 · 77ca7fa · 77ca7fa
1 parent 1f1eb99
commit 77ca7fa
Show file tree

Hide file tree

Showing 9 changed files with 1,433 additions and 231 deletions.
diff --git a/frontend/.eslintrc b/frontend/.eslintrc
@@ -0,0 +1,13 @@
+{
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": 2021,
+    "ecmaFeatures": {
+      "jsx": true,
+      "templateStrings": true,
+      "modules": true,
+      "experimentalObjectRestSpread": true,
+      "spread": true
+    }
+  }
+}
diff --git a/frontend/index.html b/frontend/index.html
@@ -1,13 +1,21 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta name="Description" content="Organics Info" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="theme-color" content="#003366" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <link rel="preload" href="https://fonts.googleapis.com/css?family=Material+Icons" as="style" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons" />
+    <link
+      rel="preload"
+      href="https://fonts.googleapis.com/css?family=Material+Icons"
+      as="style"
+    />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Material+Icons"
+    />
+    <link rel="icon" href="/favicon.ico" />
     <title>Organics Info</title>
   </head>
   <body>

diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
@@ -0,0 +1,13 @@
+{
+  "name": "Organics Info",
+  "short_name": "OMRR",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "62x55",
+      "type": "image/ico"
+    }
+  ],
+  "start_url": "/",
+  "display": "standalone"
+}
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -10,6 +10,7 @@ import { RootState } from '@/app/store'
 import CircularProgress from '@mui/material/CircularProgress'
 import 'leaflet/dist/leaflet.css'
 import { Snackbar } from '@mui/material'
+import HeaderWithRouting from '@/components/HeaderWithRouting'
 
 export default function App() {
   const status: string = useSelector((state: RootState) => state.omrr.status)
@@ -51,7 +52,7 @@ export default function App() {
       ) : (
         <><BrowserRouter>
           <Grid item xs={12}>
-            <Header />
+            <HeaderWithRouting />
           </Grid>
           <Grid item xs={12}>
             <AppRoutes />