refactor: format period boundaries

dhis2 · Nov 22, 2024 · 44b35fa · 44b35fa
1 parent 6ab6411
commit 44b35fa
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/components/DataDimension/Info/ProgramIndicatorInfo.js b/src/components/DataDimension/Info/ProgramIndicatorInfo.js
@@ -65,6 +65,16 @@ export const ProgramIndicatorInfo = ({ id, displayNameProp }) => {
         fetchData()
     }, [fetchData])
 
+    const formatBoundaryTarget = (target) => {
+        if (
+            ['ENROLLMENT_DATE', 'EVENT_DATE', 'INCIDENT_DATE'].includes(target)
+        ) {
+            return sentenceCaseText(target)
+        }
+
+        return target
+    }
+
     return (
         <>
             <InfoTable
@@ -100,7 +110,7 @@ export const ProgramIndicatorInfo = ({ id, displayNameProp }) => {
                                         <li key={id}>
                                             <span>
                                                 <span className="label">
-                                                    {`${i18n.t('Type:')} `}
+                                                    {i18n.t('Type:')}&nbsp;
                                                 </span>
                                                 {sentenceCaseText(
                                                     analyticsPeriodBoundaryType
@@ -111,7 +121,7 @@ export const ProgramIndicatorInfo = ({ id, displayNameProp }) => {
                                                 <span className="label">
                                                     {i18n.t('Target:')}&nbsp;
                                                 </span>
-                                                {sentenceCaseText(
+                                                {formatBoundaryTarget(
                                                     boundaryTarget
                                                 )}
                                             </span>