[x] Add a link to the related issue at the top of this description (above)
[x] Connect this PR with the related issue via ZenHub with the button below this text box (or at the bottom of the page after the PR is created)
[x] Ensure your branch is up to date with the target branch and resolve any conflicts
[x] Answer the below questions to describe your PR for reviewers
[x] Request at least two reviewers using the "Reviewers" section on the right, usually including at least one reviewer from your team
[ ] Notify the requested reviewers in the #code-review Slack channel once the PR is ready for review
Why are these changes needed?
Because the icons in a few components are not working.
Due to uncontrolled expansion of all of the accordions on the current page by clicking on the single resource
What changed?
Refactored the header icon to accept the URL icon.
Refactored encounter resource name.
Refactored an encounter component to use a header icon.
Refactored a condition component to use an icon from the URL.
Refactored the immunization component to use an icon from the URL.
Refactored a procedure component to use an icon from the URL.
Refactored a resource category component to use an icon from the URL
An icon has been added in the header props in the appointment component.
Added the string "Appointment" as a resourceName in the header props in the appointment component.
Icons have been added to the appointment stories from various sources.
New tests have been added to the appointment component.
An icon has been added in the header props in the ExplanationOfBenefit component.
Added the string "ExplanationOfBenefit" as a resourceName in the header props in the ExplanationOfBenefit component.
Icons have been added to the ExplanationOfBenefit stories from various sources.
New tests have been added to the ExplanationOfBenefit component.
The function convertCamelCaseToSentence has been added to convert the camel case the resourceName to sentence.
An icon has been added in the header props in the Observation component.
Added the string "Observation" as a resourceName in the header props in the Observation component.
Icons have been added to the Observation stories from various sources.
An icon has been added in the header props in the Patient component.
Added the string "Patient" as a resourceName in the header props in the Patient component.
Icons have been added to the Patient stories from various sources.
New tests have been added to the Patient component.
An icon has been added in the header props in the Practitioner component.
Added the string "Practitioner" as a resourceName in the header props in the Practitioner component.
Icons have been added to the Practitioner stories from various sources.
New tests have been added to the Practitioner component.
Now each Accordion component has a unique id of format accordion-type-{resource_type}-{number}, where resource_type is replaced by the resource name, which is using an Accordion.
How are these changes tested?
The changes have been tested by unit tests and the storybook.
Issue: PATIENTAPP-95 PATIENTAPP-94 PATIENTAPP-96 PATIENTAPP-97 PATIENTAPP-98 PATIENTAPP-93 PATIENTAPP-99
PR Checklist
Why are these changes needed?
What changed?
Refactored the header icon to accept the URL icon. Refactored encounter resource name. Refactored an encounter component to use a header icon. Refactored a condition component to use an icon from the URL. Refactored the immunization component to use an icon from the URL. Refactored a procedure component to use an icon from the URL. Refactored a resource category component to use an icon from the URL
An icon has been added in the header props in the appointment component. Added the string "Appointment" as a resourceName in the header props in the appointment component. Icons have been added to the appointment stories from various sources. New tests have been added to the appointment component.
An icon has been added in the header props in the ExplanationOfBenefit component. Added the string "ExplanationOfBenefit" as a resourceName in the header props in the ExplanationOfBenefit component. Icons have been added to the ExplanationOfBenefit stories from various sources. New tests have been added to the ExplanationOfBenefit component. The function convertCamelCaseToSentence has been added to convert the camel case the resourceName to sentence.
An icon has been added in the header props in the Observation component. Added the string "Observation" as a resourceName in the header props in the Observation component. Icons have been added to the Observation stories from various sources.
An icon has been added in the header props in the Patient component. Added the string "Patient" as a resourceName in the header props in the Patient component. Icons have been added to the Patient stories from various sources. New tests have been added to the Patient component.
An icon has been added in the header props in the Practitioner component. Added the string "Practitioner" as a resourceName in the header props in the Practitioner component. Icons have been added to the Practitioner stories from various sources. New tests have been added to the Practitioner component.
Now each Accordion component has a unique id of format
accordion-type-{resource_type}-{number}, whereresource_typeis replaced by the resource name, which is using an Accordion.How are these changes tested?
The changes have been tested by unit tests and the storybook.