casing change

extensions/measurement-tracking/src/panels/PanelMeasurementTableTracking/index.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import {
+  MeasurementsPanel,
+  Button,
+  ButtonGroup,
+  Icon,
+  IconButton,
+} from '@ohif/ui';
+
+export default function MeasurementTable({ servicesManager, commandsManager }) {
+  const { MeasurementService } = servicesManager.services;
+
+  console.log('MeasurementTable rendering!!!!!!!!!!!!!');
+
+  const actionButtons = (
+    <React.Fragment>
+      <ButtonGroup onClick={() => alert('Export')}>
+        <Button
+          className="px-2 py-2 text-base text-white bg-black border-primary-main"
+          size="initial"
+          color="inherit"
+        >
+          Export
+        </Button>
+        <IconButton
+          className="px-2 text-white bg-black border-primary-main"
+          color="inherit"
+          size="initial"
+        >
+          <Icon name="arrow-down" />
+        </IconButton>
+      </ButtonGroup>
+      <Button
+        className="px-2 py-2 ml-2 text-base text-white bg-black border border-primary-main"
+        variant="outlined"
+        size="initial"
+        color="inherit"
+        onClick={() => alert('Create Report')}
+      >
+        Create Report
+      </Button>
+    </React.Fragment>
+  );
+
+  const descriptionData = {
+    date: '07-Sep-2010',
+    modality: 'CT',
+    description: 'CHEST/ABD/PELVIS W CONTRAST',
+  };
+
+  const activeMeasurementItem = 0;
+
+  const measurementTableData = {
+    title: 'Measurements',
+    amount: 10,
+    data: new Array(10).fill({}).map((el, i) => ({
+      id: i + 1,
+      label: 'Label short description',
+      displayText: '24.0 x 24.0 mm (S:4, I:22)',
+      isActive: activeMeasurementItem === i + 1,
+    })),
+    // onClick: id => setActiveMeasurementItem(s => (s === id ? null : id)),
+    onClick: () => {},
+    onEdit: id => alert(`Edit: ${id}`),
+  };
+
+  return (
+    <MeasurementsPanel
+      descriptionData={descriptionData}
+      measurementTableData={measurementTableData}
+      actionButtons={actionButtons}
+    />
+  );
+}