From 6eaa47e0a0293be2b41c538b99137f91d424c297 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakob=20R=C3=B6ssner?= <jakob.roessner@outlook.de>
Date: Thu, 24 Oct 2024 23:19:57 +1100
Subject: [PATCH] fix: removed a false tip on the /play page

---
 app/play/page.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/app/play/page.tsx b/app/play/page.tsx
index 12908ac..eb03be5 100644
--- a/app/play/page.tsx
+++ b/app/play/page.tsx
@@ -125,7 +125,7 @@ export default function PlayPage() {
         </ToggleGroup>
       </Authenticated>
 
-      {filteredMaps.length === 0 && (
+      {filteredMaps.length === 0 && filter === "unbeaten" && (
         <div className="py-8">
           <div className="flex flex-col items-center gap-4">
             <div className="flex flex-col items-center gap-2 text-center">
@@ -142,6 +142,20 @@ export default function PlayPage() {
         </div>
       )}
 
+      {filteredMaps.length === 0 && filter === "beaten" && (
+        <div className="py-8">
+          <div className="flex flex-col items-center gap-4">
+            <div className="flex flex-col items-center gap-2 text-center">
+              <h2 className="text-xl/snug">Oh no!</h2>
+              <p className="text-base/snug">
+                You haven&apos;t completed as single map, what about starting
+                with some easy maps?
+              </p>
+            </div>
+          </div>
+        </div>
+      )}
+
       <div className="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
         {filteredMaps.map((map) => (
           <Card