From 044090a8f1a00efc6e54d1eddf1d8bcba83a6f17 Mon Sep 17 00:00:00 2001
From: Nikola Ubavic <53820106+ubavic@users.noreply.github.com>
Date: Fri, 14 Jan 2022 14:00:36 +0100
Subject: [PATCH] fix: skip rendering list when data is empty

---
 .../src/components/tables/DataTable.js        | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/new-lamassu-admin/src/components/tables/DataTable.js b/new-lamassu-admin/src/components/tables/DataTable.js
index ec68f3e1..df57376b 100644
--- a/new-lamassu-admin/src/components/tables/DataTable.js
+++ b/new-lamassu-admin/src/components/tables/DataTable.js
@@ -185,22 +185,24 @@ const DataTable = ({
         <TBody className={classes.body}>
           {loading && <H4>Loading...</H4>}
           {!loading && R.isEmpty(data) && <EmptyTable message={emptyText} />}
-          <AutoSizer disableWidth>
-            {({ height }) => (
-              <List
-                // this has to be in a style because of how the component works
-                style={{ overflow: 'inherit', outline: 'none' }}
-                {...props}
-                height={loading ? 0 : height}
-                width={width}
-                rowCount={data.length}
-                rowHeight={cache.rowHeight}
-                rowRenderer={rowRenderer}
-                overscanRowCount={5}
-                deferredMeasurementCache={cache}
-              />
-            )}
-          </AutoSizer>
+          {!R.isEmpty(data) && (
+            <AutoSizer disableWidth>
+              {({ height }) => (
+                <List
+                  // this has to be in a style because of how the component works
+                  style={{ overflow: 'inherit', outline: 'none' }}
+                  {...props}
+                  height={loading ? 0 : height}
+                  width={width}
+                  rowCount={data.length}
+                  rowHeight={cache.rowHeight}
+                  rowRenderer={rowRenderer}
+                  overscanRowCount={5}
+                  deferredMeasurementCache={cache}
+                />
+              )}
+            </AutoSizer>
+          )}
         </TBody>
       </Table>
     </Box>