added number formatting and pluralization for uom times and seconds

emsesp · Oct 12, 2021 · 22a2b92 · 22a2b92
1 parent 25616ae
commit 22a2b92
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/interface/src/project/EMSESPDataForm.tsx b/interface/src/project/EMSESPDataForm.tsx
@@ -104,6 +104,9 @@ type EMSESPDataFormProps = RestFormProps<EMSESPData> &
   AuthenticatedContextProps &
   WithWidthProps;
 
+const pluralize = (count: number, noun: string, suffix = 's') =>
+  ` ${Intl.NumberFormat().format(count)} ${noun}${count !== 1 ? suffix : ''} `;
+
 export const formatDuration = (duration_min: number) => {
   const { days, hours, minutes } = parseMilliseconds(duration_min * 60000);
   let formatted = '';
@@ -119,9 +122,6 @@ export const formatDuration = (duration_min: number) => {
   return formatted;
 };
 
-const pluralize = (count: number, noun: string, suffix = 's') =>
-  ` ${count} ${noun}${count !== 1 ? suffix : ''} `;
-
 function formatValue(value: any, uom: number, digit: number) {
   switch (uom) {
     case DeviceValueUOM.HOURS:
@@ -141,6 +141,9 @@ function formatValue(value: any, uom: number, digit: number) {
         ' ' +
         DeviceValueUOM_s[uom]
       );
+    case DeviceValueUOM.TIMES:
+    case DeviceValueUOM.SECONDS:
+      return pluralize(value, DeviceValueUOM_s[uom]);
     default:
       return (
         new Intl.NumberFormat().format(value) + ' ' + DeviceValueUOM_s[uom]