Enhance Facility Organization Dropdown Experience

[Jeffrin2005]

Is your feature request related to a problem? Please describe.
The organization selector is not user-friendly. It's confusing selecting an organization easy.

Describe the solution you'd like
Enhance the Facility Organization Selector to provide a more user friendly experience

• Encounters -> View Details of any patients -> cardiology

v1.mp4

It should be more user friendly like

v1.mp4

[Jeffrin2005]

@rithviknishad @Jacobjeevan Can I work on this feature?

[bodhish]

@Jeffrin2005 can you explain the issue here? I am not able to spot the difference bw the 2 videos

[Jeffrin2005]

@bodhish

1. Go to the "Encounters" tab.
2. Click on "View Details" for any patient.
3. Click on the organization name (for managing organization).

In the first video, we can see that it doesn't look good when we click the edit button, and it takes back to the department selection. Instead, the expected appearance is in the second video.

[bodhish]

What happens when the organisations have children? How would you change the parent modes that are already selected?

[Jeffrin2005]

@bodhish For a single organization with no sub-departments, we show a simple dropdown selection. For multiple organizations, we keep the current view with arrows and edit options to navigate through different levels.

[bodhish]

Let's not have multiple behaviours, keep one for everything, until we have a better UX for the full flow, I would want to keep the current flow.

[Jeffrin2005]

@bodhish In the current implementation, we're keeping one flow for everything in the organization selector, especially when there are no sub-organizations. Compared to the previous implementation, we've removed the arrow symbol to keep it common for everything. Previously, there was an edit (pencil) button and arrow symbol, but now it's simplified.
Am I good to go with the PR for this?

v7.mp4

[bodhish]

@rithviknishad @Jacobjeevan what do you think?

[Jacobjeevan]

@bodhish In the current implementation, we're keeping one flow for everything in the organization selector, especially when there are no sub-organizations. Compared to the previous implementation, we've removed the arrow symbol to keep it common for everything. Previously, there was an edit (pencil) button and arrow symbol, but now it's simplified. Am I good to go with the PR for this?
v7.mp4

Hmm, shouldn't be able to select multiple siblings like in this video, but rather traverse through any potential children, i.e. once fsf is selected, unless it has children, I shouldn't be having the option to add any more (Unless we are also adding subsequent logic to add multiple orgs at the same time)

Apart from that, it should work.

cc: @bodhish