mleku/smesh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: allow poll creators to view results without voting

Browse Source
This commit is contained in:
codytseng
2025-07-28 21:44:54 +08:00
parent c697e8629d
commit 20c712c56b
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Note/Poll.tsx
View File

@@ -37,6 +37,9 @@ export default function Poll({ event, className }: { event: Event; className?: s
const isExpired = useMemo(() => poll?.endsAt && dayjs().unix() > poll.endsAt, [poll]) const isExpired = useMemo(() => poll?.endsAt && dayjs().unix() > poll.endsAt, [poll])
const isMultipleChoice = useMemo(() => poll?.pollType === POLL_TYPE.MULTIPLE_CHOICE, [poll]) const isMultipleChoice = useMemo(() => poll?.pollType === POLL_TYPE.MULTIPLE_CHOICE, [poll])
const canVote = useMemo(() => !isExpired && !votedOptionIds.length, [isExpired, votedOptionIds]) const canVote = useMemo(() => !isExpired && !votedOptionIds.length, [isExpired, votedOptionIds])
const showResults = useMemo(() => {
return event.pubkey === pubkey || !canVote
}, [event, pubkey, canVote])
const [containerElement, setContainerElement] = useState<HTMLDivElement | null>(null) const [containerElement, setContainerElement] = useState<HTMLDivElement | null>(null)
useEffect(() => { useEffect(() => {
@@ -153,9 +156,9 @@ export default function Poll({ event, className }: { event: Event; className?: s
{poll.options.map((option) => { {poll.options.map((option) => {
const votes = pollResults?.results?.[option.id]?.size ?? 0 const votes = pollResults?.results?.[option.id]?.size ?? 0
const totalVotes = pollResults?.totalVotes ?? 0 const totalVotes = pollResults?.totalVotes ?? 0
const percentage = !canVote && totalVotes > 0 ? (votes / totalVotes) * 100 : 0 const percentage = showResults && totalVotes > 0 ? (votes / totalVotes) * 100 : 0
const isMax = const isMax =
pollResults && pollResults.totalVotes > 0 && !canVote pollResults && pollResults.totalVotes > 0 && showResults
? Object.values(pollResults.results).every((res) => res.size <= votes) ? Object.values(pollResults.results).every((res) => res.size <= votes)
: false : false
@@ -186,7 +189,7 @@ export default function Poll({ event, className }: { event: Event; className?: s
<CheckCircle2 className="size-4 shrink-0" /> <CheckCircle2 className="size-4 shrink-0" />
)} )}
</div> </div>
{!canVote && ( {showResults && (
<div <div
className={cn( className={cn(
'text-muted-foreground shrink-0 z-10', 'text-muted-foreground shrink-0 z-10',
@@ -215,7 +218,7 @@ export default function Poll({ event, className }: { event: Event; className?: s
<div>{t('{{number}} votes', { number: pollResults?.totalVotes ?? 0 })}</div> <div>{t('{{number}} votes', { number: pollResults?.totalVotes ?? 0 })}</div>
{isLoadingResults && t('Loading...')} {isLoadingResults && t('Loading...')}
{!isLoadingResults && !canVote && ( {!isLoadingResults && showResults && (
<div <div
className="hover:underline cursor-pointer" className="hover:underline cursor-pointer"
onClick={(e) => { onClick={(e) => {