status-im / status-mobile

a free (libre) open source, mobile OS for Ethereum

https://status.app

Mozilla Public License 2.0

3.91k stars 984 forks source link

Keycard migration UI issues #21613

Open mariia-skrypnyk opened 1 week ago

mariia-skrypnyk commented 1 week ago

Bug Report

https://github.com/status-im/status-mobile/pull/21467

Problem

Keycard migration was implemented before some design changes so now some UI should be fixed according to updated design version here:

Reproduction

Login to app
Turn on Keycard feature flag
Go to Keycard Profile menu
Start migration flow

ISSUE 1: Text should be "near the Keycard"

Design VS Implementation

ISSUE 2:

Design VS Implementation

delete "to login"
hand image with low quality
custom button color
"generate new key pair" should be changed as designed
"upvote them" and "Status community" are links

ISSUE 3:

Design VS Implementation

text doesn't fit
custom color
wong icon
wrong text

ISSUE 4:

Design VS Implementation

"on all synced devices" - delete text
wrong icon and color

ISSUE 5:

Design VS Implementation

card color
remove "Card"
add logout block
text should be changed (+ links)

ISSUE 6:

Design VS Implementation

red circle is missing
background color is not the same (maybe in the whole flow ?)

ISSUE 7:

Design VS Implementation

add info icon
change Screen name
change text below screen name
remove "card"
change card color
change text in "To unlock" block

ISSUE 8:

Design VS Implementation

status bar color
add card
pin dots should be higher

Additional Information

Status version: nightly
Operating System: Android, iOS