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
+ )}