feat: [CGC-50] Connect Growth Chart Config Percentiles or Z-Scores to…

… App (#57)
dev-otta · Mar 25, 2024 · 7a278cb · 7a278cb
1 parent 01f30f8
commit 7a278cb
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 7 deletions.
diff --git a/i18n/en.pot b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2024-03-22T20:34:59.747Z\n"
-"PO-Revision-Date: 2024-03-22T20:34:59.747Z\n"
+"POT-Creation-Date: 2024-03-25T03:31:40.489Z\n"
+"PO-Revision-Date: 2024-03-25T03:31:40.489Z\n"
 
 msgid "Date"
 msgstr "Date"

diff --git a/src/Plugin.tsx b/src/Plugin.tsx
@@ -38,6 +38,8 @@ const PluginInner = (propsFromParent: EnrollmentOverviewProps) => {
         isWeightInGrams: chartConfig?.settings.weightInGrams || false,
     });
 
+    const isPercentiles = chartConfig?.settings.usePercentiles || false;
+
     const [open, setOpen] = useState(true);
 
     if (isLoading) {
@@ -73,6 +75,7 @@ const PluginInner = (propsFromParent: EnrollmentOverviewProps) => {
                         <GrowthChart
                             trackedEntity={mappedTrackedEntity}
                             measurementData={mappedGrowthVariables}
+                            isPercentiles={isPercentiles}
                         />
                     </WidgetCollapsible>
                 </div>

diff --git a/src/components/GrowthChart/GrowthChart.tsx b/src/components/GrowthChart/GrowthChart.tsx
@@ -10,14 +10,15 @@ import { MappedEntityValues } from '../../utils/DataFetching/Sorting/useMappedTr
 interface GrowthChartProps {
     trackedEntity: MappedEntityValues;
     measurementData: MeasurementData[];
+    isPercentiles: boolean;
 }
 
 export const GrowthChart = ({
     trackedEntity,
     measurementData,
+    isPercentiles,
 }: GrowthChartProps) => {
     const trackedEntityGender = trackedEntity.gender;
-    const [isPercentiles] = useState<boolean>(false);
 
     const [gender, setGender] = useState<string>(trackedEntityGender !== undefined ? trackedEntityGender : GenderCodes.CGC_Female);
     const { chartDataForGender } = useChartDataForGender({ gender });

diff --git a/src/utils/Hooks/ChartDataVisualization/useChartLines.ts b/src/utils/Hooks/ChartDataVisualization/useChartLines.ts
@@ -14,10 +14,10 @@ export const useChartLines = (
     startIndex: number,
     isPercentiles: boolean,
 ) => {
-    const [zScoreLines, setZScoreLines] = useState<any[]>([]);
+    const [ChartLines, setChartLines] = useState<any[]>([]);
 
     useEffect(() => {
-        const ZscoreLines = keysDataSet.map((key) => ({
+        const newChartLines = keysDataSet.map((key) => ({
             data: datasetValues.map((entry, index) => ({
                 x: startIndex + index,
                 y: entry[key],
@@ -27,8 +27,8 @@ export const useChartLines = (
             label: key,
         }));
 
-        setZScoreLines(ZscoreLines);
+        setChartLines(newChartLines);
     }, [datasetValues, keysDataSet, datasetMetadata, category, dataset, startIndex, isPercentiles]);
 
-    return zScoreLines;
+    return ChartLines;
 };