From f28c91a2811ff834f5562e4fa9c3c561dbae3ea0 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Sun, 9 Feb 2025 19:40:03 +0100
Subject: [PATCH] rename DebitAverage to CategoriesStats

---
 .../{DebitAverage.vue => CategoriesStats.vue}    |  0
 frontend/js/views/DashboardView.vue              | 16 +++++++++-------
 2 files changed, 9 insertions(+), 7 deletions(-)
 rename frontend/js/components/dashboard/{DebitAverage.vue => CategoriesStats.vue} (100%)

diff --git a/frontend/js/components/dashboard/DebitAverage.vue b/frontend/js/components/dashboard/CategoriesStats.vue
similarity index 100%
rename from frontend/js/components/dashboard/DebitAverage.vue
rename to frontend/js/components/dashboard/CategoriesStats.vue
diff --git a/frontend/js/views/DashboardView.vue b/frontend/js/views/DashboardView.vue
index 403d84a..16cd020 100644
--- a/frontend/js/views/DashboardView.vue
+++ b/frontend/js/views/DashboardView.vue
@@ -91,8 +91,8 @@
               :date-from="dateFrom"
               :date-to="dateTo"
             />
-            <DebitAverage
-              v-if="item.component === 'DebitAverage'"
+            <CategoriesStats
+              v-if="item.component === 'CategoriesStats'"
               :data="data"
               :date-from="dateFrom"
               :date-to="dateTo"
@@ -116,7 +116,7 @@ import SavingAccounts from './../components/dashboard/SavingAccounts.vue'
 import Distribution from './../components/dashboard/Distribution.vue'
 import MonthThresholds from './../components/dashboard/MonthThresholds.vue'
 import DiffCreditDebit from './../components/dashboard/DiffCreditDebit.vue'
-import DebitAverage from './../components/dashboard/DebitAverage.vue'
+import CategoriesStats from './../components/dashboard/CategoriesStats.vue'
 import {VueDraggableNext as Draggable} from 'vue-draggable-next'
 
 const data = ref(null)
@@ -132,7 +132,7 @@ const defaultComponents = [
   {component: 'SavingAccounts', size: 4},
   {component: 'Distribution', size: 12},
   {component: 'DiffCreditDebit', size: 12},
-  {component: 'DebitAverage', size: 12},
+  {component: 'CategoriesStats', size: 12},
   {component: 'MonthThresholds', size: 12},
 ]
 
@@ -242,14 +242,16 @@ onMounted(() => {
     })
 
   defaultComponents.forEach((defaultComponent) => {
-    const exists =
-      config.value.filter((c) => defaultComponent.component === c.component)
-        .length !== 0
+    const exists = config.value.filter((c) => defaultComponent.component === c.component).length !== 0
 
     if (!exists) {
       config.value.push(defaultComponent)
     }
   })
+
+  config.value = config.value.filter((configItem) => {
+    return defaultComponents.filter((defaultComponent) => configItem.component === defaultComponent.component).length > 0
+  })
 })
 </script>