Phone number field: Adds helper icon to improve how supported phone number types are shown

[rithviknishad]

Proposed Changes

• Fixes Mobile/Landline Icons are not responding #8051
• Adds a utility fn. to humanize array of strings (join with ',' and 'and')

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
care-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 10, 2024 4:12am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	1e4aeff
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/668e0a0841289900080589ef
😎 Deploy Preview	https://deploy-preview-8126--care-egov-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[cypress]

Passing run #2837 ↗︎

0

126

0

0

0

Details:

Phone number field: Adds helper icon to improve how supported phone number types...
Project: CARE	Commit: 1e4aefff22
Status: Passed	Duration: 03:07 💡
Started: Jul 10, 2024 4:16 AM	Ended: Jul 10, 2024 4:19 AM

Review all test suite changes for PR #8126 ↗︎

[nihal467]

@rithviknishad

can we use the above screenshot icon for this purpose, to keep design consistency

[rithviknishad]

I've instead updated the icon in the user create page to be question mark and ensured all other usages are correct.

The question mark icon is more appropriate for "need help".

[nihal467]

@rithviknishad

the tooltip is clipping out

[nihal467]

LGTM

[github-actions]

@rithviknishad Your efforts have helped advance digital healthcare and TeleICU systems. 🚀 Thank you for taking the time out to make CARE better. We hope you continue to innovate and contribute; your impact is immense! 🙌