From 955ebaea370ccd3df5ef8476298a30434a0d9332 Mon Sep 17 00:00:00 2001
From: Jon <jonathon.lockwood@networkedweb.com>
Date: Wed, 11 Dec 2024 12:01:47 +0930
Subject: [PATCH] feat(component): Replicate currect footer icons

ref: #18 #34
---
 src/components/page/Footer.jsx |  9 +++++++--
 src/index.css                  | 13 ++++++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/page/Footer.jsx b/src/components/page/Footer.jsx
index 07fc5d93..fce98029 100644
--- a/src/components/page/Footer.jsx
+++ b/src/components/page/Footer.jsx
@@ -72,9 +72,14 @@ const Footer = ({
     }
 
 
-    return ( 
+    return (
         <footer>
-            <div className="column left">&nbsp;</div>
+            <div className="column left footer-icons">
+                <a href="https://nofusscomputing.com/projects/centurion_erp/" target="_blank"><IconLoader name = 'documentation' /></a>
+                <a href="/api/v2" target="_blank"><IconLoader name = 'webhook' /></a>
+                <a href="/api/v2/docs" target="_blank"><IconLoader name = 'swagger_docs' /></a>
+                <a href="https://github.com/nofusscomputing/centurion_erp" target="_blank"><IconLoader name = 'git' /></a>
+            </div>
             <div className="column center">Centurion ERP brought to you by <a href="https://nofusscomputing.com" target="new">No Fuss Computing</a></div>
             <div className="column right">{api_version}<br />{ui_version}</div>
         </footer>
diff --git a/src/index.css b/src/index.css
index 6c26389b..a5df0a2f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1644,7 +1644,18 @@ footer .column {
 
 footer .left {
   display: block;
-  align-items: center;
+  align-items: left;
+  text-align: left;
+  padding-left: 10px;
+}
+
+footer .footer-icons svg {
+
+  fill: var(--contrasting-colour);
+  height: 30px;
+  width: 30px;
+  margin: 0px 3px;
+
 }