terra-clinical-result
Version:
The Terra Clinical Result package is a collection of standardized views for presenting clinical results documented to a Patient's Medical Chart, such as Vital Signs, Laboratory Results, and Discretely Documented Values
50 lines (46 loc) • 1.18 kB
JSX
import React from 'react';
import { ResultNameHeaderCell, FlowsheetResultCell } from 'terra-clinical-result/lib/index';
import Table, {
Header,
Row,
Body,
Cell,
} from 'terra-html-table';
const defaultBloodPressureResult = [
{
id: '1',
systolic: {
eventId: '2',
result: {
value: '130',
unit: 'mmHg',
},
interpretation: 'high',
},
diastolic: {
eventId: '3',
result: {
value: '80',
unit: 'mmHg',
},
},
},
];
const SemanticTableWithResultNameHeaderCell = () => (
// eslint-disable-next-line react/forbid-component-props
<Table style={{ tableLayout: 'fixed' }}>
<Header>
<ResultNameHeaderCell key="temp" resultName="Temp" unit="degC" />
<ResultNameHeaderCell key="bp" resultName="BP" unit="mmHg" />
<ResultNameHeaderCell key="hr" resultName="HR" unit="mmHg" />
</Header>
<Body>
<Row>
<Cell key="temp">98.6</Cell>
<FlowsheetResultCell key="bp" resultDataSet={defaultBloodPressureResult} />
<Cell key="hr">100</Cell>
</Row>
</Body>
</Table>
);
export default SemanticTableWithResultNameHeaderCell;