From feba61915e5f107717a84edfa1342c5e538ac4ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C5=A1per=20Grom?= <gasper.grom@gmail.com>
Date: Wed, 13 Nov 2024 13:52:40 +0100
Subject: [PATCH] Integration list not connected

---
 .../admin/modules/integration/components/integration-list.vue  | 3 ++-
 .../modules/integration/pages/integration-status.page.vue      | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/modules/admin/modules/integration/components/integration-list.vue b/frontend/src/modules/admin/modules/integration/components/integration-list.vue
index f6fe7cc91..5ad62be64 100644
--- a/frontend/src/modules/admin/modules/integration/components/integration-list.vue
+++ b/frontend/src/modules/admin/modules/integration/components/integration-list.vue
@@ -13,7 +13,7 @@
         >
           <div class="flex items-center gap-1.5">
             <span>{{ status.tabs.text }}</span>
-            <div v-if="getIntegrationCountPerStatus[key] > 0" class="rounded py-0.5 px-1 text-tiny" :class="status.tabs.badge">
+            <div v-if="getIntegrationCountPerStatus[key] > 0" class="rounded py-0.5 px-1 text-tiny text-black" :class="status.tabs.badge">
               {{ getIntegrationCountPerStatus[key] }}
             </div>
           </div>
@@ -82,6 +82,7 @@ const getIntegrationCountPerStatus = computed<Record<string, number>>(() => {
   Object.entries(lfIntegrationStatusesTabs).forEach(([key, statusConfig]) => {
     statusCount[key] = array.value.filter((integration) => statusConfig.show(integration)).length;
   });
+  statusCount.notConnected = Object.keys(lfIntegrations).length - array.value.length;
   return statusCount;
 });
 
diff --git a/frontend/src/modules/admin/modules/integration/pages/integration-status.page.vue b/frontend/src/modules/admin/modules/integration/pages/integration-status.page.vue
index 59a64b155..cfaf85a5d 100644
--- a/frontend/src/modules/admin/modules/integration/pages/integration-status.page.vue
+++ b/frontend/src/modules/admin/modules/integration/pages/integration-status.page.vue
@@ -5,7 +5,7 @@
         <lf-tab v-for="(config, key) in lfIntegrationStatusesTabs" :key="key" :name="key">
           <div class="flex items-center gap-1.5">
             <span>{{ config.tabs.text }}</span>
-            <div v-if="integrationStatusCount[key] > 0" class="rounded py-0.5 px-1 text-tiny" :class="config.tabs.badge">
+            <div v-if="integrationStatusCount[key] > 0" class="rounded py-0.5 px-1 text-tiny text-black" :class="config.tabs.badge">
               {{ integrationStatusCount[key] }}
             </div>
           </div>