[Hold for Payment 30-11-22][$500] Close account - Refactor to use Form component

[kbecciv]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

New problem:

New plan = refactor Close Account page to use the Form component. When testing, make sure everything on that page looks good (success, errors, offline behavior, etc)

Old problem: The close account button is active in offline mode

Action Performed:

1. Navigate to https://staging.new.expensify.com/
2. Log in with any account
3. Disable the internet connection in the device
4. Go to Settings > Security > Close Account
5. Copy email address from "Default contact method"
6. Insert into "Enter your default contact method"
7. Leave the top field blank "Enter message here"

Expected Result:

The close account button is not active in offline mode

Actual Result:

The close account button is active in offline mode

Workaround:

Unknown

Platform:

Where is this issue occurring?

• Web
• iOS
• Android
• Desktop App
• Mobile Web

Version Number: 1.2.7.2

Reproducible in staging?: Yes

Reproducible in production?: Yes

Email or phone of affected tester (no customers): any

Logs: https://stackoverflow.com/c/expensify/questions/4856

Notes/Photos/Videos: Any additional supporting documentation

Bug5751243_Bandicam_2022-09-27_17-14-19-339.mp4

Expensify/Expensify Issue URL:

Issue reported by: Applause- Internal Team

Slack conversation:

View all open jobs on GitHub

[melvin-bot]

Triggered auto assignment to @Beamanator (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[Beamanator]

Nice, good call - the Close Account button should be disabled while offline, as this flow is Pattern C (Blocking Form)

[melvin-bot]

Triggered auto assignment to @laurenreidexpensify (External), see https://stackoverflow.com/c/expensify/questions/8582 for more details.

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @thesahindia (External)

[melvin-bot]

Current assignee @Beamanator is eligible for the External assigner, not assigning anyone new.

[Beamanator]

Removing "Web" from the title since this probably affects all platforms?