My Maze Gallery

Loading your mazes...

\n );\n }\n \n if (mazes.length === 0) {\n return (\n

My Maze Gallery

You haven't saved any mazes yet.

Create and solve a maze to save it to your gallery!

\n );\n }\n \n return (\n

My Maze Gallery

\n \n

\n {mazes.map((maze) => (\n

{maze.name}

Algorithm: {formatAlgorithm(maze.algorithm)}

Difficulty: {maze.difficulty.charAt(0).toUpperCase() + maze.difficulty.slice(1)}

Size: {maze.width}x{maze.height}

Created: {formatDate(maze.createdAt)}

\n onLoadMaze(maze.id)}\n >\n Play\n \n onDeleteMaze(maze.id)}\n >\n Delete\n \n

\n ))}\n

\n );\n}\n\n// Helper function to format algorithm name\nfunction formatAlgorithm(algorithm: string): string {\n switch (algorithm) {\n case \"recursive_backtracking\":\n return \"Recursive Backtracking\";\n case \"kruskal\":\n return \"Kruskal's Algorithm\";\n case \"prim\":\n return \"Prim's Algorithm\";\n default:\n return algorithm;\n }\n}\n\n// Helper function to format date\nfunction formatDate(dateString: string): string {\n const date = new Date(dateString);\n return date.toLocaleDateString();\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/dthyresson/a-mazing-maze-days/code/frontend/components/MazeGallery.tsx","extension","actionData","errors"]