diff --git a/react-app/src/components/ProposalDetailScreen/ProposalHeader.tsx b/react-app/src/components/ProposalDetailScreen/ProposalHeader.tsx index 274afc89..6791c7d6 100644 --- a/react-app/src/components/ProposalDetailScreen/ProposalHeader.tsx +++ b/react-app/src/components/ProposalDetailScreen/ProposalHeader.tsx @@ -160,6 +160,8 @@ const ProposalTypeAndProposer: React.FC<{ proposal: Proposal }> = ({ }) => { const { type, proposerAddress, submitTime } = proposal; + const typeNameId = getProposalTypeMessage(type); + return (
= ({

- + {typeNameId !== null ? : type}

diff --git a/react-app/src/components/proposals/ProposalCard.tsx b/react-app/src/components/proposals/ProposalCard.tsx index f3d824a0..c6f45c7d 100644 --- a/react-app/src/components/proposals/ProposalCard.tsx +++ b/react-app/src/components/proposals/ProposalCard.tsx @@ -50,6 +50,11 @@ const ProposalCard: React.FC = (props) => { }); }, [proposal]); + const proposalTypeNameId = useMemo( + () => getProposalTypeMessage(proposal.type), + [proposal] + ); + return (

= (props) => { "text-app-darkgrey" )} > - + {proposalTypeNameId !== null ? ( + + ) : ( + proposal.type + )}