diff --git a/src/patient-chart/results-summary/print-results-summary.component.tsx b/src/patient-chart/results-summary/print-results-summary.component.tsx index 241f2475..147863e3 100644 --- a/src/patient-chart/results-summary/print-results-summary.component.tsx +++ b/src/patient-chart/results-summary/print-results-summary.component.tsx @@ -1,6 +1,6 @@ import React, { useEffect, useRef, useState } from "react"; import styles from "./print-results-summary.scss"; -import TestsResults from "./test-results-table.component"; +import TestsPrintResults from "./test-print-results-table.component"; import { EncounterResponse } from "../laboratory-item/view-laboratory-item.resource"; interface PrintResultsSummaryProps { @@ -37,7 +37,7 @@ const PrintResultsSummary: React.FC = ({
- +
); diff --git a/src/patient-chart/results-summary/test-print-results-table.component.tsx b/src/patient-chart/results-summary/test-print-results-table.component.tsx new file mode 100644 index 00000000..ad340108 --- /dev/null +++ b/src/patient-chart/results-summary/test-print-results-table.component.tsx @@ -0,0 +1,144 @@ +import React, { useMemo, useState } from "react"; +import { useTranslation } from "react-i18next"; +import { + DataTable, + DataTableSkeleton, + Table, + TableBody, + TableCell, + TableContainer, + TableHead, + TableHeader, + TableRow, + Tile, +} from "@carbon/react"; +import styles from "./results-summary.scss"; +import RescendTestResultActionMenu from "./test-results-rescend-action-menu.component"; +import { Order } from "../laboratory-order.resource"; +import DeleteTestResultActionMenu from "./test-results-delete-action-menu.component"; + +interface TestOrdersProps { + orders: Order[]; +} + +const TestsPrintResults: React.FC = ({ orders }) => { + const { t } = useTranslation(); + + let columns = [ + { + id: 0, + header: t("orderNo", "OrderNo"), + key: "orderNo", + }, + { id: 1, header: t("order", "Order"), key: "order" }, + { + id: 2, + header: t("expectedResult", "Expected Results"), + key: "expectedResults", + }, + { + id: 2, + header: t("results", " Results"), + key: "results", + }, + ]; + const [items, setItems] = useState(orders); + + const tableRows = useMemo(() => { + return items?.map((entry) => ({ + ...entry, + id: entry.uuid, + orderNo: { + content: {entry.orderNumber}, + }, + order: { + content: {entry.display}, + }, + expectedResults: { + content: --, + }, + results: { + content: --, + }, + })); + }, [items]); + + if (items?.length >= 0) { + return ( +
+ + {({ rows, headers, getHeaderProps, getTableProps, getRowProps }) => ( + + + + + {headers.map((header) => ( + + {header.header} + + ))} + + + + {rows.map((row, index) => { + return ( + + + {row.cells.map((cell) => ( + + {cell.value?.content ?? cell.value} + + ))} + + + ); + })} + +
+ {rows.length === 0 ? ( +
+ +
+

+ {t( + "noTestOrdersToDisplay", + "No test orders to display" + )} +

+

+ {t("checkFilters", "Check the filters above")} +

+
+

{t("or", "or")}

+
+
+ ) : null} + {/* { + if (pageSize !== currentPageSize) { + setPageSize(pageSize); + } + if (page !== currentPage) { + goTo(page); + } + }} + /> */} +
+ )} +
+
+ ); + } +}; + +export default TestsPrintResults;