OHIF-208 (#1842)

* Set measurement as active * Add basic dialog component * Update styles and prop types * Jump to image * Update dialog * Format date * Update summary to use primary modalities * delete empty studySummary page * add missing PropTypes import * fix for accidental sync'd viewports * CR Updates * CR Update avoid cache of measurements * Use get measurement * Add comment to edit function * Remove request and merge modalities from series * Update dependency: react-cornerstone-viewport@2.3.9 react-cornerstone-viewport * @ohif/extension-cornerstone: 2.3.8 → 2.3.9 * @ohif/extension-dicom-sr: 2.3.8 → 2.3.9 * Update extensions/measurement-tracking/src/panels/PanelMeasurementTableTracking/index.js Co-authored-by: Danny Brown <danny.ri.brown@gmail.com> * Add debugs * remove console.debug * Update frameindex to imageindex * Use new rcv debounced function * Fix hovering * Update dialog text * Dismiss dialogs on esc * Update dependency: react-cornerstone-viewport@3.0.0 react-cornerstone-viewport * @ohif/extension-cornerstone: 2.3.9 → 3.0.0 * @ohif/extension-dicom-sr: 2.3.9 → 3.0.0 * OHIF-237 * remove console.debug * Remove dead code brought in from rebase * EmptyViewport should not display a message * Remove more dead code from rebase * fix variable naming * remove unused hook * bump yarn lock * formatting * Add arrow dialog * Filter based on trackedSeries Co-authored-by: Danny Brown <danny.ri.brown@gmail.com>
2020-07-02 16:53:38 -04:00
1 parent ae05de18af
commit a156eadcb7
@@ -0,0 +1,50 @@
+import React from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+
+import { Typography, Icon } from '..';
+
+const CloseButton = ({ onClick }) => {
+  const theme = 'bg-transparent fill-primary-active';
+  const outline = 'outline-none focus:outline-none';
+  const flex = 'flex h-full';
+
+  return (
+    <button className={classNames(flex, theme, 'border-0')} onClick={onClick}>
+      <Icon name="close" className={classNames(theme, outline, 'h-3 w-3')} />
+    </button>
+  );
+};
+
+CloseButton.propTypes = {
+  onClick: PropTypes.func,
+};
+
+const Header = ({ title, noCloseButton, onClose }) => {
+  const theme = 'bg-secondary-main';
+  const flex = 'flex items-center justify-between';
+  const border = 'border-b-2 border-solid border-black rounded-t';
+  const spacing = 'p-4';
+
+  return (
+    <div className={classNames(theme, flex, border, spacing)}>
+      <Typography variant="h6" className="text-primary-active">
+        {title}
+      </Typography>
+      {!noCloseButton && <CloseButton onClick={onClose} />}
+    </div>
+  );
+};
+
+Header.propTypes = {
+  className: PropTypes.string,
+  title: PropTypes.string,
+  noCloseButton: PropTypes.bool,
+  onClose: PropTypes.func,
+};
+
+Header.defaultProps = {
+  noCloseButton: false
+};
+
+export default Header;