Enrolment/Encounter UX/UI issues

[marthakeezy]

Here is my best attempt at consolidating all issues in one as per @lache-melvin request

I'l write them out individually in the comments to preserve the testing steps

[marthakeezy]

What went wrong? 😲

I noticed that you are not able to delete or edit old patient notes - the option only appears on the most recent entry. In comparison, I am able to delete all patient status history entries, not just the most recent ones.

Screen.Recording.2025-01-31.at.10.00.06.AM.mov

Expected behaviour 🤔

The user should be able to at least edit old notes entries, and possibly delete them too!

How to Reproduce 🔨

Steps to reproduce the behaviour:

1. Make sure you have Immunization Programs and Vaccination Card setup in your store.
2. Once you do, go to Dispensary -> Patients and either create a new one to enrol into a program, or choose an existing one.
3. When enrolling, you will see a modal pop-up - enter a patient note. The options to edit or remote the note appear.
4. Add another note - the options now have moved to the most recent entry, and you are no longer able to delete or modify the previous entry!

Your environment 🌱

• Open mSupply Version: V2.6.0-build-test-2
• Legacy mSupply Central Server Version: V7.19.03

• Platform: Google Chrome (browser for Mac)

• Database type: PostgreSQL

[marthakeezy]

What went wrong? 😲

Program Enrolment: it is not immediately obvious the grey line at the top of the modal is a search bar

Expected behaviour 🤔

Maybe it should have a magnifying glass icon or something similar to indicate it's a search bar? Also it's way too long - maybe if we shorten it alongside the icon it'll be clear it's a search bar?

How to Reproduce 🔨

Steps to reproduce the behaviour:

1. Make sure you have immunization programs set up for your store
2. Once you do, go to Dispensary -> Patients and create a new one or edit an existing one
3. Enrol them into a program -> see the modal. The grey line is a search bar

Your environment 🌱

• Open mSupply Version: V2.6.0-build-test-3
• Legacy mSupply Central Server Version: V7.19.03

• Platform: Google Chrome (browser for Mac) - same design on Android

• Database type: PostgreSQL

[marthakeezy]

What went wrong? 😲

Can we please capitalise ID in the column headers when enrolling a patient 🙏🏼

Expected behaviour 🤔

ID should be capitalised

How to Reproduce 🔨

Steps to reproduce the behaviour:

1. Make sure you have Immunisation Programs and Vaccination Cards setup in your store
2. Once you do, go to Dispensary -> Patients and create a new one or edit an existing one
3. Enrol the patient into the program -> fill out all the details
4. In the view (once changes are saved), you will see tabs - go to Programs and Vaccinations and see Enrolment Patient ID is not capitalised

Your environment 🌱

• Open mSupply Version: V2.6.0-build-test-2
• Legacy mSupply Central Server Version: V7.19.03

• Platform: Google Chrome (browser for Mac)

• Database type: PostgreSQL

[marthakeezy]

What went wrong? 😲

Expected behaviour 🤔

Either the lines can be a bit wider so it doesn't look as crammed, or instead of the body text we can just say note 1, note 2, note 3 and details show when expanded

How to Reproduce 🔨

Steps to reproduce the behaviour:

1. Make sure you have Immunization Programs and Vaccination card setup in your store
2. Once you do, go to Dispensary -> Patients and either create a new one to enrol into a program, or choose an existing one
3. Enrol them into a program -> when you see the edit modal, create a few patient notes
4. When expanded, they look good -> not expanded, very crammed

Your environment 🌱

• Open mSupply Version: V2.6.0-build-test-2
• Legacy mSupply Central Server Version: V7.19.03

• Platform: Google Chrome (browser for Mac)

• Database type: PostgreSQL

[marthakeezy]

What went wrong? 😲

Immunisation Program Enrolment form has a buggy patient status selection: I am unable to clear the selection and then select my previous status. However, if I select another one and then revert back to the original patient status, the changes are saved and OK button disabled.

Screen.Recording.2025-01-31.at.9.46.31.AM.mov

Expected behaviour 🤔

I think you should be able to select the original patient status if accidentally cleared? And if you are clearing the field, it should stay empty with red borders indicating it's a required field, and not just revert back to the selection - especially if you can't save it.

How to Reproduce 🔨

Steps to reproduce the behaviour:

1. Make sure you have Immunization Program and Vaccination Card set up in your store
2. Once you do, go to Dispensary -> Patients and select any patient to enrol them in a program
3. When adding program, you will see an enrolment modal -> select patient status -> Save and close
4. Re-open -> your selection should be there. Try clearing it -> it reverts back. Try clearing it and selecting the previous status - the behaviour is funky!

Your environment 🌱

• Open mSupply Version: V2.6.0-build-test-2
• Legacy mSupply Central Server Version: V7.19.03

• Platform: Google Chrome (browser for Mac)

• Database type: PostreSQL

[lache-melvin]

TY! 🙏