Replaced link to github to avoid support questions being misdirected

breiler · May 16, 2024 · f14b94d · f14b94d
1 parent fba4f42
commit f14b94d
Show file tree

Hide file tree

Showing 10 changed files with 102 additions and 275 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/App.tsx b/src/App.tsx
@@ -9,7 +9,7 @@ import { Header } from "./components";
 import Page from "./model/Page";
 import { Installer, Terminal } from "./pages";
 import FileBrowser from "./pages/filebrowser";
-import SelectMode from "./pages/selectmode";
+import Home from "./pages/home";
 import { Connection } from "./panels";
 import { isSafari, isFirefox } from "./utils/utils";
 import { ControllerService, ControllerStatus } from "./services";
@@ -18,6 +18,7 @@ import Navigation from "./panels/navigation/Navigation";
 import PageTitle from "./components/pagetitle/PageTitle";
 import WiFiSettings from "./pages/wifisettings/WiFiSettings";
 import Calibrate from "./pages/calibrate/Calibrate";
+import Footer from "./components/footer/Footer";
 
 const App = () => {
     const navigate = useNavigate();
@@ -88,7 +89,7 @@ const App = () => {
                                     style={{ marginTop: "32px" }}
                                 >
                                     <Routes>
-                                        <Route index element={<SelectMode />} />
+                                        <Route index element={<Home />} />
                                         <Route
                                             path="install"
                                             element={
@@ -121,6 +122,7 @@ const App = () => {
                         </Container>
                     )}
                 </div>
+                <Footer />
             </ControllerServiceContext.Provider>
         </>
     );

diff --git a/src/components/footer/Footer.scss b/src/components/footer/Footer.scss
@@ -0,0 +1,24 @@
+.footer {
+    background-color: rgb(var(--bs-light-rgb));
+    border-top: 1px solid var(--bs-border-color-translucent);
+    padding: 0 0 10px 10px;
+    font-size: 16px;
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+
+    ul {
+        list-style: none;
+    }
+
+    li {
+        margin-left: 10px;
+        margin-right: 10px;
+        display: inline-block;
+        align-items: center;
+    }
+
+    a {
+        text-decoration: none;
+    }
+}