Create New Game

\n setShowNewGameForm(false)}\n className=\"text-gray-500 hover:text-gray-700\"\n >\n Cancel\n \n

\n \n

\n )\n : (\n

\n setShowNewGameForm(true)}\n className=\"bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-6 rounded-lg shadow-md flex items-center\"\n >\n \n \n \n \n Create New Game\n \n

\n )}\n\n

Your Games

\n\n {loading\n ?

Loading games...

\n : error\n ?

{error}

\n : games.length === 0\n ? (\n

\n \n \n \n \n

No games created yet.

Click \"Create New Game\" to get started!

\n )\n : (\n

\n {games.map(game => (\n \n

{game.name}

\n Created: {formatDate(game.createdAt)}\n

\n\n {game.description &&

{game.description}

}\n\n

\n onNavigateToGame(game.id)}\n className=\"text-indigo-600 hover:text-indigo-800 font-medium\"\n >\n Manage Players\n \n\n handleDeleteGame(game.id)}\n className=\"text-red-500 hover:text-red-700 text-sm\"\n >\n Delete Game\n \n

\n ))}\n

\n )}\n

\n\n \n \n );\n}","deleted","label",[171,172,153],"frontend","components","permalink","https://www.val.town/x/tmcw/timeline/code/frontend/components/HomePage.tsx","extension","actionData","errors"]