Replace useDispatch with useQuery and request in PatientRegistration form.

[sriharsh05]

Proposed Changes

• Fixes Replace useDispatch w. useQuery/request: Patient Registration Form (src/Components/Patient/PatientRegister.tsx) #7171
• Replace useDispatch with useQuery and request in PatientRegister.tsx

@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	Feb 27, 2024 4:18am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	1348fc5
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/65dd62506f7f240008b5b09c
😎 Deploy Preview	https://deploy-preview-7216--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.

[sriharsh05]

Hey @rithviknishad ,

In the useQuery block of the getPatient API call, the patient details are not being assigned to the form. I have console logged the data, which is fetched at line no: 448. The data logs properly, but it is not being dispatched at line no: 449.

Can you please point out what mistake I made?

[rithviknishad]

Although the reducer state is being updated, the field from the <Form> is not being updated. <Form> already has a reducer to handle form state and errors. And in the Patient Register page we are keeping another reducer to handle form state and errors for the same purpose on top of that. This leads to not having a single source of truth.

Either use <Form> alone by removing the custom reducer and rely on it's asyncDefaults prop to pre-fill the form during edit form, or remove the usage of <Form> and rely on the custom defined reducer alone.

[github-actions]

👋 Hi, @sriharsh05,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.

---

This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

[sriharsh05]

@rithviknishad
Please review the changes.

[sriharsh05]

@rithviknishad
Please review the code.

[nihal467]

LGTM

[github-actions]

@sriharsh05 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 🙌.