diff --git a/components/ProposalCard.tsx b/components/ProposalCard.tsx
index af44c48b..cc35d1a0 100644
--- a/components/ProposalCard.tsx
+++ b/components/ProposalCard.tsx
@@ -1,5 +1,6 @@
import { InfoCircledIcon, TriangleDownIcon } from "@radix-ui/react-icons";
-import { useContext, useState } from "react";
+import { useContext, useState, useMemo } from "react";
+import { render } from "react-dom";
import { AppStateContext } from "../context/state";
import { proposalContent } from "../types/display";
import { walletToken } from "../utils/useWalletTokens";
@@ -7,6 +8,7 @@ import { signers } from "../versioned/apis";
import Alias from "./Alias";
import RenderProposalContentLambda, {
labelOfProposalContentLambda,
+ contentToData,
} from "./RenderProposalContentLambda";
import RenderProposalContentMetadata, {
labelOfProposalContentMetadata,
@@ -42,6 +44,10 @@ const ProposalCard = ({
shouldResolve = false,
metadataRender = false,
}: ProposalCardProps) => {
+ const rows = useMemo(
+ () => content.map(v => contentToData(v, walletTokens)),
+ content
+ );
const state = useContext(AppStateContext)!;
const currentContract = state.currentContract ?? "";
@@ -52,6 +58,18 @@ const ProposalCard = ({
const allSigners = signers(state.contracts[currentContract]);
+ const renderRow = () => {
+ const tmp = [];
+ for (let i = 0; i < rows.length; i++) {
+ metadataRender
+ ? tmp.push(
+
Params/Token
+Params/Tokens
Action:{" "}