build the Transaction Detail screen

[true-jared]

1. build a Transaction Detail screen:

• Light Mode: https://www.figma.com/design/ItxXKIvUZRpdabGhMAlmPs/PR-Designs-(2024)?node-id=3894-6276&t=bK1suQx1tjGGqHKx-4

• Dark Mode: https://www.figma.com/design/ItxXKIvUZRpdabGhMAlmPs/PR-Designs-(2024)?node-id=4489-5625&t=bK1suQx1tjGGqHKx-4

• a user can access a Transaction Detail screen for each of their transactions:

  • by tapping on a specific transaction on the Home Screen
    • in case they tap on the back arrow, we should route them back on the Home Screen
  • by tapping on a specific transaction on the new Transaction History screen
    • in case they tap on the back arrow, we should route them back on the Home Screen
  • by tapping on the View transaction button at the end of the Send flow
    • in this specific case, display an X to allow the user to close the Transaction Detail screen, and be routed back to the Home Screen

2. on the Transaction Detail screen, a user may:

• bookmark a transaction by tapping on the new bookmark icon
• filter for bookmarked transactions on the [Transaction History screen](https://www.figma.com/design/ItxXKIvUZRpdabGhMAlmPs/PR-Designs-(2024)?node-id=5522-6301&t=bK1suQx1tjGGqHKx-4
• this information should ONLY be saved locally and ONLY backed up encrypted as a part of private transaction metadata
• show/hide transaction amount by tapping on the eye icon
• add a note to a transaction by tapping on the Add a note button (scoped out separately)
• save contact by tapping on the Save address button
  • a user should be routed to the Add new contact screen with the wallet address pre-filled and cursor ready in the Contact name input field
• send a transaction again by tapping on the Send again button
  • a user should be routed to a pre-filled Send form which they can edit
• copy transaction ID by tapping on it
• copy address by tapping on it
• copy a memo text by tapping on it, and mark a part of the memo text and copy/share it using long press and the corresponding native actions
• expand transaction details by tapping on the Sent to field

3. Transaction Detail screen variations:

• In Progress transactions:

  • Sending
  • Receiving
  • Shielding

• Sent shielded transactions (with a memo)

  • if a memo is longer than 130 characters, display it contracted and allow the user to expand it upon tap anywhere on the message field

• Sent shielded transactions (without a memo)

• Sent transparent transactions

• Received shielded transactions (with a memo)

  • if a memo is longer than 130 characters, display it contracted and allow the user to expand it upon tap anywhere on the message field

• Received shielded transactions (without a memo)

• Received transparent transactions

• Shielding transactions

• during Restore process when some information is not available yet

• Shielded transaction with Multiple Memos