Update STX confirmation screen UI

[Imamah-Zafar]

PR Type

What kind of change does this PR introduce?

• Bugfix
• Enhancement
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Other... Please describe:

What is the current behavior?

(Optional) Resolved: #291

What is the new behavior?

Screenshot / Video

Updated screens

STX Transfer Transaction Screen:

NFT Transfer Transaction Screen:

nft.mov

FT Transfer transaction Screen:

Contract Call Transaction Screen, Message Signing screen and Contract Deploy Transaction Screen:

browser-tx.mov

[DuskaT021]

Missing Signing with field in the Sign Message screen:

figma link: https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=133-19799&t=mmMuaC0idO1aVvry-0

left image is figma, right image is branch

[DuskaT021]

Missing copy action in the copy button for all the tokens, except the btc and stx

link to figma: https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=1068-48480&t=tN7Sz7fuo799brm9-0

[DuskaT021]

Connecting to gamma.io and purchasing an nft ( tx id )left is the branch and on the right is the figma design

Hey @QUDBS is this link the latest reference to the screen when buying an nft from gamma.io? Thank you

link to figma: https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=133-19799&t=mmMuaC0idO1aVvry-0

Screen.Recording.2023-04-25.at.21.10.52.mov

[m-aboelenein]

Missing Signing with field in the Sign Message screen:

figma link: https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=133-19799&t=mmMuaC0idO1aVvry-0

left image is figma, right image is branch

This is a separate issue that will be implemented along with bitcoin message signing
#367

[QUDBS]

Connecting to gamma.io and purchasing an nft ( tx id )left is the branch and on the right is the figma design

Hey @QUDBS is this link the latest reference to the screen when buying an nft from gamma.io? Thank you

link to figma: https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=133-19799&t=mmMuaC0idO1aVvry-0

Screen.Recording.2023-04-25.at.21.10.52.mov

Not sure which figma screen you are lnking to: the good one is here https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=3657%3A127906&t=H08Fh8ifbMePEXoW-1

[DuskaT021]

Connecting to gamma.io and purchasing an nft ( tx id )left is the branch and on the right is the figma design
Hey @QUDBS is this link the latest reference to the screen when buying an nft from gamma.io? Thank you
link to figma: https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=133-19799&t=mmMuaC0idO1aVvry-0
Screen.Recording.2023-04-25.at.21.10.52.mov

Not sure which figma screen you are lnking to: the good one is here https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=3657%3A127906&t=H08Fh8ifbMePEXoW-1

Okay I used the correct one, thanks for double checking @QUDBS :)

[Imamah-Zafar]

Missing copy action in the copy button for all the tokens, except the btc and stx

link to figma: https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=1068-48480&t=tN7Sz7fuo799brm9-0

a separate issue can be opened for this since this would be on develop as well . the coin dashboard screens were not modified in this screen. issue

[Imamah-Zafar]

Connecting to gamma.io and purchasing an nft ( tx id )left is the branch and on the right is the figma design

Hey @QUDBS is this link the latest reference to the screen when buying an nft from gamma.io? Thank you

link to figma: https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=133-19799&t=mmMuaC0idO1aVvry-0

Screen.Recording.2023-04-25.at.21.10.52.mov

the layout issue has been fixed. the copy depends on the post condition and can vary from the figma file. As for the total card this also depends on the type of transaction being made. the total card will show up for transactions which have amount value in their transaction payload since the payload is used to show all information in ui. For transactions that dont have the amount payload such as purchasing nft transactions the total card isnt shown.