=> {
+ if (proposal.isExpedited && isDepositOrVoting) return "primary.background";
+ return isDepositFailed ? undefined : "gray.900";
+ };
+
return (
-
-
+ div": { bgColor: hoverBg } }}
+ onClick={
+ !isDepositFailed
+ ? () => {
+ AmpTrackMintscan("proposal-detail", {
+ type: proposal.type,
+ status: proposal.status,
+ });
+ // TOOD: revisit retrieving url (make a proper hook)
+ openNewTab(
+ getNavigationUrl(
+ "proposal_id",
+ explorerLink,
+ proposal.proposalId.toString(),
+ lcdEndpoint
+ )
+ );
+ }
+ : undefined
+ }
+ >
+
-
- {proposal.title}
+
+
+
+
-
+
+
+
-
-
-
- {proposal.type}
+
+
+
-
+
);
diff --git a/src/lib/components/table/proposals/Proposer.tsx b/src/lib/components/table/proposals/Proposer.tsx
index 563f29a6e..178f30ac5 100644
--- a/src/lib/components/table/proposals/Proposer.tsx
+++ b/src/lib/components/table/proposals/Proposer.tsx
@@ -12,15 +12,17 @@ export const Proposer = ({
amptrackSection?: string;
}) => {
const getAddressType = useGetAddressType();
-
return proposer ? (
) : (
- N/A
+
+ N/A
+
);
};
diff --git a/src/lib/components/table/proposals/ResolvedHeight.tsx b/src/lib/components/table/proposals/ResolvedHeight.tsx
index 2a51910d6..5775cef15 100644
--- a/src/lib/components/table/proposals/ResolvedHeight.tsx
+++ b/src/lib/components/table/proposals/ResolvedHeight.tsx
@@ -6,24 +6,32 @@ import type { ProposalsTableRowProps } from "./ProposalsTableRow";
export const ResolvedHeight = ({
resolvedHeight,
- isDepositFailed,
isDepositOrVoting,
amptrackSection,
}: {
resolvedHeight: ProposalsTableRowProps["proposal"]["resolvedHeight"];
- isDepositFailed: boolean;
isDepositOrVoting: boolean;
amptrackSection?: string;
}) => {
- if (isDepositOrVoting) return Pending;
- if (!resolvedHeight || isDepositFailed)
- return N/A;
+ if (isDepositOrVoting)
+ return (
+
+ Pending
+
+ );
+ if (!resolvedHeight)
+ return (
+
+ N/A
+
+ );
return (
);
};
diff --git a/src/lib/components/table/proposals/StatusChip.tsx b/src/lib/components/table/proposals/StatusChip.tsx
index 9ef3b048c..4e4521396 100644
--- a/src/lib/components/table/proposals/StatusChip.tsx
+++ b/src/lib/components/table/proposals/StatusChip.tsx
@@ -10,17 +10,17 @@ const getBgColor = (
): CSSProperties["backgroundColor"] => {
switch (status) {
case ProposalStatus.DEPOSIT_PERIOD:
- return "lilac.darker";
+ return "secondary.darker";
case ProposalStatus.FAILED:
case ProposalStatus.REJECTED:
return "error.dark";
case ProposalStatus.PASSED:
return "success.dark";
case ProposalStatus.VOTING_PERIOD:
- return "violet.dark";
+ return "primary.dark";
case ProposalStatus.DEPOSIT_FAILED:
default:
- return "pebble.700";
+ return "gray.700";
}
};
@@ -35,7 +35,7 @@ export const StatusChip = ({
return (
{formatStatus}
- {hasCloseBtn && }
+ {hasCloseBtn && }
);
};
diff --git a/src/lib/components/table/proposals/VotingEndTime.tsx b/src/lib/components/table/proposals/VotingEndTime.tsx
index 401b25e97..94aa4583b 100644
--- a/src/lib/components/table/proposals/VotingEndTime.tsx
+++ b/src/lib/components/table/proposals/VotingEndTime.tsx
@@ -34,14 +34,16 @@ export const VotingEndTime = ({
onClick={(e) => e.stopPropagation()}
cursor="initial"
>
- {isDepositPeriod ? "Voting not started" : formatUTC(votingEndTime)}
-
+
+ {isDepositPeriod ? "Voting not started" : formatUTC(votingEndTime)}
+
+
(
{isDepositPeriod
? `Deposit Period ends ${dateFromNow(depositEndTime)}`
: dateFromNow(votingEndTime)}
)
-
+