Skip to content

feat: connection issues view#524

Open
jvsena42 wants to merge 6 commits intomasterfrom
feat/connection-issues-view
Open

feat: connection issues view#524
jvsena42 wants to merge 6 commits intomasterfrom
feat/connection-issues-view

Conversation

@jvsena42
Copy link
Copy Markdown
Member

@jvsena42 jvsena42 commented Apr 9, 2026

Description

This PR adds a reusable connection issues overlay view that appears when the device loses internet connectivity during payment and transfer flows. The overlay shows a phone illustration with dashed gradient rings and a loading spinner, and auto-dismisses when connectivity is restored while preserving the underlying flow state.

Integrates the overlay into:

  • Send Bitcoin sheet
  • Receive Bitcoin sheet
  • Force Transfer sheet
  • Transfer to Spending screens (amount + confirm)
  • Transfer to Savings confirm screen

Linked Issues/Tasks

Screenshot / Video

QA Notes

OBS: If you are testing on emulator, you have to turn off the computer internet to simulate connection loss

1. Connection Issues Overlay - Send Sheet

  1. Open the Send Bitcoin sheet
  2. Toggle airplane mode on
  3. Connection Issues overlay should fade in over the send flow
  4. Title should read "Send Bitcoin"
  5. Dashed yellow rings and phone illustration should be visible
  6. Spinner should be animating at the bottom
  7. Re-enable connectivity
  8. Overlay should fade out and send flow state should be preserved
send-sheet.mp4
scan-sheet-zero-amount.mp4

2. Connection Issues Overlay - Receive Sheet

  1. Open the Receive Bitcoin sheet
  2. Toggle airplane mode on → overlay should appear with title "Receive Bitcoin"
  3. Re-enable connectivity → overlay fades out, receive flow preserved
receive-screen.mp4

3. Connection Issues Overlay - Force Transfer

  1. Open the Force Transfer sheet
  2. Toggle airplane mode → overlay should appear with title "Transfer Funds"
  3. Re-enable → overlay fades out

4. Connection Issues Overlay - Transfer to Spending

  1. Navigate to Transfer to Spending amount screen
  2. Toggle airplane mode → overlay appears
  3. Re-enable → overlay fades out, amount preserved
  4. Repeat on the confirm screen
transfer-to-spendings.mp4

5. Connection Issues Overlay - Transfer to Savings

  1. Navigate to Transfer to Savings confirm screen
  2. Toggle airplane mode → overlay appears
  3. Re-enable → overlay fades out
transfer-to-savings.mp4

6. No False Positives

  1. Navigate through all above flows with stable connectivity
  2. The overlay should never appear

@jvsena42 jvsena42 self-assigned this Apr 9, 2026
@jvsena42
Copy link
Copy Markdown
Member Author

it looks like the other__connection_issue_explain toast is not implemented. I'll do it in other PR to keep this one as simple as possible

@jvsena42 jvsena42 marked this pull request as ready for review April 10, 2026 12:46
@claude
Copy link
Copy Markdown

claude bot commented Apr 10, 2026

Code review

No issues found. Checked for bugs and CLAUDE.md compliance.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant