From a18610138e641044d608d4dbeb5e8ef59c741885 Mon Sep 17 00:00:00 2001
From: yayay927 <32444273+yayay927@users.noreply.github.com>
Date: Wed, 3 Nov 2021 08:14:55 +0800
Subject: [PATCH] 477/base/proposal return null (#493)

---
 src/pages/proposals/[id].tsx                     |  4 ++--
 .../deposits/components/desktop/index.tsx        | 16 +++++++++++-----
 .../deposits/components/mobile/index.tsx         | 16 +++++++++++-----
 3 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/pages/proposals/[id].tsx b/src/pages/proposals/[id].tsx
index f7f098bce2..cb7820219a 100644
--- a/src/pages/proposals/[id].tsx
+++ b/src/pages/proposals/[id].tsx
@@ -1,8 +1,8 @@
-import TokenDetails from '@src/screens/proposal_details';
+import ProposalDetails from '@src/screens/proposal_details';
 
 const TokenDetailsPage = () => {
   return (
-    <TokenDetails />
+    <ProposalDetails />
   );
 };
 
diff --git a/src/screens/proposal_details/components/deposits/components/desktop/index.tsx b/src/screens/proposal_details/components/deposits/components/desktop/index.tsx
index f7fc6d44d5..bd1a8ff3ca 100644
--- a/src/screens/proposal_details/components/deposits/components/desktop/index.tsx
+++ b/src/screens/proposal_details/components/deposits/components/desktop/index.tsx
@@ -24,11 +24,17 @@ const Desktop: React.FC<{
   const formattedItems = items.map((x) => {
     return ({
       depositor: (
-        <AvatarName
-          address={x.user.address}
-          imageUrl={x.user.imageUrl}
-          name={x.user.name}
-        />
+        <>
+          {x.user.address ? (
+            <AvatarName
+              address={x.user.address}
+              imageUrl={x.user.imageUrl}
+              name={x.user.name}
+            />
+          ) : (
+            <>-</>
+          )}
+        </>
       ),
       amount: `${numeral(x.amount.value).format(x.amount.format)} ${x.amount.denom.toUpperCase()}`,
     });
diff --git a/src/screens/proposal_details/components/deposits/components/mobile/index.tsx b/src/screens/proposal_details/components/deposits/components/mobile/index.tsx
index 2cf7e593b2..51b6616edd 100644
--- a/src/screens/proposal_details/components/deposits/components/mobile/index.tsx
+++ b/src/screens/proposal_details/components/deposits/components/mobile/index.tsx
@@ -21,11 +21,17 @@ const Mobile: React.FC<{
   const formattedItems = items.map((x) => {
     return ({
       depositor: (
-        <AvatarName
-          address={x.user.address}
-          imageUrl={x.user.imageUrl}
-          name={x.user.name}
-        />
+        <>
+          {x.user.address ? (
+            <AvatarName
+              address={x.user.address}
+              imageUrl={x.user.imageUrl}
+              name={x.user.name}
+            />
+          ) : (
+            <>-</>
+          )}
+        </>
       ),
       amount: `${numeral(x.amount.value).format(x.amount.format)} ${x.amount.denom.toUpperCase()}`,
     });