From 1b8e3d218c7e3743b1b4bf1431155d448e8834b9 Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Wed, 12 Apr 2023 18:46:12 +0200
Subject: [PATCH] add text to show if no videos exist

---
 src/pages/videos.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/pages/videos.tsx b/src/pages/videos.tsx
index adecd3a..042c71a 100644
--- a/src/pages/videos.tsx
+++ b/src/pages/videos.tsx
@@ -33,7 +33,7 @@ const VideoList: NextPage = () => {
         </div>
         <div className="flex w-full grow items-start justify-center overflow-auto bg-[#fbfbfb] pt-14">
           <div className="flex-start jusitfy-start container flex max-w-[1200px] flex-row flex-wrap items-center gap-14 px-4 pb-16">
-            {videos && !isLoading ? (
+            {videos &&
               videos.map(({ title, id, createdAt }) => (
                 <VideoCard
                   title={title}
@@ -41,8 +41,9 @@ const VideoList: NextPage = () => {
                   createdAt={createdAt}
                   key={id}
                 />
-              ))
-            ) : (
+              ))}
+
+            {isLoading ? (
               <>
                 <div className="h-[240px] w-[250px] animate-pulse overflow-hidden rounded-lg border border-[#6c668533] text-sm font-normal">
                   <figure className="relative aspect-video w-full bg-slate-200"></figure>
@@ -73,7 +74,13 @@ const VideoList: NextPage = () => {
                   </div>
                 </div>
               </>
-            )}
+            ) : null}
+
+            {videos && videos?.length <= 0 ? (
+              <div>
+                <span>You do not have any recordings.</span>
+              </div>
+            ) : null}
           </div>
         </div>
       </main>