From 60c77bb5f835e5389df98317cada002b705f2970 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 17 Jan 2023 18:06:46 +0800
Subject: [PATCH] Dont show empty row state when loading data

---
 packages/web/pages/settings/emails.tsx        | 4 +++-
 packages/web/pages/settings/subscriptions.tsx | 6 ++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/web/pages/settings/emails.tsx b/packages/web/pages/settings/emails.tsx
index 8ba8d1efd..cef66c354 100644
--- a/packages/web/pages/settings/emails.tsx
+++ b/packages/web/pages/settings/emails.tsx
@@ -195,7 +195,9 @@ export default function EmailsPage(): JSX.Element {
           )
         })
       ) : (
-        <EmptySettingsRow text="No Email Addresses Found" />
+        <EmptySettingsRow
+          text={isValidating ? '' : 'No Email Addresses Found'}
+        />
       )}
     </SettingsTable>
   )
diff --git a/packages/web/pages/settings/subscriptions.tsx b/packages/web/pages/settings/subscriptions.tsx
index 0a4c256e1..577e3c709 100644
--- a/packages/web/pages/settings/subscriptions.tsx
+++ b/packages/web/pages/settings/subscriptions.tsx
@@ -15,7 +15,7 @@ import { formattedShortDate } from '../../lib/dateFormatting'
 import { Box } from '../../components/elements/LayoutPrimitives'
 
 export default function SubscriptionsPage(): JSX.Element {
-  const { subscriptions, revalidate } = useGetSubscriptionsQuery()
+  const { subscriptions, revalidate, isValidating } = useGetSubscriptionsQuery()
   const [confirmUnsubscribeName, setConfirmUnsubscribeName] =
     useState<string | null>(null)
 
@@ -69,7 +69,9 @@ export default function SubscriptionsPage(): JSX.Element {
             )
           })
         ) : (
-          <EmptySettingsRow text="No Email Subscriptions Found" />
+          <EmptySettingsRow
+            text={isValidating ? '' : 'No Email Subscriptions Found'}
+          />
         )}
 
         {confirmUnsubscribeName ? (