From e120aec6417efaf43a362b65ebdea72f48944821 Mon Sep 17 00:00:00 2001
From: JustinGeorgi <77952587+JustinGeorgi@users.noreply.github.com>
Date: Sat, 12 Oct 2024 13:33:09 -0700
Subject: [PATCH] Fix: oh-cell headerBadgeColor

The color attribute for the header badges in the oh-cell were not dynamic and as a result setting headerBadgeColor in the cell config caused a malformed color class to be added to the badge.

Signed-off-by: JustinGeorgi <77952587+JustinGeorgi@users.noreply.github.com>
---
 .../web/src/components/widgets/standard/cell/oh-cell.vue      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue b/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue
index 1d7da95f6a..6f3cd8cdab 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue
@@ -23,14 +23,14 @@
               <div slot="header" v-if="header" class="button-header display-flex">
                 <oh-icon class="header-icon" v-if="config.icon" :icon="config.icon" :color="config.iconColor" width="20" height="20" />
                 <span class="header-text">{{ header }}</span>
-                <f7-badge v-if="config.headerBadge" color="config.headerBadgeColor">
+                <f7-badge v-if="config.headerBadge" :color="config.headerBadgeColor">
                   {{ config.headerBadge }}
                 </f7-badge>
               </div>
               <div slot="title" v-if="config.title" class="button-header display-flex">
                 <oh-icon class="header-icon" v-if="!header && config.icon" :icon="config.icon" :color="config.iconColor" width="20" height="20" />
                 <span class="header-text">{{ config.title }}</span>
-                <f7-badge v-if="config.headerBadge" color="config.headerBadgeColor">
+                <f7-badge v-if="config.headerBadge" :color="config.headerBadgeColor">
                   {{ config.headerBadge }}
                 </f7-badge>
               </div>