Show growl when clicking on links in offline mode

[tgolen]

Fixed Issues

$ https://github.com/Expensify/Expensify/issues/180868

Tests / QA

1. Go to settings > about
2. Verify the external links work
3. Go offline
4. Click on an external link
5. Verify that you see a growl
6. Go back online
7. Click on an external link
8. Verify that they work
9. Repeat step 2-8 on Settings > Workspace > (any external link to OldDot on any of these pages like view bills or view invoices)

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Mobile Web

Desktop

iOS

Android

[github-actions]

⚠️ ⚠️ Heads up! This pull request has the CP Staging label. ⚠️ ⚠️
Merging it will cause it to be immediately deployed to staging, even if the open StagingDeployCash deploy checklist is locked.

[aldo-expensify]

Not sure if this is out of the scope, but trying to create the workspace when offline doesn't give feedback:

Screen.Recording.2021-10-12.at.11.07.57.AM.mov

It seems like the workspaces were created anyway:

[aldo-expensify]

When offline, if follow:

• Workspace > Issue corporate cards > Connect bank account, or
• Workspace > Reimburse receipts > Connect bank account

you get to a page with the text: "We’re taking a look at your information. You will be able to continue with next steps shortly." and without a button to go back on the top.

This message is incorrect for this situation, right?

Screen.Recording.2021-10-12.at.11.16.02.AM.mov

[tgolen]

Thanks, @aldo-expensify. The workspace creation is out-of-scope for this, yeah. You might want to bring it up in the N6 room on slack though.

The issue with the bank account page is also out-of-scope and being discussed over here in slack.

[aldo-expensify]

I guess this may be out of the scope, but leaving a comment to remember. The "Manage members" doesn't work well offline, members get added locally, but there is not feedback. Trying again results in an error of adding a member that is already there.

Screen.Recording.2021-10-12.at.11.23.49.AM.mov

[tgolen]

Heh, yeah... I think most of our forms will have this problem.

[aldo-expensify]

Code looks good to me, tested on web and works for me!

[OSBotify]

🚀 Cherry-picked to staging by @aldo-expensify in version: 1.1.7-5 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

@Expensify/applauseleads please QA this PR and check it off on the deploy checklist if it passes.

[OSBotify]

🚀 Deployed to production by @AndrewGable in version: 1.1.7-24 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[OSBotify]

🚀 Deployed to staging by @aldo-expensify in version: 1.1.7-25 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[OSBotify]

🚀 Deployed to production by @roryabraham in version: 1.1.8-9 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