From 407273799a5db18b424c459650855df05849f45b Mon Sep 17 00:00:00 2001
From: Cody Seibert <webdevcody@gmail.com>
Date: Thu, 17 Oct 2024 23:21:31 -0400
Subject: [PATCH] adding more maps

---
 app/play/[level]/page.tsx |  1 -
 app/play/page.tsx         |  2 +-
 components/Map.tsx        |  8 ++++++--
 convex/maps.ts            | 38 ++++++++++++++++++++++++++++++++++++++
 4 files changed, 45 insertions(+), 4 deletions(-)

diff --git a/app/play/[level]/page.tsx b/app/play/[level]/page.tsx
index 3579255..0341094 100644
--- a/app/play/[level]/page.tsx
+++ b/app/play/[level]/page.tsx
@@ -176,7 +176,6 @@ export default function PlayLevelPage({
             </Button>
             <Button
               onClick={() => handlePlacementModeChange("block")}
-              disabled={blockCount >= 2}
               variant={placementMode === "block" ? "default" : "outline"}
               className="h-10"
             >
diff --git a/app/play/page.tsx b/app/play/page.tsx
index de7c4cd..f384264 100644
--- a/app/play/page.tsx
+++ b/app/play/page.tsx
@@ -74,7 +74,7 @@ export default function PlayPage() {
               </CardTitle>
             </CardHeader>
             <CardContent className="flex-grow flex items-center justify-center">
-              <GameMap map={map.grid} />
+              <GameMap map={map.grid} size={52} />
             </CardContent>
             <CardFooter className="flex justify-around px-3">
               <Link href={`/play/${map.level}`} passHref>
diff --git a/components/Map.tsx b/components/Map.tsx
index c14c783..a5750c7 100644
--- a/components/Map.tsx
+++ b/components/Map.tsx
@@ -32,7 +32,7 @@ export function getCellImage(cell: string) {
   return null;
 }
 
-export function Map({ map }: { map: string[][] }) {
+export function Map({ map, size = 64 }: { map: string[][]; size?: number }) {
   return (
     <div className="relative">
       <img
@@ -46,7 +46,11 @@ export function Map({ map }: { map: string[][] }) {
             {row.map((cell, x) => (
               <div
                 key={x}
-                className={`size-16 border dark:border-gray-300 border-gray-700 flex items-center justify-center text-2xl bg-transparent`}
+                style={{
+                  width: `${size}px`,
+                  height: `${size}px`,
+                }}
+                className={`border dark:border-gray-300 border-gray-700 flex items-center justify-center text-2xl bg-transparent`}
               >
                 {getCellImage(cell)}
               </div>
diff --git a/convex/maps.ts b/convex/maps.ts
index b1208b9..e1c250c 100644
--- a/convex/maps.ts
+++ b/convex/maps.ts
@@ -89,6 +89,44 @@ const LEVELS = [
       ["R", " ", " ", " ", " ", "R"],
     ],
   },
+  {
+    grid: [
+      ["Z", "R", " ", " ", " ", " "],
+      [" ", " ", " ", " ", " ", "Z"],
+      [" ", "Z", " ", " ", " ", " "],
+      ["Z", " ", " ", " ", " ", " "],
+    ],
+  },
+  {
+    grid: [
+      ["Z", " ", " ", "Z", " "],
+      [" ", " ", " ", "R", " "],
+      [" ", " ", " ", " ", " "],
+      [" ", "R", " ", " ", "R"],
+      [" ", "Z", " ", " ", "Z"],
+    ],
+  },
+  {
+    grid: [
+      ["R", " ", " ", " ", " ", "R"],
+      [" ", " ", " ", " ", " ", " "],
+      [" ", "R", " ", " ", "R", " "],
+      [" ", "R", "R", "R", "R", " "],
+      ["Z", " ", "Z", "Z", " ", "Z"],
+      [" ", "Z", "R", " ", "Z", " "],
+    ],
+  },
+  {
+    grid: [
+      ["R", " ", " ", "Z", " ", " ", " "],
+      [" ", " ", "R", " ", " ", "Z", "Z"],
+      [" ", " ", "R", " ", " ", " ", " "],
+      [" ", " ", " ", " ", " ", " ", " "],
+      [" ", " ", " ", " ", "R", " ", " "],
+      ["Z", " ", " ", " ", "R", " ", " "],
+      [" ", " ", " ", "Z", " ", " ", "R"],
+    ],
+  },
 ];
 
 export const addMap = mutation({