Add no submissions msg to all submissions tab

BuidlGuidl · Sep 17, 2024 · a7867a2 · a7867a2
1 parent 83f220c
commit a7867a2
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/packages/nextjs/app/admin/_components/SubmissionTabs.tsx b/packages/nextjs/app/admin/_components/SubmissionTabs.tsx
@@ -97,15 +97,19 @@ export const SubmissionTabs = ({ submissions }: { submissions: Submission[] }) =
           </div>
         </div>
 
-        {/* New All Submissions Tab */}
+        {/* All Submissions Tab */}
         <input type="radio" name="submission_tabs" role="tab" className="tab whitespace-nowrap" aria-label={allLabel} />
         <div role="tabpanel" className="tab-content py-6">
           <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-3">
-            {all
-              .sort((a, b) => b.avgScore - a.avgScore)
-              .map(submission => (
-                <SubmissionCard key={submission.id} submission={submission} tabName="all" />
-              ))}
+            {all.length === 0 ? (
+              <div role="alert" className="alert col-span-2">
+                <span>There are no submissions yet.</span>
+              </div>
+            ) : (
+              all
+                .sort((a, b) => b.avgScore - a.avgScore)
+                .map(submission => <SubmissionCard key={submission.id} submission={submission} tabName="all" />)
+            )}
           </div>
         </div>
       </div>