From f475a37bb6dbda1125488b870959e49925f2e84e Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Fri, 10 Feb 2023 12:28:27 -0800
Subject: [PATCH] Add loading state to lazy loaded modals

---
 web/components/ui/Content/Content.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/components/ui/Content/Content.tsx b/web/components/ui/Content/Content.tsx
index bcb142f34..50d7f659d 100644
--- a/web/components/ui/Content/Content.tsx
+++ b/web/components/ui/Content/Content.tsx
@@ -54,6 +54,7 @@ const FollowModal = dynamic(
   () => import('../../modals/FollowModal/FollowModal').then(mod => mod.FollowModal),
   {
     ssr: false,
+    loading: () => <Skeleton loading active paragraph={{ rows: 8 }} />,
   },
 );
 
@@ -64,6 +65,7 @@ const BrowserNotifyModal = dynamic(
     ),
   {
     ssr: false,
+    loading: () => <Skeleton loading active paragraph={{ rows: 6 }} />,
   },
 );
 
@@ -71,6 +73,7 @@ const NotifyReminderPopup = dynamic(
   () => import('../NotifyReminderPopup/NotifyReminderPopup').then(mod => mod.NotifyReminderPopup),
   {
     ssr: false,
+    loading: () => <Skeleton loading active paragraph={{ rows: 8 }} />,
   },
 );