From 8515ff8ad570075ce4cf692a89ac9840d5120320 Mon Sep 17 00:00:00 2001
From: 2nthony <ant.hu@outlook.com>
Date: Wed, 3 Apr 2024 15:40:58 +0800
Subject: [PATCH] referenda delegate

---
 .../publicAnnouncement/referenda.jsx               | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/next-common/components/delegation/delegate/myDelegationSection/publicAnnouncement/referenda.jsx b/packages/next-common/components/delegation/delegate/myDelegationSection/publicAnnouncement/referenda.jsx
index d1b5e58517..87cca32269 100644
--- a/packages/next-common/components/delegation/delegate/myDelegationSection/publicAnnouncement/referenda.jsx
+++ b/packages/next-common/components/delegation/delegate/myDelegationSection/publicAnnouncement/referenda.jsx
@@ -1,9 +1,11 @@
 import { useEffect, useState } from "react";
-import Delegates from "../../referenda/members";
 import Announcement from "./announcement";
 import useRealAddress from "next-common/utils/hooks/useRealAddress";
 import nextApi from "next-common/services/nextApi";
 import { delegationReferendaDelegatesAddressApi } from "next-common/services/url";
+import ReferendaDelegateCard from "../../referenda/card";
+import MemberCardListContainer from "../../common/cardListContainer";
+import { AvatarContextProvider } from "next-common/context/avatar";
 
 export default function ReferendaAnnouncement() {
   const [data, setData] = useState();
@@ -19,8 +21,16 @@ export default function ReferendaAnnouncement() {
       });
   }, [realAddress]);
 
+  const addressAvatarMap = new Map([[data?.address, data?.manifesto?.image]]);
+
   if (data) {
-    return <Delegates delegates={[data]} />;
+    return (
+      <AvatarContextProvider addressAvatarMap={addressAvatarMap}>
+        <MemberCardListContainer>
+          <ReferendaDelegateCard delegate={data} showDelegateButton={false} />
+        </MemberCardListContainer>
+      </AvatarContextProvider>
+    );
   }
 
   return <Announcement />;