diff --git a/packages/ui/src/app/pages/Proposals/ProposalPreview.tsx b/packages/ui/src/app/pages/Proposals/ProposalPreview.tsx index b98ca1002e..86a365f2e2 100644 --- a/packages/ui/src/app/pages/Proposals/ProposalPreview.tsx +++ b/packages/ui/src/app/pages/Proposals/ProposalPreview.tsx @@ -14,6 +14,7 @@ import { PageTitle } from '@/common/components/page/PageTitle' import { PreviousPage } from '@/common/components/page/PreviousPage' import { SidePanel } from '@/common/components/page/SidePanel' import { Label, TextInlineMedium, TextMedium } from '@/common/components/typography' +import { TokenValue } from '@/common/components/typography/TokenValue' import { camelCaseToText } from '@/common/helpers' import { useModal } from '@/common/hooks/useModal' import { useRefetchQueries } from '@/common/hooks/useRefetchQueries' @@ -40,20 +41,19 @@ import { VoteRationaleModalCall } from '@/proposals/modals/VoteRationale/types' import { proposalPastStatuses } from '@/proposals/model/proposalStatus' export const ProposalPreview = () => { - const { id } = useParams<{ id: string }>() const history = useHistory() + const { id } = useParams<{ id: string }>() const { isLoading, proposal } = useProposal(id) - const { council } = useElectedCouncil() const constants = useProposalConstants(proposal?.details.type) - const loc = useLocation() - const voteId = new URLSearchParams(loc.search).get('showVote') const blocksToProposalExecution = useBlocksToProposalExecution(proposal, constants) + useRefetchQueries({ interval: MILLISECONDS_PER_BLOCK, include: ['getProposal', 'GetProposalVotes'] }, [proposal]) + const { council } = useElectedCouncil() + const loc = useLocation() + const voteId = new URLSearchParams(loc.search).get('showVote') const votingRounds = useVotingRounds(proposal?.votes, proposal?.proposalStatusUpdates) const [currentVotingRound, setVotingRound] = useState(0) - const votes = votingRounds[currentVotingRound] ?? votingRounds[0] - useRefetchQueries({ interval: MILLISECONDS_PER_BLOCK, include: ['getProposal', 'GetProposalVotes'] }, [proposal]) const notVoted = useMemo(() => { if ( !proposal || @@ -198,6 +198,11 @@ export const ProposalPreview = () => { + + + + {constants ? : 'Loading...'} + }