feat(component): Add 401 login redirect

ref: #1 nofusscomputing/centurion_erp#248 nofusscomputing/centurion_erp#307 nofusscomputing/centurion_erp#319

src/App.js

@@ -19,6 +19,15 @@ import ModelForm from "./layout/ModelForm";
 import History from "./layout/history";
 import Settings from "./layout/Settings";
 
+const Login = () => {
+
+    window.location.replace('http://127.0.0.1:8002/api/v2/auth/login');
+
+    return (
+        <section>redirect</section>
+    );
+}
+
 
 
 function App() {
@@ -39,6 +48,7 @@ function App() {
                     />}
                     errorElement={<ErrorPage /> }
                 >
+                    <Route path='/login' element={<Login/>}/>
 
                     <Route path="/core/:model/:pk/:action"
                         element={<History

src/components/page/Navbar.jsx

@@ -1,4 +1,4 @@
-import { Link, useLocation, useParams } from "react-router-dom";
+import { Link, redirect, useLocation, useNavigate, useParams } from "react-router-dom";
 import IconLoader from "../IconLoader";
 import { useEffect, useState } from "react";
 import { ResponseException } from "../../classes/Exceptions";
@@ -20,9 +20,11 @@ const Navbar = ({
 
     const location = useLocation();
 
+    const navigate = useNavigate();
+
     useEffect(() => {
 
-        apiFetch(
+        let response = apiFetch(
             '',
             (data) => {
 
@@ -43,6 +45,15 @@ const Navbar = ({
             'OPTIONS'
         )
 
+            .then(response => {
+
+                console.log(`the data returned`)
+
+                if( response.status === 401 ) {
+                    navigate('/login')
+                }
+            })
+
     },[])
 
 

src/hooks/apiFetch.js

@@ -59,14 +59,17 @@ export async function apiFetch(
 
         });
 
+
     if( response.status != 204 ) {
+
         api_data = await response.json()
-    }
+
 
-    if( callback ) {
+        if( callback ) {
 
-        callback(api_data)
+            callback(api_data)
 
+        }
     }
 
     return response;