feat: Show empty-state if checklist is empty

h2oai · Aug 17, 2022 · d09ed38 · d09ed38
1 parent ee2f0bb
commit d09ed38
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/web/src/checklist.tsx b/web/src/checklist.tsx
@@ -44,12 +44,15 @@ export const Checklist = make(({ context, box }: BoxProps) => {
               onChange={(_, checked) => onChecked(c.value, checked)}
             />
           </div>
-        ))
+        )),
+        contents = checkboxes.length
+          ? <div className={css('flex flex-col gap-2', style)}>{checkboxes}</div>
+          : <div>&mdash;</div>
 
       return (
         <div className={css('flex flex-col gap-2')}>
           {text && <Label>{text}</Label>}
-          <div className={css('flex flex-col gap-2', style)}>{checkboxes}</div>
+          {contents}
         </div>
       )
     }