{proposals.map((proposal) => {
- const isSelected = proposal.number === selectedProposalNumber;
+ const proposalKey = getProposalKey(proposal);
+ const isSelected = proposalKey === selectedProposalKey;
return (
- setSelectedProposalNumber(isSelected ? null : proposal.number)
+ setSelectedProposalKey(isSelected ? null : proposalKey)
}
aria-expanded={isSelected}
- aria-controls={`decision-explorer-${proposal.number}`}
+ aria-controls={getExplorerId(proposal)}
className="w-full text-left p-4 hover:bg-white/60 dark:hover:bg-neutral-800/60 rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-500 focus-visible:ring-offset-1 dark:focus-visible:ring-offset-neutral-800"
>
@@ -180,7 +188,7 @@ export function ProposalList({
{selectedProposal && snapshot && (