Linked skills- to show on patient dashboard for "treating doctor"

[aparnacoronasafe]

https://care.coronasafe.in/facility/0c95c7f0-e1d2-4aff-83fa-933cef60d3a8/patient/7e8fc20f-02da-47f7-8c33-f2d8c7e52dd8/consultation/edfe0bd6-0f50-4a4c-8cd0-2d4ad0e9cea1

The patient dashboard shows name of the "treating doctor". After the name of the doctor, show the skills linked to the doctor within "(_)"

[github-actions]

⚠️ Refrain from assigning this issue to yourself if you have another P1 issue assigned that is not yet closed.

[Sulochan-khadka]

May you present some UI idea to that... I think since the skills may be large thus, having a dropdown with the heading as Skills would be better.

[Sulochan-khadka]

I guess there are two ways in which we can achieve this...

Like this: (Dropdown)

or like this: (SlideOver)

Also let me know if it should have the functionality to unlink the skills or not.

[Sulochan-khadka]

@aparnacoronasafe Let me know if I can help you ...

[Sulochan-khadka]

Since this is P1, can @rithviknishad @nihal467 comment on this and let me know if I can go ahead and raise a PR?

[rithviknishad]

@Sulochan-khadka The UI shown above is not suitable.

@aparnacoronasafe has already mentioned a good solution on how to show the skills in the UI in the issue comment itself. Just re-explaining...

Show a comma-separated text of skills with a limit of maybe 3. It could be a text in gray color, underlined and cursor pointer. If there are more than 3 skills, show two skills and rest can be shown in a tooltip.

Eg:

Treating Doctor:  Dr. Sam Joe  (Skill one, skill two and 3 other skills)

Feel free to create a PR since you've already achieved the functionality 😄

[aparnacoronasafe]

@Sulochan-khadka please follow the suggestion from @rithviknishad above.

We do NOT need a button to show linked skills. It must appear on the page itself. So simply adding a text with skills in (..) should suffice.

When there are multiple skills show them one after the other separated by a comma