diff --git a/frontend/src/components/ProposalCard.tsx b/frontend/src/components/ProposalCard.tsx index 6c6c32a2..53229198 100644 --- a/frontend/src/components/ProposalCard.tsx +++ b/frontend/src/components/ProposalCard.tsx @@ -47,6 +47,14 @@ function KindSummary({ proposal }: { proposal: Proposal }) {

Send {proposal.amount} {proposal.token}

+ + {/* NAN NE RAWAMOUNT */} + {proposal.rawAmount && proposal.rawAmount !== "-" && ( +

+ Raw: {proposal.rawAmount} stroops +

+ )} +

To {proposal.to}

@@ -77,8 +85,15 @@ function KindSummary({ proposal }: { proposal: Proposal }) { Owner {proposal.to}

+ Limit {proposal.amount} for {proposal.token} +

Limit {proposal.amount} for {proposal.token}

+ {proposal.rawAmount && proposal.rawAmount!== "-" && ( +

+ Raw: {proposal.rawAmount} +

+ )} ); case "change_owner_weight": @@ -99,7 +114,6 @@ function KindSummary({ proposal }: { proposal: Proposal }) {

); default: { - // exhaustive check const _: never = proposal.kind; return null; } @@ -114,8 +128,8 @@ export function ProposalCard({ onRevoke, ownerWeights = {}, }: ProposalCardProps) { - const connected = !!walletAddress; - const showApprove = proposal.status === "pending" && !proposal.userHasApproved; + const connected =!!walletAddress; + const showApprove = proposal.status === "pending" &&!proposal.userHasApproved; const [copiedLink, setCopiedLink] = useState(false); const [copiedProposer, setCopiedProposer] = useState(false); const [awaitingConfirmation, setAwaitingConfirmation] = useState(false); @@ -134,7 +148,7 @@ export function ProposalCard({ }, [copiedProposer]); useEffect(() => { - if (proposal.status !== "ready") { + if (proposal.status!== "ready") { setAwaitingConfirmation(false); } }, [proposal.status]); @@ -162,7 +176,7 @@ export function ProposalCard({ }; return ( -
+

@@ -170,7 +184,7 @@ export function ProposalCard({

{labels.title}

- + {labels.badge}
@@ -202,13 +216,13 @@ export function ProposalCard({ onClick={() => copyAddress(proposal.proposer)} aria-label={ copiedProposer - ? `Proposer address copied for proposal #${proposal.id}` + ? `Proposer address copied for proposal #${proposal.id}` : `Copy proposer address for proposal #${proposal.id}` } className="rounded text-zinc-500 transition-colors hover:text-zinc-200 focus:outline-none focus:ring-2 focus:ring-zinc-400" - title={copiedProposer ? "Copied" : "Copy address"} + title={copiedProposer? "Copied" : "Copy address"} > - {copiedProposer ? ( + {copiedProposer? ( ) : ( @@ -236,13 +250,13 @@ export function ProposalCard({ onClick={copyProposalLink} aria-label={ copiedLink - ? `Proposal link copied for proposal #${proposal.id}` + ? `Proposal link copied for proposal #${proposal.id}` : `Copy proposal link for proposal #${proposal.id}` } className="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-zinc-800 text-zinc-400 transition-colors hover:border-zinc-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-zinc-400" - title={copiedLink ? "Link copied" : "Copy proposal link"} + title={copiedLink? "Link copied" : "Copy proposal link"} > - {copiedLink ? ( + {copiedLink? ( ) : ( @@ -253,7 +267,7 @@ export function ProposalCard({ role="note" aria-label={`Category: ${proposal.category}`} className={`text-xs px-2 py-0.5 rounded-full font-mono capitalize ${ - CATEGORY_STYLES[proposal.category] ?? "bg-zinc-800 text-zinc-400" + CATEGORY_STYLES[proposal.category]?? "bg-zinc-800 text-zinc-400" }`} > {proposal.category} @@ -264,14 +278,10 @@ export function ProposalCard({
- {/* ApprovalBar uses the proposal's snapshotted quorumWeight fixed at - creation time — not the live totalWeight. This ensures the progress - bar reflects the original approval requirement even if owner weights - change after the proposal is created. */}
@@ -283,12 +293,12 @@ export function ProposalCard({ onClick={() => onApprove(proposal.id)} aria-label={ connected - ? `Approve proposal #${proposal.id}` + ? `Approve proposal #${proposal.id}` : `Connect and approve proposal #${proposal.id}` } className="text-xs bg-emerald-600 hover:bg-emerald-500 text-white px-3 py-1 rounded-lg transition-colors font-medium disabled:opacity-50 focus:ring-2 focus:ring-zinc-400 focus:outline-none" > - {connected ? "Approve" : "Connect & Approve"} + {connected? "Approve" : "Connect & Approve"} )} @@ -305,7 +315,7 @@ export function ProposalCard({ )} - {connected && proposal.status === "ready" && !awaitingConfirmation && ( + {connected && proposal.status === "ready" &&!awaitingConfirmation && (