fix(resource): cant submit resource request

[aeswibon]

Bug Fix

WHAT

🤖 Generated by Copilot at 1e08fdd

Refactored the resource creation form and added localization support. The form now uses custom components and the useTranslation hook to render the fields and labels in the user's preferred language. The code was also cleaned up and the types and styles were enhanced. The English locale file was updated with the resource-related strings from Resource.json.

Proposed Changes

• Updates form validation logic
• Replaces MUI with tailwind components

Associated Issue

• Fixes Cant submit Resource Request #5440

@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 the screenshot or demo video for the changelog entry, and attach it to issue
• Request for Peer Reviews
• Completion of QA

HOW

🤖 Generated by Copilot at 1e08fdd

• Remove unused imports from ResourceCreate.tsx to clean up the code and avoid unnecessary dependencies (link)
• Add imports of custom form components and translation hook to ResourceCreate.tsx to improve the form functionality and appearance (link)
• Initialize the translation hook with const { t } = useTranslation(); in ResourceCreate.tsx to access the translation function for the form labels and title (link)
• Move the phone number parsing statement inside the relevant case block in the validateForm function in ResourceCreate.tsx to avoid unnecessary parsing of other fields (link, link)
• Change the handleChange function parameter type to FieldChangeEvent<string> in ResourceCreate.tsx to use the custom type for the form field change event (link)
• Replace the PageTitle component prop with the translation function for the page title in ResourceCreate.tsx (link)
• Replace the legacy form components with the custom form components and use the translation function for the field labels in ResourceCreate.tsx (link, link)
• Import the Resource.json file to index.js in the English locale to include the resource-related translation strings (link)
• Spread the Resource object to the en object in the English locale to include the resource-related translation strings (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	May 8, 2023 7:18am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	e1ddfdd
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/6458a2077cdb4b00083fb286
😎 Deploy Preview	https://deploy-preview-5443--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.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
1.4% Duplication

[nihal467]

LGTM

[khavinshankar]

@rithviknishad can you rereview this once

[github-actions]

@cp-Coder 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 🙌.