fix: remove tag when DoubleTag's label has empty children

lablup · Nov 6, 2024 · 622b3db · 622b3db
1 parent afacad0
commit 622b3db
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/react/src/components/DoubleTag.tsx b/react/src/components/DoubleTag.tsx
@@ -32,7 +32,13 @@ const DoubleTag: React.FC<{
   return (
     <Flex direction="row">
       {_.map(objectValues, (objValue, idx) => {
-        return !_.isEmpty(objValue.label) ? (
+        const hasEmptyChildren =
+          React.isValidElement(objValue.label) &&
+          _.isEmpty((objValue.label as React.ReactElement)?.props?.children);
+
+        return hasEmptyChildren ? (
+          <></>
+        ) : !_.isEmpty(objValue.label) ? (
           <Tag
             key={idx}
             style={