From df94b151a665fc70a9aac783684a473907369630 Mon Sep 17 00:00:00 2001
From: julius <julius@0124816.xyz>
Date: Mon, 17 Feb 2025 23:06:18 +0100
Subject: [PATCH] feat: improve navigation in footer

---
 src/Analysis.tsx | 6 ++----
 src/App.css      | 5 +++++
 src/Footer.tsx   | 9 ++++++++-
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/Analysis.tsx b/src/Analysis.tsx
index 7eec5c3..e1b2b75 100644
--- a/src/Analysis.tsx
+++ b/src/Analysis.tsx
@@ -1,6 +1,5 @@
 import { useEffect, useState } from "react";
-import { apiAuth, baseUrl, token } from "./api";
-import useAuthContext from "./AuthContext";
+import { apiAuth } from "./api";
 
 //const debounce = <T extends (...args: any[]) => void>(
 //  func: T,
@@ -59,7 +58,6 @@ export default function Analysis() {
   const [showControlPanel, setShowControlPanel] = useState(false);
   const [loading, setLoading] = useState(true);
 
-  const auth = useAuthContext();
   // Function to generate and fetch the graph image
   async function loadImage() {
     setLoading(true);
@@ -68,7 +66,7 @@ export default function Analysis() {
         setImage(data.image);
         setLoading(false);
       }).catch((e) => {
-        auth.doLogin();
+        console.log("best to just reload... ", e);
       })
   }
 
diff --git a/src/App.css b/src/App.css
index 606fd9f..7ae39f7 100644
--- a/src/App.css
+++ b/src/App.css
@@ -19,6 +19,7 @@ body {
 }
 
 footer {
+  margin-top: 24px;
   font-size: x-small;
 }
 
@@ -208,6 +209,10 @@ button,
 }
 
 .navbar {
+  span {
+    padding: 4px;
+  }
+
   button {
     font-size: medium;
     margin: 4px 0.5%;
diff --git a/src/Footer.tsx b/src/Footer.tsx
index 9f4ddee..481937f 100644
--- a/src/Footer.tsx
+++ b/src/Footer.tsx
@@ -1,6 +1,13 @@
+import { Link } from "react-router";
+
 export default function Footer() {
         return <footer>
-                <p className="grey">
+                <div className="navbar">
+                        <Link to="/" ><span>Form</span></Link>
+                        <span>|</span>
+                        <Link to="/analysis" ><span>Trainer Analysis</span></Link>
+                </div>
+                <p className="grey extra-margin">
                         something not working?
                         <br />
                         message <a href="https://t.me/x0124816">me</a>.