From 7937605794bddd36384de76a5c3b702b89b3268a Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Tue, 2 Apr 2024 14:08:23 +0530
Subject: [PATCH] style updates

---
 .../dashboard/routes/dashboard/settings/reports/SLAReports.vue  | 2 +-
 .../dashboard/settings/reports/components/SLA/SLAMetricCard.vue | 2 +-
 .../dashboard/settings/reports/components/SLA/SLAMetrics.vue    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/SLAReports.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/SLAReports.vue
index e51348fb8..509b4b801 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/SLAReports.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/SLAReports.vue
@@ -4,7 +4,7 @@
     <SLAMetrics
       :hit-rate="slaMetrics.hitRate"
       :no-of-breaches="slaMetrics.numberOfSLABreaches"
-      :is-loading="uiFlags.isLoading"
+      :is-loading="true"
     />
     <SLATable
       :sla-reports="slaReports"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue
index e908339f2..8d9f52e23 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue
@@ -1,7 +1,7 @@
 <template>
   <SLA-metrics-layout :is-loading="isLoading">
     <template #loading>
-      <div class="w-4 h-4 mb-0.5 rounded-md bg-slate-50 animate-pulse" />
+      <div class="w-12 h-6 mb-0.5 rounded-md bg-slate-50 animate-pulse" />
     </template>
     <template #label>
       <span
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetrics.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetrics.vue
index 365e14e20..2abc1c601 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetrics.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetrics.vue
@@ -13,7 +13,7 @@
       class="w-full sm:w-px h-full border border-slate-75 dark:border-slate-700/50"
     />
     <SLAMetricCard
-      label="$t('SLA_REPORTS.METRICS.NO_OF_BREACHES.LABEL')"
+      :label="$t('SLA_REPORTS.METRICS.NO_OF_BREACHES.LABEL')"
       :value="noOfBreaches"
       :tool-tip="$t('SLA_REPORTS.METRICS.NO_OF_BREACHES.TOOLTIP')"
       :is-loading="isLoading"