feat(ui): make JobStatusChip transparent when there are no jobs in it

s-r-x · Aug 26, 2021 · 5ef1388 · 5ef1388
1 parent 2e243ab
commit 5ef1388
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/ui/src/components/JobStatusChip/index.tsx b/packages/ui/src/components/JobStatusChip/index.tsx
@@ -13,12 +13,16 @@ type TProps = {
 
 export default function JobStatusChip(props: TProps) {
   const backgroundColor = useJobStatusColor(props.status);
+  const style = {
+    color: '#fff',
+    backgroundColor,
+  };
+  if (isUndefined(props.label) || props.label <= 0) {
+    style.opacity = 0.5;
+  }
   return (
     <Chip
-      style={{
-        color: '#fff',
-        backgroundColor,
-      }}
+      style={style}
       size={props.size}
       className={props.className}
       label={isUndefined(props.label) ? props.status : props.label}