Tailwinds SetInventoryForm.tsx

[rithviknishad]

WHAT

🤖 Generated by Copilot at 4cf4c4d

Refactored the SetInventoryForm component to improve the UI and code quality. Used consistent and reusable components, simplified the logic, and cleaned up the code.

Proposed Changes

• Fixes Replace Material UI components in src/Components/Facility/SetInventoryForm.tsx: #4958
• Fixes Not all the units are available in minimum quantity page of facility inventory #5691

@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 4cf4c4d

• Refactor the component to use the new form fields and the custom Card component (link, link, link, link)

• Remove unused imports of Card, CardContent, and InputLabel from @material-ui/core (link)
• Replace imports of LegacySelectField and LegacyTextInputField from ../Common/HelperInputFields with imports of SelectFormField and TextFormField from ../Form/FormFields (link)
• Add imports of Page from ../Common/components/Page, Card from ../../CAREUI/display/Card, and FieldChangeEvent from ../Form/FormFields/Utils (link)
• Simplify the handleChange function to use the FieldChangeEvent type and dispatch the form update with a single line of code (link)
• Wrap the JSX returned by the component with the Page component to handle the page title and breadcrumbs, instead of using the PageTitle component and a div with custom classes (link)
• Use the custom Card component, instead of the @material-ui/core component, to style the form (link)
• Replace the legacy form fields with the new SelectFormField and TextFormField components, and adjust the form layout to use the grid and col-span classes, instead of the md:grid-cols-2 class (link)

• Remove commented out code for the offset state, as it was not used in the component (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 19, 2023 10:01am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	bbf068f
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/6490274db24fdc0008d6f6ef
😎 Deploy Preview	https://deploy-preview-5656--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]

@rithviknishad

it is not good in mobile view

[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 🙌.