Fix: Clearing Facilities Field Causes White Screen #8610

[AdityaJ2305]

• Fixes [Bug] Add New User - Clearing Facilities Field Causes White Screen #8610
• The selectedFacility state was encountering issues due to a null value being passed by the AutoCompleteAsync component when clicking the clear icon. To address this, I added a check to ensure that if the value is null, an empty array is passed instead.

Screenshot of the AutoCompleteAsync Component:

Video Recording:

Screen.Recording.2024-09-25.at.7.39.18.PM.mov

Reviewers:

@nihal467
@ohcnetwork/care-fe-code-reviewers

Merge Checklist:

• Add specifications that demonstrate the bug fix or test the new feature.
• Prepare a screenshot or demo video for the changelog entry and attach it to the issue.
• Request peer reviews.

[netlify]

✅ Deploy Preview for care-ohc ready!

Name	Link
🔨 Latest commit	ea151ab
🔍 Latest deploy log	https://app.netlify.com/sites/care-ohc/deploys/66f68b0fe4c1a800088d0aff
😎 Deploy Preview	https://deploy-preview-8629--care-ohc.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.

[chakribontha]

@AdityaJ2305 It seems like you've made some partial changes. When you're clearing the input text, it should not remove the selected values from the dropdown. Instead, it should only clear the input field. This is the desired behavior from the user's perspective. Could you please adjust this accordingly?

[AdityaJ2305]

@AdityaJ2305 It seems like you've made some partial changes. When you're clearing the input text, it should not remove the selected values from the dropdown. Instead, it should only clear the input field. This is the desired behavior from the user's perspective. Could you please adjust this accordingly?

@chakribontha, in the screenshot, three facilities are selected: testing, Thiruvananthapuram Testing Other, Thiruvananthapuram and Testing Other12313, Thiruvananthapuram with “3 selected” shown as text. Clicking the clear icon should only remove the “3 selected” text, not the selected facilities below. If I understand correctly, the clear icon is meant to allow users to reset and choose facilities again. By only clearing the text, this purpose isn’t fully met.

[rithviknishad]

@AdityaJ2305 lint checks and cypress tests are failing.

[rithviknishad]

@AdityaJ2305 could you ensure prettier is working locally? Noticed code not formatted in a previous PR from you too.

[AdityaJ2305]

@AdityaJ2305 could you ensure prettier is working locally? Noticed code not formatted in a previous PR from you too.

Thank you for the feedback! I'll ensure Prettier is set up and working locally for future PRs and going to make changes in current PR

[nihal467]

@AdityaJ2305 Could you please prioritize pushing the fix by the end of today? We need to address this issue as soon as possible before our upcoming weekly release.

[AdityaJ2305]

@rithviknishad Apologies my bad

[nihal467]

LGTM

[github-actions]

@AdityaJ2305 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! 🙌