From be30e41feeb552649d7b42c079894b7db7195f6e Mon Sep 17 00:00:00 2001
From: Hodor <lost1q84@gmail.com>
Date: Fri, 14 Jun 2024 16:52:24 +0800
Subject: [PATCH] fix: gnosis account selector empty (#2328)

---
 src/ui/assets/empty-cc.svg                     |  7 +++++++
 src/ui/component/AccountSelectDrawer/index.tsx | 11 +++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 src/ui/assets/empty-cc.svg

diff --git a/src/ui/assets/empty-cc.svg b/src/ui/assets/empty-cc.svg
new file mode 100644
index 00000000000..5829ddc5a20
--- /dev/null
+++ b/src/ui/assets/empty-cc.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.3332 22.4987V4.9987C33.3332 4.07822 32.587 3.33203 31.6665 3.33203H8.33317C7.4127 3.33203 6.6665 4.07822 6.6665 4.9987V34.9987C6.6665 35.9192 7.4127 36.6654 8.33317 36.6654H17.4998" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.1665 10H25.8332" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.1665 16.668H25.8332" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.1665 23.332H19.1665" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32.5 36.668L29.6129 33.7809M29.6129 33.7809C30.367 33.0269 30.8333 31.9852 30.8333 30.8346C30.8333 28.5335 28.9678 26.668 26.6667 26.668C24.3655 26.668 22.5 28.5335 22.5 30.8346C22.5 33.1358 24.3655 35.0013 26.6667 35.0013C27.8172 35.0013 28.8589 34.535 29.6129 33.7809Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/ui/component/AccountSelectDrawer/index.tsx b/src/ui/component/AccountSelectDrawer/index.tsx
index c7db33f4ea5..01ee98846ee 100644
--- a/src/ui/component/AccountSelectDrawer/index.tsx
+++ b/src/ui/component/AccountSelectDrawer/index.tsx
@@ -13,6 +13,7 @@ import './style.less';
 import { CommonSignal } from '../ConnectStatus/CommonSignal';
 import { useWalletConnectIcon } from '../WalletConnect/useWalletConnectIcon';
 import { findChain } from '@/utils/chain';
+import { ReactComponent as RcIconEmpty } from '@/ui/assets/empty-cc.svg';
 
 interface AccountSelectDrawerProps {
   onChange(account: Account): void;
@@ -190,6 +191,16 @@ const AccountSelectDrawer = ({
             }
           />
         ))}
+        {!accounts?.length ? (
+          <div className="flex flex-col items-center justify-center h-full text-r-neutral-foot">
+            <div className="w-[32px] h-[32px] mb-[16px]">
+              <RcIconEmpty />
+            </div>
+            <div className="text-[14px] leading-[24px]">
+              No available address
+            </div>
+          </div>
+        ) : null}
       </div>
       <div className="footer">
         <Button type="primary" onClick={onCancel}>