fix: use empty state in ResourceList.Body when children is boolean false

influxdata · Dec 20, 2019 · 38aac00 · 38aac00
1 parent fcb1b9a
commit 38aac00
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/Components/ResourceList/Documentation/ResourceList.stories.tsx b/src/Components/ResourceList/Documentation/ResourceList.stories.tsx
@@ -167,6 +167,16 @@ resourceListStories.add(
       /* eslint-enable */
     }
 
+    const options: any = {
+      null: null,
+      false: false,
+      'React elements': 'Resource List appears here YAY!',
+    }
+    const children = select(
+      'Children',
+      options,
+      'Resource List appears here YAY!'
+    )
     return (
       <div className="story--example">
         <div className="story--test-buttons">
@@ -177,7 +187,9 @@ resourceListStories.add(
           emptyState={
             <div className="mockComponent stretch">EmptyState goes here</div>
           }
-        />
+        >
+          {children}
+        </ResourceListBody>
       </div>
     )
   },

diff --git a/src/Components/ResourceList/List/ResourceListBody.tsx b/src/Components/ResourceList/List/ResourceListBody.tsx
@@ -36,7 +36,8 @@ export const ResourceListBody = forwardRef<
     if (
       React.Children.count(children) === 0 ||
       children === undefined ||
-      children === null
+      children === null ||
+      children === false
     ) {
       childElement = emptyState
     }