From de74819cf6f87de6eb1cad33d1f1713401fdaec6 Mon Sep 17 00:00:00 2001
From: Cody Seibert <webdevcody@gmail.com>
Date: Thu, 17 Oct 2024 22:21:59 -0400
Subject: [PATCH] making play a bit better

---
 app/play/[level]/page.tsx | 18 ++++++++++------
 convex/maps.ts            | 45 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 56 insertions(+), 7 deletions(-)

diff --git a/app/play/[level]/page.tsx b/app/play/[level]/page.tsx
index 599e566..3579255 100644
--- a/app/play/[level]/page.tsx
+++ b/app/play/[level]/page.tsx
@@ -95,11 +95,16 @@ export default function PlayLevelPage({
       if (newMap[y][x] === " ") {
         newMap[y][x] = "P";
       }
-    } else if (placementMode === "block" && blockCount < 2) {
+    } else if (placementMode === "block") {
       // Place new block
-      if (newMap[y][x] === " ") {
-        newMap[y][x] = "B";
-        setBlockCount(blockCount + 1);
+      if (newMap[y][x] === "B") {
+        newMap[y][x] = " ";
+        setBlockCount(blockCount - 1);
+      } else if (blockCount < 2) {
+        if (newMap[y][x] === " ") {
+          newMap[y][x] = "B";
+          setBlockCount(blockCount + 1);
+        }
       }
     }
     setPlayerMap(newMap);
@@ -164,7 +169,6 @@ export default function PlayLevelPage({
           <div className="mb-4 flex justify-center gap-4">
             <Button
               onClick={() => handlePlacementModeChange("player")}
-              disabled={playerMap.some((row) => row.includes("P"))}
               variant={placementMode === "player" ? "default" : "outline"}
               className="h-10"
             >
@@ -213,10 +217,10 @@ export default function PlayLevelPage({
                       <div
                         key={`${x}-${y}`}
                         className={`
-                          ${cell === " " ? "cursor-pointer hover:border-2 z-10 hover:border-dashed hover:border-slate-300" : ""}
+                          ${cell === " " || cell === "B" ? "cursor-pointer hover:border-2 z-10 hover:border-dashed hover:border-slate-300" : ""}
                           border border-transparent
                         `}
-                        onClick={() => cell === " " && handleCellClick(x, y)}
+                        onClick={() => handleCellClick(x, y)}
                       />
                     )),
                   )}
diff --git a/convex/maps.ts b/convex/maps.ts
index 51f3b5b..b1208b9 100644
--- a/convex/maps.ts
+++ b/convex/maps.ts
@@ -44,6 +44,51 @@ const LEVELS = [
       [" ", " ", "Z"],
     ],
   },
+  {
+    grid: [
+      [" ", " ", "R", "Z"],
+      ["Z", " ", " ", "Z"],
+    ],
+  },
+  {
+    grid: [
+      [" ", " ", " ", "Z"],
+      [" ", "R", "R", " "],
+      ["Z", " ", " ", " "],
+    ],
+  },
+  {
+    grid: [
+      ["R", " ", " ", " "],
+      [" ", " ", " ", " "],
+      ["Z", " ", "Z", "Z"],
+    ],
+  },
+  {
+    grid: [
+      [" ", " ", "Z", " "],
+      ["R", " ", " ", " "],
+      [" ", "Z", "R", " "],
+      ["Z", "Z", " ", " "],
+    ],
+  },
+  {
+    grid: [
+      ["Z", " ", " ", " ", " ", "R"],
+      ["Z", " ", " ", " ", " ", " "],
+      ["Z", " ", " ", "R", " ", "Z"],
+      ["Z", " ", " ", " ", " ", "R"],
+    ],
+  },
+  {
+    grid: [
+      ["R", "Z", " ", " ", "Z", " "],
+      ["Z", " ", " ", " ", " ", " "],
+      [" ", " ", "R", " ", "R", " "],
+      [" ", " ", " ", "Z", " ", " "],
+      ["R", " ", " ", " ", " ", "R"],
+    ],
+  },
 ];
 
 export const addMap = mutation({