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.

Sign up for GitHub

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

Jump to bottom

Show more CNS monitors on large displays #7440

Closed
wants to merge 10 commits into from
Closed

Show more CNS monitors on large displays #7440

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
8feb6b1
display CNS on large display
MjStar24 Mar 19, 2024
c680b23
changes modified
MjStar24 Mar 21, 2024
1e6fda6
minor changes
MjStar24 Mar 22, 2024
1e1e8b6
Update src/Components/Facility/CentralNursingStation.tsx
rithviknishad Mar 22, 2024
41fab20
Merge branch 'develop' into issues/6503/displayCNSon4k
nihal467 Mar 26, 2024
35077e4
minor changes
MjStar24 Mar 29, 2024
80b81ea
Merge branch 'develop' into issues/6503/displayCNSon4k
nihal467 Apr 2, 2024
3a125ed
Merge branch 'develop' into issues/6503/displayCNSon4k
nihal467 Apr 3, 2024
8c629d5
Merge branch 'develop' into issues/6503/displayCNSon4k
nihal467 Apr 3, 2024
2bd9918
Merge branch 'develop' into issues/6503/displayCNSon4k
nihal467 Apr 3, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion src/Common/hooks/useBreakpoints.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import useWindowDimensions from "./useWindowDimensions";

type Breakpoints = "vs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
type Breakpoints = "vs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4k";

// Ensure that the breakpoint widths are sorted in ascending order.
const BREAKPOINT_WIDTH: Record<Breakpoints, number> = {
Expand All @@ -11,6 +11,7 @@ const BREAKPOINT_WIDTH: Record<Breakpoints, number> = {
xl: 1280,
"2xl": 1536,
"3xl": 1920,
"4k": 2560,
};

/**
Expand Down
12 changes: 6 additions & 6 deletions src/Components/Facility/CentralNursingStation.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,8 +18,7 @@ import useVitalsAspectRatioConfig from "../VitalsMonitor/useVitalsAspectRatioCon
import useQuery from "../../Utils/request/useQuery";
import routes from "../../Redux/api";
import { getVitalsMonitorSocketUrl } from "../VitalsMonitor/utils";

const PER_PAGE_LIMIT = 6;
import useBreakpoints from "../../Common/hooks/useBreakpoints";

const SORT_OPTIONS: SortOption[] = [
{ isAscending: true, value: "bed__name" },
Expand All @@ -33,18 +32,19 @@ interface Props {
}

export default function CentralNursingStation({ facilityId }: Props) {
const perPageLimit = useBreakpoints({ "4k": 9, default: 6 });
const { t } = useTranslation();
const [isFullscreen, setFullscreen] = useFullscreen();
const { qParams, updateQuery, removeFilter, updatePage } = useFilters({
limit: PER_PAGE_LIMIT,
limit: perPageLimit,
});
const query = useQuery(routes.listPatientAssetBeds, {
pathParams: { facility_external_id: facilityId },
query: {
...qParams,
page: qParams.page || 1,
limit: PER_PAGE_LIMIT,
offset: (qParams.page ? qParams.page - 1 : 0) * PER_PAGE_LIMIT,
limit: perPageLimit,
offset: (qParams.page ? qParams.page - 1 : 0) * perPageLimit,
asset_class: "HL7MONITOR",
ordering: qParams.ordering || "bed__name",
bed_is_occupied:
Expand Down Expand Up @@ -183,7 +183,7 @@ export default function CentralNursingStation({ facilityId }: Props) {
<Pagination
className=""
cPage={qParams.page}
defaultPerPage={PER_PAGE_LIMIT}
defaultPerPage={perPageLimit}
data={{ totalCount }}
onChange={(page) => updatePage(page)}
/>
Expand Down
Loading