Loading results...

\n );\n }\n\n const { totalVotes, options } = results;\n\n // Sort options by vote count (descending)\n const sortedOptions = [...options].sort((a, b) => b.voteCount - a.voteCount);\n const maxVotes = Math.max(...options.map(o => o.voteCount));\n\n return (\n

Poll Results

\n {totalVotes} total votes\n

\n\n {totalVotes === 0 ? (\n

📊

No votes yet. Be the first to vote!

\n ) : (\n

\n {sortedOptions.map((option, index) => {\n const isUserChoice = userVote?.optionId === option.id;\n const isWinning = option.voteCount === maxVotes && maxVotes > 0;\n \n return (\n

1\n ? 'border-green-300 bg-green-50'\n : 'border-gray-200 bg-gray-50'\n }`}\n style={{ animationDelay: `${index * 0.1}s` }}\n >\n

\n {option.text}\n {isUserChoice && (\n \n Your vote\n \n )}\n {isWinning && totalVotes > 1 && (\n \n 🏆 Leading\n \n )}\n

\n {option.voteCount} votes\n

\n {option.percentage}%\n

\n \n {/* Progress bar */}\n

\n );\n })}\n

\n )}\n\n {userVote && (\n

\n You voted on {new Date(userVote.createdAt).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n })}\n

\n )}\n\n {totalVotes > 0 && (\n

{totalVotes}

Total Votes

{options.length}

Options

\n )}\n

\n );\n}","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/ikeali/untitled-1496/code/frontend/components/Results.tsx","extension","actionData","errors"]