Fix valueOnly to apply highlighting to value only, not hide label

Co-authored-by: shamoon <4887959+shamoon@users.noreply.github.com>

docs/configs/services.md

@@ -165,11 +165,22 @@ You can optionally apply highlighting only to the value portion of a block (not
 
 ```yaml
 - Sonarr:
-    ...
+    icon: sonarr.png
+    href: http://sonarr.host.or.ip
+    widget:
+      type: sonarr
+      url: http://sonarr.host.or.ip
+      key: ${SONARR_API_KEY}
       highlight:
         queued:
           valueOnly: true
-          ...
+          numeric:
+            - level: danger
+              when: gte
+              value: 20
+            - level: warn
+              when: gte
+              value: 5
 ```
 
 ## Descriptions

src/components/services/widget/block.jsx

@@ -39,18 +39,16 @@ export default function Block({ value, label, field }) {
       className={classNames(
         "bg-theme-200/50 dark:bg-theme-900/20 rounded-sm m-1 flex-1 flex flex-col items-center justify-center text-center p-1",
         value === undefined ? "animate-pulse" : "",
-        highlightClass,
+        !applyToValueOnly && highlightClass,
         "service-block",
       )}
       data-highlight-level={highlight?.level}
       data-highlight-source={highlight?.source}
     >
-      <div className="font-thin text-sm">{value === undefined || value === null ? "-" : value}</div>
-      <div
-        className={classNames("font-bold text-xs uppercase", applyToValueOnly && "text-theme-700 dark:text-theme-200")}
-      >
-        {t(label)}
+      <div className={classNames("font-thin text-sm", applyToValueOnly && highlightClass)}>
+        {value === undefined || value === null ? "-" : value}
       </div>
+      <div className="font-bold text-xs uppercase">{t(label)}</div>
     </div>
   );
 }

src/utils/config/service-helpers.js

@@ -111,7 +111,7 @@ export async function servicesFromDocker() {
                 };
               }
               let substitutedVal = substituteEnvironmentVars(containerLabels[label]);
-              if (value === "widget.version" || /^widgets\[\d+\]\.version$/.test(value)) {
+              if (value === "widget.version") {
                 substitutedVal = parseInt(substitutedVal, 10);
               }
               shvl.set(constructedService, value, substitutedVal);