fix: gnosis account selector empty (#2328)

RabbyHub · Jun 14, 2024 · be30e41 · be30e41
1 parent f9b7dfa
commit be30e41
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/ui/assets/empty-cc.svg b/src/ui/assets/empty-cc.svg
diff --git 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}>