{poll.title}

Created by {poll.creator_username}

\n\n \n 📊 View Results\n \n

\n\n {/* Poll Info Card */}\n

Poll Information

{poll.description}

\n \n \n {statusInfo.status}\n \n

\n\n

\n Start Date:\n

{formatDate(poll.start_date)}

\n \n

\n End Date:\n

{formatDate(poll.end_date)}

\n \n

\n Total Votes:\n

{poll.total_votes || 0}

\n\n

\n {statusInfo.message}\n

\n\n {/* Voting Section */}\n

\n {canVote ? 'Cast Your Vote' : poll.user_has_voted ? 'You Have Voted' : 'Voting Options'}\n

\n\n {poll.user_has_voted && (\n

\n ✓ You have already voted on this poll. You can view the results to see how others voted.\n

\n )}\n\n {error && (\n

\n {error}\n

\n )}\n\n {success && (\n

\n {success}\n

\n )}\n\n

\n {poll.options.map((option) => (\n canVote && setSelectedOptionId(option.id)}\n >\n

\n {canVote && (\n setSelectedOptionId(option.id)}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300\"\n />\n )}\n {option.option_text}\n

\n \n

\n {option.vote_count} {option.vote_count === 1 ? 'vote' : 'votes'}\n

\n ))}\n

\n\n {canVote && (\n

\n \n {loading ? (\n

\n Casting Vote...\n

\n ) : (\n 'Cast Vote'\n )}\n \n

\n )}\n\n {!canVote && !poll.user_has_voted && (\n

\n {!isActive ? 'This poll is not currently active.' : 'Voting has ended for this poll.'}\n

\n \n View Results\n \n

\n )}\n

\n \n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/ikeali/my-first-val/code/frontend/components/PollDetail.tsx","extension","actionData","errors"]