From 7e012993d8f764d68455a163cda2f906499ea9f7 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Fri, 7 Apr 2023 20:16:35 -0700
Subject: [PATCH] Support per-service stats control

---
 src/components/services/item.jsx    | 11 ++++++-----
 src/utils/config/service-helpers.js |  1 +
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/services/item.jsx b/src/components/services/item.jsx
index 18b99a30..1e773467 100644
--- a/src/components/services/item.jsx
+++ b/src/components/services/item.jsx
@@ -14,7 +14,8 @@ import ResolvedIcon from "components/resolvedicon";
 export default function Item({ service }) {
   const hasLink = service.href && service.href !== "#";
   const { settings } = useContext(SettingsContext);
-  const [statsOpen, setStatsOpen] = useState(false);
+  const showStats = (service.showStats === false) ? false : settings.showStats;
+  const [statsOpen, setStatsOpen] = useState(service.showStats);
   const [statsClosing, setStatsClosing] = useState(false);
 
   // set stats to closed after 300ms
@@ -107,21 +108,21 @@ export default function Item({ service }) {
         {service.container && service.server && (
           <div
             className={classNames(
-              settings.showStats || (statsOpen && !statsClosing) ? "max-h-[110px] opacity-100" : " max-h-[0] opacity-0",
+              showStats || (statsOpen && !statsClosing) ? "max-h-[110px] opacity-100" : " max-h-[0] opacity-0",
               "w-full overflow-hidden transition-all duration-300 ease-in-out"
             )}
           >
-            {(settings.showStats || statsOpen) && <Docker service={{ widget: { container: service.container, server: service.server } }} />}
+            {(showStats || statsOpen) && <Docker service={{ widget: { container: service.container, server: service.server } }} />}
           </div>
         )}
         {service.app && (
           <div
             className={classNames(
-              settings.showStats || (statsOpen && !statsClosing) ? "max-h-[55px] opacity-100" : " max-h-[0] opacity-0",
+              showStats || (statsOpen && !statsClosing) ? "max-h-[55px] opacity-100" : " max-h-[0] opacity-0",
               "w-full overflow-hidden transition-all duration-300 ease-in-out"
             )}
           >
-            {(settings.showStats || statsOpen) && <Kubernetes service={{ widget: { namespace: service.namespace, app: service.app, podSelector: service.podSelector } }} />}
+            {(showStats || statsOpen) && <Kubernetes service={{ widget: { namespace: service.namespace, app: service.app, podSelector: service.podSelector } }} />}
           </div>
         )}
 
diff --git a/src/utils/config/service-helpers.js b/src/utils/config/service-helpers.js
index 65577336..6fc497af 100644
--- a/src/utils/config/service-helpers.js
+++ b/src/utils/config/service-helpers.js
@@ -236,6 +236,7 @@ export function cleanServiceGroups(groups) {
     name: serviceGroup.name,
     services: serviceGroup.services.map((service) => {
       const cleanedService = { ...service };
+      if (cleanedService.showStats !== undefined) cleanedService.showStats = JSON.parse(cleanedService.showStats);
       if (typeof service.weight === 'string') {
         const weight = parseInt(service.weight, 10);
         if (Number.isNaN(weight)) {