feat: Decimal support Progress Table Cell Type h2oai#824

arshar2411 · Dec 9, 2023 · 5bf77d5 · 5bf77d5
1 parent 7887ef6
commit 5bf77d5
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/ui/src/progress_table_cell_type.tsx b/ui/src/progress_table_cell_type.tsx
@@ -13,7 +13,7 @@
 // limitations under the License.
 
 import * as Fluent from '@fluentui/react'
-import { F, S } from './core'
+import { F, S, B } from './core'
 import React from 'react'
 import { stylesheet } from 'typestyle'
 import { ProgressArc } from './parts/progress_arc'
@@ -46,11 +46,17 @@ export interface ProgressTableCellType {
   name?: S
 }
 
-export const XProgressTableCellType = ({ model: m, progress }: { model: ProgressTableCellType, progress: F }) => (
+export const XProgressTableCellType = ({ model: m, progress, decimals }: { model: ProgressTableCellType, progress: F, decimals?: B }) => (
   <div data-test={m.name} className={css.container}>
     <ProgressArc thickness={2} color={cssVar(m.color || '$red')} value={progress} />
     <Fluent.Stack horizontalAlign='center' verticalAlign='center' className={clas(css.percentContainer, 'wave-s12')}>
-      <div className={css.percent}>{`${Math.round(progress * 100)}%`}</div>
+    <div className={css.percent}>
+      {decimals ? (
+        `${Math.round(progress *10000)/ 100}%`
+      ) : (
+        `${Math.round(progress * 100)}%`
+      )}
+    </div>
     </Fluent.Stack>
   </div >
 )