\r\n

🃏 Your Hand

\r\n {!isMyTurn && (\r\n ⏳ Waiting for turn...\r\n )}\r\n {isMyTurn && (\r\n ⭐ Your Turn!\r\n )}\r\n

\r\n \r\n

\r\n {hand.map((card, index) => (\r\n handleCardClick(card)}\r\n className={`card glass rounded-xl p-4 text-center ${\r\n isMyTurn ? \"cursor-pointer\" : \"cursor-not-allowed opacity-50\"\r\n }`}\r\n >\r\n

{card.emoji}

\r\n

{card.title}

\r\n

{card.content || \"Custom...\"}

\r\n

\r\n ))}\r\n

\r\n \r\n \r\n {/* Custom Card Modal */}\r\n {selectedCard && (\r\n

\r\n

\r\n {selectedCard.emoji} {selectedCard.title}\r\n

\r\n \r\n

\r\n Write your custom instruction:\r\n

\r\n \r\n setCustomContent(e.target.value)}\r\n placeholder=\"e.g., Make it look like a 1990s Geocities website...\"\r\n className=\"w-full px-4 py-3 rounded-xl bg-white/20 border border-white/30 focus:outline-none focus:ring-2 focus:ring-white/50 text-white placeholder-white/50 resize-none\"\r\n rows={4}\r\n autoFocus\r\n />\r\n \r\n

\r\n {\r\n setSelectedCard(null);\r\n setCustomContent(\"\");\r\n }}\r\n className=\"flex-1 bg-white/20 text-white font-semibold py-2 rounded-lg hover:bg-white/30 transition-all\"\r\n >\r\n Cancel\r\n \r\n \r\n Play Card\r\n \r\n

\r\n

\r\n )}\r\n \r\n );\r\n}\r\n","deleted","label",[175,156],"frontend","permalink","https://www.val.town/x/jjg/multiplayer-prompting/code/frontend/CardDeck.tsx","extension","actionData","errors"]