From c47ade71cc440506224c220d45d499079c02443d Mon Sep 17 00:00:00 2001
From: Sergei Birukov <suxscribe@gmail.com>
Date: Sat, 17 Feb 2024 21:48:43 +0300
Subject: [PATCH] Fix some bugs

json error
update css
some refactoring for getUiDetailedStats
---
 docs/changelog.json |  2 +-
 src/www/css/app.css |  8 ++++----
 src/www/js/app.js   | 13 ++++++++++---
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/docs/changelog.json b/docs/changelog.json
index e9d1b9e5..fe4431f4 100644
--- a/docs/changelog.json
+++ b/docs/changelog.json
@@ -8,6 +8,6 @@
   "7": "Improved the look & performance of the upload/download chart.",
   "8": "Updated to Node.js v18.",
   "9": "Fixed issue running on devices with older kernels.",
-  "10": "Added sessionless HTTP API auth & automatic dark mode."
+  "10": "Added sessionless HTTP API auth & automatic dark mode.",
   "11": "Multilanguage Support & various bugfixes"
 }
diff --git a/src/www/css/app.css b/src/www/css/app.css
index 19b9df72..84dbce7b 100644
--- a/src/www/css/app.css
+++ b/src/www/css/app.css
@@ -1538,6 +1538,10 @@ video {
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
 
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+
   .sm\:flex-row-reverse {
     flex-direction: row-reverse;
   }
@@ -1586,10 +1590,6 @@ video {
     min-width: 6rem;
   }
 
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
   .md\:gap-4 {
     gap: 1rem;
   }
diff --git a/src/www/js/app.js b/src/www/js/app.js
index 8dec5052..675d1215 100644
--- a/src/www/js/app.js
+++ b/src/www/js/app.js
@@ -293,6 +293,15 @@ new Vue({
       }).catch(console.error);
     }, 1000);
 
+    this.api.getUiDetailedStats()
+      .then((res) => {
+        this.uiDetailedStats = res;
+      })
+      .catch(() => {
+        console.log('Failed to get ui-detailed-stats');
+        this.uiDetailedStats = false;
+      });
+
     Promise.resolve().then(async () => {
       const lang = await this.api.getLang();
       if (lang !== localStorage.getItem('lang') && i18n.availableLocales.includes(lang)) {
@@ -300,8 +309,6 @@ new Vue({
         i18n.locale = lang;
       }
 
-      this.uiDetailedStats = await this.api.getUiDetailedStats();
-
       const currentRelease = await this.api.getRelease();
       const latestRelease = await fetch('https://wg-easy.github.io/wg-easy/changelog.json')
         .then((res) => res.json())
@@ -324,6 +331,6 @@ new Vue({
 
       this.currentRelease = currentRelease;
       this.latestRelease = latestRelease;
-    }).catch(console.error);
+    }).catch((err) => console.error(err));
   },
 });