[Notify Beta.1] Swift web3inbox sample wallet UI/UX issues

WalletConnect / WalletConnectSwiftV2

WalletConnect Swift SDK v2

https://docs.walletconnect.com

Apache License 2.0

373 stars 183 forks source link

[Notify Beta.1] Swift web3inbox sample wallet UI/UX issues #1156

Open chadyj opened 1 year ago

chadyj commented 1 year ago

placeholder

### Tasks
- [ ] Improve Connections page
- [ ] Improve Scanner page
- [ ] Improve Connection requests
- [ ] Improve Navigation bar
- [ ] Improve Settings page
- [ ] Improve preferences sheet
- [ ] https://github.com/WalletConnect/WalletConnectSwiftV2/issues/1180
- [ ] https://github.com/WalletConnect/WalletConnectSwiftV2/issues/1181

herrhaase commented 1 year ago

Improve Connections page

This is how it should look.

herrhaase commented 1 year ago

Improve Scanner page

This is how it should look

herrhaase commented 1 year ago

Improve Connection Request

This is how it should look.

If you need a dedicated detail view for seeing all the different accounts and methods for debugging, let me know and I'll add it.

herrhaase commented 1 year ago

Improve Navigation bar

Should contain:

[ ] new icons
[ ] new font styles
[ ] bubbles for active requests ("Connections") or new notifications ("Inbox")

[ ] remove grey, blurred background when content is overflowing

herrhaase commented 1 year ago

Improve Settings page

Should look like this

herrhaase commented 1 year ago

Improve preferences sheet

[ ] background is not dimmed enough
[ ] Corner radius of sheet is not aligned with design
[ ] Remove loose separator line under "Update" button
[ ] Adjust "update" button in accordance with design
[ ] Adjust toggle button in accordance with design
[ ] Adjust label font styles in accordance with design
[ ] Adjust separator lines in accordance with design (lighter, edge-to-edge)
[ ] Capitalize all headlines
[ ] ❌ Fix bug: updating preferences is not getting saved properly, keep resetting when sheet is closed

Design

Current implementation!