Fix donut chart

UNDP-Data · Oct 30, 2024 · 8a3b2e4 · 8a3b2e4
1 parent 6473e50
commit 8a3b2e4
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 11 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@undp-data/undp-visualization-library",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

diff --git a/src/Components/Graphs/DonutChart/Graph.tsx b/src/Components/Graphs/DonutChart/Graph.tsx
@@ -7,7 +7,7 @@ import { UNDPColorModule } from '../../ColorPalette';
 import { numberFormattingFunction } from '../../../Utils/numberFormattingFunction';
 
 interface Props {
-  mainText?: string | { indicator: string; suffix?: string; prefix?: string };
+  mainText?: string | { label: string; suffix?: string; prefix?: string };
   radius: number;
   colors: string[];
   subNote?: string;
@@ -94,12 +94,10 @@ export function Graph(props: Props) {
                   >
                     {typeof mainText === 'string'
                       ? mainText
-                      : data.findIndex(d => d.label === mainText.indicator) !==
-                        -1
+                      : data.findIndex(d => d.label === mainText.label) !== -1
                       ? numberFormattingFunction(
-                          data[
-                            data.findIndex(d => d.label === mainText.indicator)
-                          ].size,
+                          data[data.findIndex(d => d.label === mainText.label)]
+                            .size,
                           mainText.prefix,
                           mainText.suffix,
                         )
@@ -134,7 +132,7 @@ export function Graph(props: Props) {
                       color: UNDPColorModule[mode || 'light'].grays.black,
                     }}
                   >
-                    {mainText.indicator}
+                    {mainText.label}
                   </p>
                 )}
               </div>

diff --git a/src/Components/Graphs/DonutChart/index.tsx b/src/Components/Graphs/DonutChart/index.tsx
@@ -10,7 +10,7 @@ import { UNDPColorModule } from '../../ColorPalette';
 import { checkIfNullOrUndefined } from '../../../Utils/checkIfNullOrUndefined';
 
 interface Props {
-  mainText?: string | { indicator: string; suffix?: string; prefix?: string };
+  mainText?: string | { label: string; suffix?: string; prefix?: string };
   data: DonutChartDataType[];
   colors?: string[];
   graphTitle?: string;