Skip to content
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

grouped radiology orders by patient #88

Merged
merged 6 commits into from
Jul 30, 2024
Merged

grouped radiology orders by patient #88

merged 6 commits into from
Jul 30, 2024

Conversation

FelixKiprotich350
Copy link
Contributor

@FelixKiprotich350 FelixKiprotich350 commented Jul 27, 2024

Requirements

  • This PR has a title that briefly describes the work done including a conventional commit type prefix and a Jira ticket number if applicable. See existing PR titles for inspiration.

For changes to apps

If applicable

  • My work includes tests or is validated by existing tests.

Summary

in this PR i have improved the radiology module by grouping the orders by patient, and using an accordion list all orders alongside their actions.
Created a Grouping component reused across all the tabs.
I have also updated the accordion buttons and ensured that the reject button is always the last does not (precede button like report and pick request)

Screenshots

earlier UI look
screen-capture.webm
latest UI look
screen-capture-latest.webm

Related Issue

Other

Copy link
Contributor

@donaldkibet donaldkibet left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @FelixKiprotich350 for this work. cc @ojwanganto looking at these designs should we align our work to this pattern for clinical management works e.g procedures, imaging, labs and billing see

src/hooks/useSearchGroupedResults.ts Outdated Show resolved Hide resolved
src/hooks/useSearchGroupedResults.ts Outdated Show resolved Hide resolved
currentPage,
} = usePagination(searchResults, currentPageSize);

const pageSizes = [10, 20, 30, 40, 50];
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we have a hook to generate page sizes usePaginationInfo from @openmrs/esm-framework

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@donaldkibet i am done with your comments but this seem unclear to me. any help on implementing this usePaginationInfo, the parameters are kinda confusing to me and cant find a similar implementation. Thanks

src/radiology-tabs/common/groupedOrdersTable.component.tsx Outdated Show resolved Hide resolved
src/radiology-tabs/common/listOrderDetails.component.tsx Outdated Show resolved Hide resolved
src/radiology-tabs/common/listOrderDetails.scss Outdated Show resolved Hide resolved
background-color: #fff;
border-left: 4px solid var(--brand-03);
color: $text-02;
margin-bottom: 1rem !important;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
margin-bottom: 1rem !important;
margin-bottom: 1rem !important;

if possible using !important should be the last options

src/radiology-tabs/common/radiologyProps.resource.ts Outdated Show resolved Hide resolved
Copy link
Contributor

@makombe makombe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the good work @FelixKiprotich350

src/radiology-tabs/common/groupedOrdersTable.component.tsx Outdated Show resolved Hide resolved
src/radiology-tabs/common/groupedOrdersTable.component.tsx Outdated Show resolved Hide resolved
src/radiology-tabs/common/listOrderDetails.component.tsx Outdated Show resolved Hide resolved
@FelixKiprotich350
Copy link
Contributor Author

@donaldkibet , @makombe and @ojwanganto Your suggestions are effected you can review

@ojwanganto
Copy link
Contributor

@FelixKiprotich350 - please remember to update the attached video/screenshots

@FelixKiprotich350
Copy link
Contributor Author

@ojwanganto latest screen record of the interface updated on the PR

@ojwanganto
Copy link
Contributor

Thanks so much

Copy link
Contributor

@makombe makombe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ojwanganto
Copy link
Contributor

Can we have this in?

@FelixKiprotich350
Copy link
Contributor Author

FelixKiprotich350 commented Jul 30, 2024 via email

@donaldkibet
Copy link
Contributor

@FelixKiprotich350 merge this in once you are done with the updates

@FelixKiprotich350
Copy link
Contributor Author

FelixKiprotich350 commented Jul 30, 2024 via email

@FelixKiprotich350
Copy link
Contributor Author

hello @donaldkibet am realizing that this PR is on radiology yet i was responding in the context of procedure module, so i think this is good to go and you can merge, if in case ill have to make any addition ill just open another PR

@ojwanganto ojwanganto merged commit e28a92e into palladiumkenya:main Jul 30, 2024
4 checks passed
@ojwanganto
Copy link
Contributor

Thanks, @FelixKiprotich350

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants