Only passing sections that contain data

[chiragsalian]

Details

Seems like there is some funkiness with the Sections component that i don't completely get. If we pass sections with empty data it sorta screws up the view when we enter a custom email or phone when the component never had non-empty values before. Removing the empty data values seems to have resolved the issue.

Fixed Issues

$ #7032
$ #6945

Tests / QA

1. Create a new account.
2. Create a workspace, then click on profile -> the workspace -> Manage members -> invite -> Type a random valid email.
3. Confirm it shows up below the input as a clickable option.
   
4. Close this sidebar. Then click on the green plus icon on the bottom and select request money. Enter an amount and then a valid email.
5. Confirm the email shows up below the input as a clickable option.
   
6. Also on mobile i tested logging into an exiting account and going to request money/ manage members and confirming the existing list of recent and contacts scroll just fine. i.e., confirmed this issue didn't occur again.

QA Steps

• Verify that no errors appear in the JS console

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Mobile Web

Desktop

iOS

Android

[neil-marcellini]

The tests work and it looks like the issues have been fixed.

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[OSBotify]

🚀 Deployed to staging by @neil-marcellini in version: 1.1.30-4 🚀

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

[OSBotify]

🚀 Deployed to production by @chiragsalian in version: 1.1.31-1 🚀

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