Welcome to Solana Emoji Responses!

Choose a display name so other participants can recognize you

\n setDisplayName(e.target.value)} placeholder={`Player ${myUserId.substring(0, 5)}`} className=\"flex-1 p-3 rounded-lg bg-gray-800 text-white border border-purple-500 focus:outline-none focus:border-pink-500\" maxLength={15} />\n

\n Start Playing\n

\n Or just click \"Start Playing\" to use default name\n

Change Your Display Name

\n setEditingName(false)} className=\"flex-1 py-2 bg-gray-700 rounded-lg font-medium\" whileHover={{\n scale: 1.02\n }} whileTap={{\n scale: 0.98\n }}>\n Cancel\n \n \n \n Save\n \n

\n \n \n Solana Emoji Responses\n \n \n \n {}\n \n {recentlyJoined.length > 0 && \n {recentlyJoined.map(user => \n \n \n {user.displayName} joined\n \n )}\n }\n \n \n {}\n \n {Object.values(activeUsers).length > 0 && \n {Object.values(activeUsers).map(user => \n \n \n {user.displayName} {' '}\n {user.type === 'submitted' && 'submitted an answer'}\n {user.type === 'voted' && 'cast a vote'}\n {user.type === 'joined' && 'is now active'}\n {user.type === 'left' && 'left'}\n {user.type === 'nameChange' && <>changed name from {user.previousName}}\n \n )}\n }\n \n \n {}\n \n \n

\n \n {gamePhase === 'SUBMITTING' ? 'Creating' : gamePhase === 'VOTING' ? 'Voting' : 'Results'}\n \n {(gamePhase === 'SUBMITTING' || gamePhase === 'VOTING') && {phaseTimeLeft}s}\n

\n \n\n {}\n \n {tierConfig.icon}\n

\n {tierConfig.label}\n ({userCount} players)\n

