fix handling NaN and undefined

lablup · Nov 21, 2024 · e73e169 · e73e169
1 parent edd4992
commit e73e169
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/react/src/components/BAIProgressWithLabel.tsx b/react/src/components/BAIProgressWithLabel.tsx
@@ -46,7 +46,7 @@ const BAIProgressWithLabel: React.FC<BAIProgressWithLabelProps> = ({
       <Flex
         style={{
           height: '100%',
-          width: `${percent && percent > 100 ? 100 : percent}%`,
+          width: `${!percent || _.isNaN(percent) ? 0 : _.min([percent, 100])}%`,
           position: 'absolute',
           left: 0,
           top: 0,
@@ -63,7 +63,10 @@ const BAIProgressWithLabel: React.FC<BAIProgressWithLabelProps> = ({
         <Typography.Text
           style={{
             fontSize,
-            color: _.isUndefined(percent) ? token.colorTextDisabled : undefined,
+            color:
+              _.isNaN(percent) || _.isUndefined(percent)
+                ? token.colorTextDisabled
+                : undefined,
             ...labelStyle,
           }}
         >