Tailwinds SampleFilters.tsx

[rithviknishad]

WHAT

🤖 Generated by Copilot at ce8b1e7

The pull request improves the filter UI for patient samples and fixes a type mismatch issue with the sample_type query parameter. It uses custom form field components, simplifies the state management, and changes the id property of the SAMPLE_TYPE_CHOICES array from a number to a string in src/Common/constants.tsx and src/Components/Patient/SampleViewAdmin.tsx.

Proposed Changes

• Fixes Replace Material UI components in src/Components/Patient/SampleFilters.tsx: #4982

@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

HOW

🤖 Generated by Copilot at ce8b1e7

• Change the id property of the SAMPLE_TYPE_CHOICES array from a number to a string to match the sample_type query parameter (link)
• Replace the LegacySelectField components with the SelectFormField components in the sample filter UI to use custom form fields with consistent styles and props (link, link)
• Simplify the handleChange function in SampleFilters.tsx to use the FieldChangeEvent type and the useMergeState hook (link, link)
• Import the CircularProgress, FieldLabel, SelectFormField components and the FieldChangeEvent type from custom files instead of external libraries in SampleFilters.tsx (link)
• Add a console log statement to debug the sample_type filter value in SampleFilters.tsx (link)
• Remove the className prop from the FacilitySelect component in SampleFilters.tsx as it was not needed (link)
• Compare the id property of the SAMPLE_TYPE_CHOICES array with the sample_type query parameter as a string in SampleViewAdmin.tsx to match the change in link (link)

[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	Jun 10, 2023 8:44am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	fae19c3
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/648437987a21fe000857f609
😎 Deploy Preview	https://deploy-preview-5630--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 settings.

[nihal467]

LGTM

[github-actions]

@rithviknishad We truly appreciate your efforts. Thank you for taking the time to contribute; this is a very valuable contribution to us 🥇. We always welcome your contribution 🙂, so feel free to contribute to anything anytime, and never lose that spirit of innovation 🙌.