Loading poll...

\n );\n }\n\n if (error || !poll) {\n return (\n

❌

Error

{error || 'Poll not found'}

\n \n ← Back to Polls\n \n

\n );\n }\n\n const expired = isExpired(poll);\n const votingAllowed = canVote(poll);\n\n return (\n

\n {/* Header */}\n

\n \n \n Back to Polls\n \n\n

{poll.title}

{poll.description}

\n \n

\n {!poll.isActive ? 'Inactive' : expired ? 'Expired' : 'Active'}\n

\n\n

\n Created by {poll.creatorUsername}\n •\n {formatDate(poll.createdAt)}\n {poll.expiresAt && (\n <>\n •\n \n {expired ? 'Expired' : 'Expires'} {formatDate(poll.expiresAt)}\n \n \n )}\n

\n\n {/* Voting/Results Toggle */}\n {userVote && (\n

\n setShowResults(false)}\n className={`px-4 py-2 text-sm font-medium rounded-md transition-colors ${\n !showResults \n ? 'bg-blue-100 text-blue-700' \n : 'text-gray-500 hover:text-gray-700'\n }`}\n >\n Vote Options\n \n setShowResults(true)}\n className={`px-4 py-2 text-sm font-medium rounded-md transition-colors ${\n showResults \n ? 'bg-blue-100 text-blue-700' \n : 'text-gray-500 hover:text-gray-700'\n }`}\n >\n Results\n \n

\n )}\n\n {/* Error Message */}\n {error && (\n

\n {error}\n

\n )}\n\n {/* Voting Interface or Results */}\n {showResults || !votingAllowed ? (\n \n ) : (\n

Cast Your Vote

\n \n {!votingAllowed && !userVote && (\n

\n {!poll.isActive ? 'This poll is inactive.' : 'This poll has expired.'}\n

\n )}\n\n

\n {poll.options.map((option) => (\n handleVote(option.id)}\n disabled={voting || !votingAllowed}\n className=\"w-full text-left p-4 border border-gray-200 rounded-lg hover:border-blue-300 hover:bg-blue-50 transition-colors vote-option disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n

\n {option.text}\n {voting && (\n

\n )}\n

\n \n ))}\n

\n\n {votingAllowed && (\n

\n Click on an option to cast your vote. You can only vote once.\n

\n )}\n

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