status-im / status-desktop

Status Desktop client made in Nim & QML
https://status.app
Mozilla Public License 2.0
301 stars 79 forks source link

feat(@desktop/wallet): Adapt Token Selector #16733

Open Khushboo-dev-cpp opened 2 weeks ago

Khushboo-dev-cpp commented 2 weeks ago

fixes #16702

What does the PR do

Adapts the TokenSelectors and its components to adapt to new design from Ben here - https://www.figma.com/design/FkFClTCYKf83RJWoifWgoX/Wallet-v2?node-id=25229-108897&t=Ech2sOd4zCGhGFzC-4 https://www.figma.com/design/FkFClTCYKf83RJWoifWgoX/Wallet-v2?node-id=25232-114042&t=x7Ukt7ixxp7Ji84n-4

Affected areas

TokenSelector SendModal

Architecture compliance

Screenshot of functionality (including design for comparison)

Token Selector Button size is not 24 not 21. https://github.com/user-attachments/assets/6947b3d8-4256-4f4e-83ac-454781c6db41

Searchable Assets and Collectibles now have padding of 4px and spacing of 4x. On Hover Collectible shows contract network Only 5.5 items are shown On search the top item is highlighted and user can press enter to quickly select it. https://github.com/user-attachments/assets/d06cc015-3c1b-448c-8377-042616db8a62

Empty Collectibles list state

image
status-im-auto commented 2 weeks ago

Jenkins Builds

:grey_question: Commit :hash: Finished (UTC) Duration Platform Result
:heavy_check_mark: 9e7dad73 #1 2024-11-08 11:30:22 ~6 min macos/aarch64 :apple:dmg
:heavy_check_mark: 9e7dad73 #1 2024-11-08 11:31:42 ~8 min tests/nim :page_facing_up:log
:x: 9e7dad73 #1 2024-11-08 11:35:03 ~11 min tests/ui :page_facing_up:log
:heavy_check_mark: 9e7dad73 #1 2024-11-08 11:40:37 ~17 min linux/x86_64 :package:tgz
:heavy_check_mark: 9e7dad73 #1 2024-11-08 11:41:58 ~18 min macos/x86_64 :apple:dmg
:heavy_check_mark: 9e7dad73 #1 2024-11-08 11:45:47 ~22 min windows/x86_64 :cd:exe
:heavy_check_mark: 9e7dad73 #1 2024-11-08 11:47:20 ~23 min linux-nix/x86_64 :package:tgz
:heavy_check_mark: a7ca3e63 #2 2024-11-22 17:07:53 ~5 min macos/aarch64 :apple:dmg
:heavy_check_mark: a7ca3e63 #2 2024-11-22 17:10:55 ~8 min tests/nim :page_facing_up:log
:heavy_check_mark: a7ca3e63 #2 2024-11-22 17:14:44 ~12 min tests/ui :page_facing_up:log
:heavy_check_mark: a7ca3e63 #2 2024-11-22 17:19:04 ~16 min macos/x86_64 :apple:dmg
:heavy_check_mark: a7ca3e63 #2 2024-11-22 17:19:34 ~17 min linux-nix/x86_64 :package:tgz
:heavy_check_mark: a7ca3e63 #2 2024-11-22 17:25:25 ~22 min linux/x86_64 :package:tgz
:heavy_check_mark: a7ca3e63 #2 2024-11-22 17:27:56 ~25 min windows/x86_64 :cd:exe