ant-design / ant-design-web3

🥳 Efficient react components for building dapps easier | Connect crypto wallets and more Web3 UI components | Web3 icons | Supports Ethereum, Solana, Bitcoin, TON and others.
https://web3.ant.design
MIT License
809 stars 126 forks source link

Add connect and disconnect status #640

Open yutingzhao1991 opened 5 months ago

yutingzhao1991 commented 5 months ago
image image

类似这种效果,用户连接后因为其他原因断开后显示红点,这样提示用户账号状态异常。另外冲视觉上来说,也更和『连接』、『断开连接』的语义符合。

wagmi 本身也有这样的状态 https://wagmi.sh/react/api/hooks/useAccount

image

参考效果:

https://app.nostra.finance/

image
jeasonstudio commented 5 months ago

screenshot-va6gcCUJ@2x

还应该加这种「已连接但未登录(签名)」的状态

jeasonstudio commented 5 months ago

四种状态:未连接、已链接、未签名(可选)、已签名。 需要整理成设计需求。