Adds units in Preview Mode and Event List

ohcnetwork · Aug 12, 2024 · eb50b5d · eb50b5d
1 parent f6735f4
commit eb50b5d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/Components/CriticalCareRecording/PressureSore/CriticalCare__PressureSoreInputModal.res b/src/Components/CriticalCareRecording/PressureSore/CriticalCare__PressureSoreInputModal.res
@@ -202,13 +202,13 @@ let make = (
                       <div className="grid grid-cols-2 items-center gap-4 justify-around mt-4">
                         <div className="flex flex-col items-center text-center">
                           <div className="text-black font-bold text-xl">
-                            {str(state.width->Belt.Float.toString)}
+                            {str(`${state.width->Belt.Float.toString} cm`)}
                           </div>
                           <div className="text-sm text-secondary-700"> {str("Width")} </div>
                         </div>
                         <div className="flex flex-col items-center text-center">
                           <div className="text-black font-bold text-xl">
-                            {str(state.length->Belt.Float.toString)}
+                            {str(`${state.length->Belt.Float.toString} cm`)}
                           </div>
                           <div className="text-sm text-secondary-700"> {str("Length")} </div>
                         </div>

diff --git a/src/Components/Facility/ConsultationDetails/Events/GenericEvent.tsx b/src/Components/Facility/ConsultationDetails/Events/GenericEvent.tsx
@@ -18,7 +18,13 @@ const formatValue = (value: unknown, key?: string): ReactNode => {
   }
 
   if (typeof value === "number") {
-    return value % 1 ? value.toFixed(2) : value;
+    const formattedValue = value % 1 ? value.toFixed(2) : value;
+
+    if (key === "length" || key === "width") {
+      return `${formattedValue} cm`;
+    }
+
+    return formattedValue;
   }
 
   if (typeof value === "string") {
@@ -74,7 +80,9 @@ const formatValue = (value: unknown, key?: string): ReactNode => {
         <span className="text-xs uppercase text-secondary-700">
           {key.replaceAll(/_/g, " ")}
         </span>
-        <span className="text-sm font-semibold capitalize text-secondary-700">
+        <span
+          className={`text-sm font-semibold text-secondary-700 ${key === "length" || key === "width" ? "" : "capitalize"}`}
+        >
           {formatValue(value, key)}
         </span>
       </div>