ThreadCount
c89010a4f1
Uniform stock management for healthcare linen rooms: the coordinator app, the phone counter and the staff app, for your own server. Built from f976bd5 on 2026-09-15. Licensed under the Functional Source License (FSL-1.1-ALv2).
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
"use client";
|
|
import Link from "next/link";
|
|
import { useMemo } from "react";
|
|
import { useDerived, useSnap } from "@/lib/client";
|
|
import { QueueGroup, QueueRow } from "@/components/portal";
|
|
import { roundRows } from "@/lib/today";
|
|
|
|
export default function RoundGroup() {
|
|
const { s } = useSnap();
|
|
const { staffById } = useDerived();
|
|
const rows = useMemo(() => roundRows(s, staffById), [s, staffById]);
|
|
const bags = rows.reduce((t, r) => t + r.bags, 0);
|
|
|
|
return (
|
|
<QueueGroup id="round" icon="truck" title="Deliver on the round" count={bags}>
|
|
{rows.map((r) => (
|
|
<QueueRow
|
|
key={r.ward}
|
|
age={r.bags}
|
|
ageLabel={r.bags === 1 ? "bag" : "bags"}
|
|
title={r.ward}
|
|
meta={<>
|
|
{r.names.join(" · ")}{r.moreNames > 0 ? ` +${r.moreNames}` : ""}
|
|
{` · ${r.garments} garment${r.garments === 1 ? "" : "s"}`}
|
|
{r.desk ? " · signed for at the ward desk" : ""}
|
|
</>}
|
|
actions={<Link href={r.href} className="btn btn-secondary" aria-label={`Start the round for ${r.ward}`}>Start the round</Link>}
|
|
/>
|
|
))}
|
|
</QueueGroup>
|
|
);
|
|
}
|