O3-4025: Add an icon for patient summary on the left nav

[shishiro26]

Requirements

• This PR has a title that briefly describes the work done, including the ticket number. Ensure the title includes a conventional commit label (e.g., fix:, feat:, chore:).
• My work conforms to the OpenMRS 3.0 Styleguide and design documentation.
• My work includes tests or is validated by existing tests.

Summary

This PR addresses the addition of an icon to the left sidebar in the esm-patient-chart-app.

Screenshots

Related Issue

Jira Ticket: O3-4025

Other Information

[shishiro26]

@VeronicaMuthee, could you please review this PR?

[CynthiaKamau]

Thanks @shishiro26 , is it possible to make this configurable ? Instead of hardcoding the icon ?

[shishiro26]

@CynthiaKamau Actually, I couldn't find the icon in the "@openmrs/esm-framework" , so I had to hardcode it. Could you please clarify what you mean by making it 'configurable'? I'm not sure if I fully understand.

[denniskigen]

@paulsonder @ciaranduffy do we have any mockups for this?

[dkayiwa]

Could you please clarify what you mean by making it 'configurable'? I'm not sure if I fully understand.

https://o3-docs.openmrs.org/docs/configuration-system

[ciaranduffy]

Hi @denniskigen, we don't use icons in the RefApp designs. However, if an implementation really wants to use icons, we would recommend using the default Carbon Design left nav item component, with the icon variation. You can see that documented here.

The screenshot above doesn't look like it's using the default carbon left nav component as the icon doesn't look correctly aligned.

[shishiro26]

The screenshot above doesn't look like it's using the default carbon left nav component as the icon doesn't look correctly aligned.

Hi @ciaranduffy I took the design from the documentation shared in the ticket (Google Docs), as it was mentioned there.

we would recommend using the default Carbon Design left nav item component, with the icon variation. You can see that documented here.

yes sir there was a mistake from my side I will update the icon with the carbon react-icons and remove the hardcoded icons