Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

UI4: Transaction Details Scene #4586

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Jon-edge merged 11 commits into develop from jon/ui4/tx-details
Dec 12, 2023
Merged

UI4: Transaction Details Scene #4586

Jon-edge merged 11 commits into develop from jon/ui4/tx-details
Dec 12, 2023

Conversation

@Jon-edge
Copy link
Collaborator

@Jon-edge Jon-edge commented Nov 17, 2023
edited
Loading

Implement UI4 changes for Transaction Details Scene

image
image

CHANGELOG

Does this branch warrant an entry to the CHANGELOG?

  • Yes
  • No

Dependencies

#4593

Requirements

If you have made any visual changes to the GUI. Make sure you have:

  • Tested on iOS device
  • Tested on Android device
  • Tested on small-screen device (iPod Touch)
  • Tested on large-screen device (tablet)

@Jon-edge Jon-edge force-pushed the jon/ui4/tx-details branch 10 times, most recently from 4b5d08c to 82c3d63 Compare November 22, 2023 23:35
Copy link
Contributor

@swansontec swansontec left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I found a few small things, but overall I am really happy with how this cleaned up!

If the UI4 work is going to side on the sidelines for a few weeks, would it make sense to cherry-pick the function-style component upgrade into its own mini-PR? That way we can get the work in right away.


// spendTargets recipient addresses format
let recipientsAddresses = ''
if (transaction.spendTargets) {
Copy link
Contributor

@swansontec swansontec Nov 24, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add != null

Copy link
Contributor

@swansontec swansontec Dec 5, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Still not fixed, but not a big deal.

Copy link
Collaborator Author

@Jon-edge Jon-edge Dec 5, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oops, I'll get this in before merging


const { name = '' } = localMetadata

// #region Crypto Fiat Rows
Copy link
Contributor

@swansontec swansontec Nov 24, 2023
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a good cleanup! The only reason TransactionFiatTiles existed was so we could use hooks, and now that the parent is finally converted, all this stuff can finally move over. 🎉

Jon-edge reacted with hooray emoji
@Jon-edge Jon-edge force-pushed the jon/ui4/tx-details branch 4 times, most recently from 13b05c3 to 38381b8 Compare December 4, 2023 23:50
@Jon-edge Jon-edge force-pushed the jon/ui4/tx-details branch 6 times, most recently from 5f3f31b to 48510a7 Compare December 5, 2023 22:41
Jon-edge added a commit that referenced this pull request Dec 5, 2023
@Jon-edge Jon-edge force-pushed the jon/ui4/tx-details branch 4 times, most recently from 6e4c5c3 to f7977a0 Compare December 12, 2023 22:19
Adhere to a new convention of not arbitrarily grouping elements together that are not really a visual grouping
Using the new "Row" naming since this is exclusively used in a UI4 scene now
Padding wasn't being properly passed.
When all scenes are updated to UI4, all components will share a split 0.5/0.5 rem margin/padding by default.
- Move My Receive Address into the card
- Move Transaction ID out of the card
Also add more bottom margin.
This allows the user to bring the button closer the middle of the screen. The middle of the screen has a higher tap accuracy than the bottom edge of the screen.
Previously the string was completely right justified, inconsistent with the other rows and also looking like a tappable element when the percent change was positive and in the same area as the right tappable icons.
- Make the percent string more visually similar to TickerText
- Make spacing for + signs consistent in the amount field.
- Only show the percent change if there is a visual difference in fiat price
@Jon-edge Jon-edge merged commit 2694c40 into develop Dec 12, 2023
@Jon-edge Jon-edge deleted the jon/ui4/tx-details branch December 12, 2023 22:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@swansontec swansontec swansontec approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

AltStyle によって変換されたページ (->オリジナル) /