From 6c4a3d3999cd2bcaf15489a2dbd488d0792ea375 Mon Sep 17 00:00:00 2001
From: Hunter Chang <716376+ChangoMan@users.noreply.github.com>
Date: Thu, 29 Aug 2024 16:32:43 +0800
Subject: [PATCH] add message for blank tab content

---
 .../app/admin/_components/SubmissionEligible.tsx       |  2 --
 .../nextjs/app/admin/_components/SubmissionTabs.tsx    | 10 ++++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/nextjs/app/admin/_components/SubmissionEligible.tsx b/packages/nextjs/app/admin/_components/SubmissionEligible.tsx
index 081b333..106f5a9 100644
--- a/packages/nextjs/app/admin/_components/SubmissionEligible.tsx
+++ b/packages/nextjs/app/admin/_components/SubmissionEligible.tsx
@@ -57,8 +57,6 @@ export const SubmissionEligible = ({ submission }: { submission: Submission }) =
     buttonLabel = "Eligible";
   }
 
-  console.log("submission", submission.eligible);
-
   return (
     <details className="dropdown dropdown-end">
       <summary
diff --git a/packages/nextjs/app/admin/_components/SubmissionTabs.tsx b/packages/nextjs/app/admin/_components/SubmissionTabs.tsx
index 10cc007..723a71f 100644
--- a/packages/nextjs/app/admin/_components/SubmissionTabs.tsx
+++ b/packages/nextjs/app/admin/_components/SubmissionTabs.tsx
@@ -55,6 +55,11 @@ export const SubmissionTabs = ({ submissions }: { submissions: Submission[] }) =
                 return <SubmissionCard key={submission.id} submission={submission} />;
               })
             )}
+            {notVoted.length === 0 && (
+              <div role="alert" className="alert col-span-2">
+                <span>There are no submissions to vote on.</span>
+              </div>
+            )}
           </div>
         </div>
 
@@ -67,6 +72,11 @@ export const SubmissionTabs = ({ submissions }: { submissions: Submission[] }) =
         />
         <div role="tabpanel" className="tab-content py-6">
           <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-3">
+            {voted.length === 0 && (
+              <div role="alert" className="alert col-span-2">
+                <span>You have not voted on any submissions yet.</span>
+              </div>
+            )}
             {voted.map(submission => {
               return <SubmissionCard key={submission.id} submission={submission} />;
             })}