(fix) O3-4299: Missing Label in Dropdown Menu of Service Queues

[harshthakkr]

Requirements

• This PR has a title that briefly describes the work done including the ticket number. If there is a ticket, make sure your PR title includes a conventional commit label. See existing PR titles for inspiration.
• 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 an issue where the second clinic metric in Service Queues displayed an empty string instead of the label 'All' when defaulting to show data for all. The label has been updated to display 'All' by default, ensuring clarity and consistency in the UI.

Screenshots

Before:

After:

Related Issue

O3-4299

[Muppasanipraneeth]

@harshthakkr update test also

[harshthakkr]

@Muppasanipraneeth I am working on it.

[harshthakkr]

One test is failing due to the new year (2025). @chibongho has created a PR to update the test. Their PR needs to be merged first to ensure all e2e tests pass.

[denniskigen]

Hardcoding All as the label for the default item in the dropdown is not the right approach. If the goal is to show a default value for the dropdown, we should use the initialSelectedItem prop. This allows us to display a default value in the dropdown.

To achieve, this we can modify the logic as follows:

const defaultServiceItem = {
  display: `${t('all', 'All')}`,
  uuid: '',
};

const serviceItems = [defaultServiceItem, ...(services ?? [])];

And then further down the line, we can use these values to set the initialSelectedItem prop and the items prop:

<Dropdown
  initialSelectedItem={defaultServiceItem}
  items={serviceItems}
  label=""
  // ... other props
/>

[denniskigen]

Two nice, optional extra touches would be:

• Annotating serviceItems with the proper types.
• Fixing the styling of the dropdown so it's vertical alignment matches that of the label.