From 8b9c3350b2400c9b89c053c0ccee2bed856cd7d9 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Thu, 10 Sep 2020 21:05:02 -0700
Subject: [PATCH] Fix data check in tables.

---
 components/metrics/MetricsTable.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/metrics/MetricsTable.js b/components/metrics/MetricsTable.js
index 81374f86..e86adf48 100644
--- a/components/metrics/MetricsTable.js
+++ b/components/metrics/MetricsTable.js
@@ -87,7 +87,7 @@ export default function MetricsTable({
             </div>
           </div>
           <div className={styles.body}>
-            {data?.length === 0 && (
+            {rankings?.length === 0 && (
               <div className={styles.empty}>
                 <FormattedMessage
                   id="message.no-data-available"
@@ -97,14 +97,14 @@ export default function MetricsTable({
             )}
             {limit
               ? rankings.map(row => getRow(row))
-              : data?.length > 0 && (
+              : rankings.length > 0 && (
                   <FixedSizeList height={500} itemCount={rankings.length} itemSize={30}>
                     {Row}
                   </FixedSizeList>
                 )}
           </div>
           <div className={styles.footer}>
-            {limit && data.length > limit && (
+            {limit && rankings.length > limit && (
               <Button icon={<Arrow />} size="xsmall" onClick={() => onExpand(type)}>
                 <div>
                   <FormattedMessage id="button.more" defaultMessage="More" />