From b0f6da304018f0ad805db901a1daf826f13c83b5 Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Wed, 19 Apr 2023 20:56:43 +0200
Subject: [PATCH] do not show paywall while loading

---
 src/pages/videos.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/videos.tsx b/src/pages/videos.tsx
index 9bfd8ed..b8e69a4 100644
--- a/src/pages/videos.tsx
+++ b/src/pages/videos.tsx
@@ -44,9 +44,13 @@ const VideoList: NextPage = () => {
           </div>
         </div>
         <div className="flex w-full grow items-start justify-center overflow-auto bg-[#fbfbfb] pt-14">
-          {["active", "past_due"].includes(
+          {!isLoading &&
+          status !== "loading" &&
+          !["active", "past_due"].includes(
             session?.user.stripeSubscriptionStatus ?? ""
           ) ? (
+            <Checkout />
+          ) : (
             <div className="flex-start grid w-full max-w-[1300px] grid-cols-[repeat(auto-fill,250px)] flex-row flex-wrap items-center justify-center gap-14 px-4 pb-16">
               {videos &&
                 videos.map(({ title, id, createdAt }) => (
@@ -73,8 +77,6 @@ const VideoList: NextPage = () => {
                 </div>
               ) : null}
             </div>
-          ) : (
-            <Checkout />
           )}
         </div>
       </main>