fix packages

Author: kenerwin88

frontend/components/TileCard.tsx

@@ -28,16 +28,18 @@ export default function TileCard({ tile, large }: TileCardProps) {
       setFetching(true);
 
       fetchSingleTile(tile.id.toString()).then((_tile) => {
-        setTile(_tile);
+        if (_tile) {
+          setTile(_tile);
 
-        if (_tile.historical_images && Array.isArray(_tile.historical_images)) {
-          const unsortedArray = [..._tile.historical_images];
-          setSortedHistoricalImages(
-            unsortedArray.sort(function (a, b) {
-              return b.blockNumber - a.blockNumber;
+          if (_tile.historical_images && Array.isArray(_tile.historical_images)) {
+            const unsortedArray = [..._tile.historical_images];
+            setSortedHistoricalImages(
+              unsortedArray.sort(function (a, b) {
+                return b.blockNumber - a.blockNumber;
             })
           );
         }
+        }
         setFetching(false);
       });
     }

frontend/utils/api.tsx

@@ -13,20 +13,19 @@ export const fetchTiles = async () => {
   }
 };
 
-export const fetchSingleTile = async (id: string): Promise<PixelMapTile> => {
-  let tile: PixelMapTile = { id: parseInt(id) };
+export const fetchSingleTile = async (id: string): Promise<PixelMapTile | undefined> => {
+  if (id == undefined) {
+    return undefined;
+  }
 
-  if (id != undefined) {
-    try {
-      const res = await fetch(`https://pixelmap.art/tile/${id}.json`);
-      const data = await res.json();
-      tile = { ...tile, ...data };
-    } catch (err) {
-      console.error("Error fetching tile data:", err);
-    }
+  try {
+    const res = await fetch(`https://pixelmap.art/tile/${id}.json`);
+    const data = await res.json();
+    return { id: parseInt(id), ...data };
+  } catch (err) {
+    console.error("Error fetching tile data:", err);
+    return undefined;
   }
-
-  return tile;
 };
 
 export interface TimeCapsuleTile {

package.json

@@ -7,14 +7,14 @@
 		"doc": "docs"
 	},
 	"scripts": {
-		"test": "npm run test:frontend && npm run test:backend",
-		"test:frontend": "cd frontend && npm test",
+		"test": "pnpm run test:frontend && pnpm run test:backend",
+		"test:frontend": "cd frontend && pnpm test",
 		"test:backend": "cd backend && go test ./...",
-		"test:coverage": "npm run test:frontend:coverage && npm run test:backend:coverage",
-		"test:frontend:coverage": "cd frontend && npm run test:coverage",
+		"test:coverage": "pnpm run test:frontend:coverage && pnpm run test:backend:coverage",
+		"test:frontend:coverage": "cd frontend && pnpm run test:coverage",
 		"test:backend:coverage": "cd backend && go test ./... -coverprofile=coverage.out && go tool cover -html=coverage.out -o coverage.html",
-		"test:coverage:combined": "npm run test:coverage && node ./combine-coverage.js",
-		"codecov": "npm run test:coverage && node ./combine-coverage.js && curl -Os https://uploader.codecov.io/latest/linux/codecov && chmod +x codecov && ./codecov"
+		"test:coverage:combined": "pnpm run test:coverage && node ./combine-coverage.js",
+		"codecov": "pnpm run test:coverage && node ./combine-coverage.js && curl -Os https://uploader.codecov.io/latest/linux/codecov && chmod +x codecov && ./codecov"
 	},
 	"author": "",
 	"license": "ISC",