-
Notifications
You must be signed in to change notification settings - Fork 211
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
(feat) O3-3782: Use styleguide page header component #1275
(feat) O3-3782: Use styleguide page header component #1275
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks and nice work!
@mogoodrich @chibongho note that this removes two elements from the page header - the location span and the datepicker shown in the top right. Is that acceptable? |
Where are these @denniskigen ? In the very top header? (Maybe we were already hiding them in our app and I forgot they existed) |
Internally we talked about those 2 elements not needing to be there for every app. So I think this standardized design change is a step in the right direction. However... In the Appointments app, we definitely need a way to pick the calendar date. Is there another way to do that with this change? cc @ojwanganto |
@chibongho Yes, you can put anything on the right side of the header as the children of the header component. If they are in the designs, @Twiineenock , please fix the implementation so they are not removed. Otherwise this would be a regression. |
@brandones , did you mean we retain everything on the right in the patient management as below? |
Just the calendar picker. I believe that is the only UI component in the appointments app to be able to change which date we want to view the appointments. |
Hi @brandones , @chibongho , I've committed the changes to ensure that the Datepicker remains on the right side of the page-header in the UI. datePicker.webmCC @denniskigen , @mogoodrich |
packages/esm-patient-list-management-app/src/lists-dashboard/lists-dashboard.component.tsx
Outdated
Show resolved
Hide resolved
7b30658
to
c64736f
Compare
This commit extends the useConfig stub to accept an optional `options` object which can specify an `externalModuleName`. If the `externalModuleName` is provided, the stub will return a mock config for that external module. Otherwise, it will return the default mock implementation for the current module. This allows for more flexibility in testing different configurations and modules. More importantly, it should potentially fix a bug where the useConfig stub fails silently when an `externalModuleName` is provided in the options object. See openmrs/openmrs-esm-patient-management#1275 for more information.
4e081b5
to
9849833
Compare
This PR refactors page headers for apps in Patient Management to use the PageHeader component from the styleguide.
9849833
to
e1310fe
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM. Thanks, @Twiineenock.
Resolved in subsequent commits
Requirements
Summary
A reuseable dashboard header component was implemented in the styleguide here. Therefore this PR adapts all the
openmrs-esm-patient-management
apps to use this.Screenshots
Appointments
Patient Lists
Service queues
Related Issue
https://openmrs.atlassian.net/browse/O3-3782
Other