From 1cd033204a93bfb7c5b811bc3611c789bd27e1d8 Mon Sep 17 00:00:00 2001
From: Keyemail <hatsunepatrick@gmail.com>
Date: Sun, 15 Sep 2024 05:24:56 -0700
Subject: [PATCH] Added database, made minor fixes

---
 src/pages/basicDashboard/Overview.vue | 29 ++++++++++++++-------------
 src/styles/main.css                   |  1 +
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/pages/basicDashboard/Overview.vue b/src/pages/basicDashboard/Overview.vue
index 17210a0..91ddf45 100644
--- a/src/pages/basicDashboard/Overview.vue
+++ b/src/pages/basicDashboard/Overview.vue
@@ -10,6 +10,7 @@
   import guestNetworkIcon from '@/assets/overviewSvgs/GuestNetwork.svg'
 
   interface statusColorsType {
+    [key: string]: string;
     goodStatus: string;
     warningStatus: string;
     badStatus: string;
@@ -41,14 +42,14 @@
         name: "Internet", 
         link: "/basic/internet",
         icon: internetIcon,
-        statusColor: statusColors.goodStatus,
-        statusMessage: `Online: ${response.data.internetMode}`,
+        statusColor: statusColors[response.data.internetStatus],
+        statusMessage: `${response.data.internetMode} ${response.data.internetPort}`,
       },
       {
         name: "Wifi",
         link: "/basic/wireless",
         icon: wifiIcon,
-        statusColor: statusColors.warningStatus,
+        statusColor: statusColors[response.data.wifiModeStatus],
         statusMessage: `5Ghz: ${response.data.wifiMode5Ghz} | 2.4Ghz: ${response.data.wifiMode2Ghz}`,
       },
       {
@@ -58,26 +59,26 @@
         statusColor: null,
         statusMessage: `Online: ${response.data.devices}`,
       },
-      {
-        name: "File Sharing",
-        link: "/basic/fileshare",
-        icon: fileSharingIcon,
-        statusColor: statusColors.badStatus,
-        statusMessage: `${response.data.fileShare}`,
-      },
       {
         name: "QoS",
         link: "/basic/qos",
         icon: qosIcon,
-        statusColor: statusColors.goodStatus,
-        statusMessage: `${response.data.qos}`,
+        statusColor: statusColors[response.data.qosStatus],
+        statusMessage: `${response.data.qosMode}`,
+      },
+      {
+        name: "File Sharing",
+        link: "/basic/fileshare",
+        icon: fileSharingIcon,
+        statusColor: statusColors[response.data.fileShareStatus],
+        statusMessage: `${response.data.fileShareMode}`,
       },
       {
         name: "Guest Network",
         link: "/basic/guestnetwork",
         icon: guestNetworkIcon,
-        statusColor: statusColors.badStatus,
-        statusMessage: `${response.data.guestNetwork}`,
+        statusColor: statusColors[response.data.guestNetworkStatus],
+        statusMessage: `${response.data.guestNetworkMode}`,
       }
     ];
     } catch (error) {
diff --git a/src/styles/main.css b/src/styles/main.css
index 2b806d2..d8f958f 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -33,6 +33,7 @@ body {
   font-family: Noto-Sans, sans-serif;
   min-height: 100vh;
   padding: var(--padding);
+  overflow-x: hidden;
 }
 
 a {