fix: show component rating value on y-axis ticks

IFRCGo · Oct 17, 2024 · 81dc3bd · 81dc3bd
1 parent 3705667
commit 81dc3bd
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/.changeset/spicy-dragons-teach.md b/.changeset/spicy-dragons-teach.md
@@ -0,0 +1,10 @@
+---
+"@ifrc-go/ui": patch
+---
+
+- PieChart Component
+
+  - Added a `colorSelector` prop to select color for each pie
+
+- ProgressBar Component
+  - Introduced a `color` prop to customize the progress bar's color
diff --git a/.changeset/tricky-hornets-trade.md b/.changeset/tricky-hornets-trade.md
@@ -0,0 +1,5 @@
+---
+"go-web-app": patch
+---
+
+Added color mapping based on PER Area and Rating across all PER charts
diff --git a/app/src/views/CountryPreparedness/PreviousAssessmentChart/index.tsx b/app/src/views/CountryPreparedness/PreviousAssessmentChart/index.tsx
@@ -49,7 +49,7 @@ function PreviousAssessmentCharts(props: Props) {
     const ratingTitleMap = listToMap(
         ratingOptions,
         (option) => option.value,
-        (option) => option.title,
+        (option) => `${option.title} ${option.value}`,
     );
 
     const chartData = useNumericChartData(

diff --git a/app/src/views/CountryPreparedness/RatingByAreaChart/index.tsx b/app/src/views/CountryPreparedness/RatingByAreaChart/index.tsx
@@ -44,7 +44,7 @@ function RatingByAreaChart(props: Props) {
     const ratingTitleMap = listToMap(
         ratingOptions,
         (option) => option.value,
-        (option) => option.title,
+        (option) => `${option.title} ${option.value}`,
     );
 
     const formAreaMap = listToMap(