\n \n\n {}\n \n {showTierChange && previousTier && \n \n

\n {tierConfig.icon}\n

Game Tier Upgraded!

Now playing in {tierConfig.label} ({tierConfig.description})

\n \n }\n \n \n {isLoading &&

Generating a phrase for you...

}\n \n {!isLoading && messages.length > 1 && !challengeData &&

Having trouble displaying the challenge. Please try refreshing the page.

}\n \n {!isLoading && challengeData && \n \n \n \n \n New Phrase\n \n \n \n \n \n \n

Today's Solana Phrase

\n \n \n \n {challengeData?.challenge || \"Create something amazing with emojis!\"}\n \n \n \n \n {gamePhase === 'SUBMITTING' && \n

\n setMySubmission(e.target.value)} placeholder=\"Your emoji answer... (e.g., 🦁+👑)\" className=\"flex-1 p-4 rounded-l-xl bg-gray-800 text-white text-xl border-2 border-purple-500 focus:outline-none focus:border-pink-500\" />\n \n Submit\n \n

\n \n {}\n {Object.values(typingUsers).length > 0 && \n {Object.values(typingUsers).map(user => \n \n {user.displayName}\n typing...\n )}\n }\n

\n }\n \n \n {}\n {gamePhase === 'SUBMITTING' && emojiSubmissions.length > 0 && \n

Creative crypto emojis appearing! Voting begins soon...

\n }\n \n {}\n \n {gamePhase === 'VOTING' && \n \n

Vote for your favorite emoji combination!

Remember: You can't vote for your own submission

\n \n \n \n

The submission with the most votes wins the round and gets added to the Hall of Fame!

You can't vote for your own submission - vote for others!

\n \n \n {}\n {activeBots.length > 0 && \n

\n Bots are voting...\n setShowVoteHistory(!showVoteHistory)} whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n {showVoteHistory ? \"Hide Vote History\" : \"Show Vote History\"}\n \n

\n {activeBots.map(bot => \n \n {bot.name}\n {botVotingStatus[bot.id] === \"thinking\" && thinking...}\n {botVotingStatus[bot.id] === \"voted\" && }\n )}\n

\n }\n \n {}\n \n {showVoteHistory && Object.keys(votes).length > 0 && \n

Vote History:

\n {emojiSubmissions.map(submission => {\n const voters = getVotersForSubmission(submission.id);\n if (voters.length === 0) return null;\n return

{submission.emoji}

\n {submission.isBot ? submission.botName : submission.id === myUserId ? \"Your submission\" : `Player ${submission.id.substring(0, 5)}`}\n

\n {voters.map(voter => \n {voter.name}\n )}\n

;\n })}\n

\n }\n \n }\n \n {gamePhase === 'RESULTS' && \n \n

Round {roundNumber} Results!

\n \n {}\n {winner && \n

{winner.emoji}

\n \n

Winner (Most Votes)

\n \n {winner.isBot ? winner.botName : winner.id === myUserId ? \"You\" : `Player ${winner.id.substring(0, 5)}`}\n \n

\n }\n \n

\n {winner ? \n

{winner.emoji}

\n \n \n \n {winner.isBot ? winner.botName : winner.id === myUserId ? \"You\" : `Player ${winner.id.substring(0, 5)}`}\n \n \n

\n This player received the most votes!\n

\n :

No votes were cast this round

}\n

\n \n {}\n {showConfetti &&

\n {[...Array(50)].map((_, i) => )}\n

}\n \n {}\n

Submissions

{emojiSubmissions.length}

Votes

{Object.keys(votes).length}

\n \n {}\n {Object.keys(leaderboard).length > 0 &&

\n \n

Winner's Hall of Fame

Players with the most votes across all rounds

\n {Object.entries(leaderboard).sort((a, b) => b[1] - a[1]).slice(0, 6).map(([name, wins], i) =>

\n \n {i + 1}.\n \n {name}\n

\n {i === 0 && }\n \n {wins} {wins === 1 ? \"win\" : \"wins\"}\n \n

)}\n

}\n \n {}\n

Next round begins in {phaseTimeLeft}s

\n {\n setReadyForNextRound(true);\n if (phaseTimeLeft > 3) {\n clearInterval(timerRef.current);\n handleNewChallenge();\n }\n }} className=\"inline-flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-green-500 to-emerald-600 rounded-xl font-bold text-white shadow-lg shadow-green-500/20\" whileHover={{\n scale: 1.05,\n boxShadow: \"0 20px 25px -5px rgba(16, 185, 129, 0.25)\"\n }} whileTap={{\n scale: 0.95\n }}>\n Ready for next round \n \n

\n \n {}\n {Object.keys(votes).length > 0 && \n

\n \n Vote Breakdown\n

\n {emojiSubmissions.filter(sub => getVoteCount(sub.id) > 0).sort((a, b) => getVoteCount(b.id) - getVoteCount(a.id)).map(submission =>

{submission.emoji}

\n {submission.isBot ? submission.botName : submission.id === myUserId ? \"You\" : `Player ${submission.id.substring(0, 5)}`}\n {submission.id === winner?.id && \n Winner\n }\n

\n \n

\n \n {getVoteCount(submission.id)} votes\n

\n \n

\n {getVotersForSubmission(submission.id).map(voter =>

\n {voter.isBot ? \n \n {voter.name}\n : voter.name}\n

)}\n

\n }\n }\n \n \n

\n {emojiSubmissions.map((submission, index) => {\n const voteCount = getVoteCount(submission.id);\n const isWinner = winner && winner.id === submission.id;\n const isHighestVoted = gamePhase === 'VOTING' && voteCount === Math.max(...emojiSubmissions.map(s => getVoteCount(s.id))) && voteCount > 0;\n const isMySubmission = submission.id === myUserId;\n const isBot = submission.isBot;\n const canVoteForThis = gamePhase === 'VOTING' && !myVote && submission.id !== myUserId;\n return canVoteForThis && handleVote(submission.id)}>\n {}\n \n {isWinner && \n

\n \n WINNER!\n

\n }\n \n \n {}\n {isHighestVoted && !isWinner &&

\n Leading\n

}\n \n

{submission.emoji}

\n {isMySubmission ? \n Your submission {gamePhase === 'VOTING' && (can't vote for yourself)}\n : isBot ?

\n \n {submission.botName}\n

: \n {submission.displayName || `Player ${submission.id.substring(0, 5)}`}\n }\n \n {gamePhase === 'VOTING' && voteCount > 0 &&

\n {voteCount} {voteCount === 1 ? 'vote' : 'votes'} so far\n

}\n {isWinner && \n \n {submission.isBot ? submission.botName : submission.id === myUserId ? \"You\" : submission.displayName || `Player ${submission.id.substring(0, 5)}`}\n }\n

\n \n {}\n {(gamePhase === 'VOTING' || gamePhase === 'RESULTS') && <>\n \n 0 ? 'text-blue-300' : 'text-gray-400'} />\n 0 ? 'text-blue-300 font-bold' : 'text-gray-400'}`}>\n {voteCount} {voteCount === 1 ? 'vote' : 'votes'}\n \n \n \n {}\n {voteCount > 0 && gamePhase === 'VOTING' && \n {getVotersForSubmission(submission.id).map((voter, i) => \n {voter.isBot ? \n \n {voter.name}\n : voter.name}\n )}\n }\n }\n \n {}\n {myVote === submission.id &&

\n Your vote\n

}\n

\n ;\n })}\n

\n \n {emojiSubmissions.length === 0 && \n Be the first to respond with an emoji combination!\n }\n \n {}\n {gamePhase === 'VOTING' && emojiSubmissions.length === 0 && \n

No submissions to vote on! Submit your answers during the submission phase.

\n }\n }\n

say something