From 483a47f0f05e2a43523757f21430d8c6ee99b5bf Mon Sep 17 00:00:00 2001
From: Bruno Perel <brunoperel@gmail.com>
Date: Sun, 28 Jan 2024 21:32:14 +0100
Subject: [PATCH] Fix conditions graph

---
 apps/web/src/components/stats/ConditionsComponent.vue | 2 +-
 apps/web/src/pages/stats/conditions.vue               | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/stats/ConditionsComponent.vue b/apps/web/src/components/stats/ConditionsComponent.vue
index d228fee44..f21eb062d 100644
--- a/apps/web/src/components/stats/ConditionsComponent.vue
+++ b/apps/web/src/components/stats/ConditionsComponent.vue
@@ -20,7 +20,7 @@ import { Pie } from "vue-chartjs";
 const props = defineProps<{
   conditions: { dbValue: string; color: string; text: string }[];
   numberPerCondition: Record<string, number>;
-  style: Record<string, string>;
+  style?: Record<string, string>;
 }>();
 
 Chart.register(Legend, PieController, Tooltip, Title, ArcElement);
diff --git a/apps/web/src/pages/stats/conditions.vue b/apps/web/src/pages/stats/conditions.vue
index 03b369c67..0d1e79e2f 100644
--- a/apps/web/src/pages/stats/conditions.vue
+++ b/apps/web/src/pages/stats/conditions.vue
@@ -1,12 +1,15 @@
 <template>
   <LinkToCollectionIfNoIssue />
-  <ConditionsComponent :conditions="conditionsWithoutMissing" />
+  <ConditionsComponent
+    :conditions="conditionsWithoutMissing"
+    :number-per-condition="numberPerCondition"
+  />
 </template>
 
 <script setup lang="ts">
 import condition from "~/composables/useCondition";
 
-const { loadCollection } = collection();
+const { loadCollection, numberPerCondition } = collection();
 
 const conditionsWithoutMissing = condition()
   .conditions.filter(({ dbValue }) => dbValue !== "missing")