fix: UI tweaks to satisfy OHIF-161, OHIF-254, OHIF-167, OHIF-249, OHIF-170, OHIF-162

* add group hover for borderColor

* measurements action buttons hover state

* fixes and button/buttongroup/iconButton refactor

* OHIF-161: Fix Tracked/Untracked Text in Thumbnail's Tooltip

* OHIF-254: Format SR series date

* OHIF-167 - Fix Study Date Time format

* OHIF-249: Fix viewport border thickness and action bar min height

* pass viewportIdentificator to SR Thumbnail

* show tooltip when hover over the SR thumbnail

* OHIF-170: Display tooltip when hovering over an untracked series in the Viewport Action Bar

* Undo accidental date change

* Sneak in "Create Report" messaging for createReport notifications

* Fix text clipping

* Add no-select text styles for action bar, thumbnail, and thumbnail no image (sr)

* fix for OHIF-162

Modified to remove Viewport Identifier. Text now only reads: “Structured Report”This was partly to address a bug where the Viewport Identifier was incorrect for all but the first displayed SR. Component API changed for ThumbnailNoImage to accomodate any generic “modalityTooltip”

* Some ViewportPane resize magic

Co-authored-by: dannyrb <danny.ri.brown@gmail.com>

extensions/measurement-tracking/src/_shared/createReportAsync.js

@@ -25,13 +25,13 @@ async function createReportAsync(servicesManager, dataSource, measurements) {
       madeInClient: true,
     });
     UINotificationService.show({
-      title: 'STOW SR',
+      title: 'Create Report',
       message: 'Measurements saved successfully',
       type: 'success',
     });
   } catch (error) {
     UINotificationService.show({
-      title: 'STOW SR',
+      title: 'Create Report',
       message: error.message || 'Failed to store measurements',
       type: 'error',
     });

extensions/measurement-tracking/src/panels/PanelMeasurementTableTracking/ActionButtons.jsx

@@ -5,27 +5,22 @@ import { Button, ButtonGroup, Icon, IconButton } from '@ohif/ui';
 function ActionButtons({ onExportClick, onCreateReportClick }) {
   return (
     <React.Fragment>
-      <ButtonGroup onClick={onExportClick}>
-        <Button
-          className="px-2 py-2 text-base text-white bg-black border-primary-main"
-          size="initial"
-          color="inherit"
-        >
-          Export
-        </Button>
+      <ButtonGroup color="black" onClick={onExportClick} size="inherit">
+        <Button className="text-base px-2 py-2">Export</Button>
         <IconButton
-          className="px-2 text-white bg-black border-primary-main"
-          color="inherit"
+          className="px-2"
+          color="black"
           size="initial"
+          variant="outlined"
         >
           <Icon name="arrow-down" />
         </IconButton>
       </ButtonGroup>
       <Button
-        className="px-2 py-2 ml-2 text-base text-white bg-black border border-primary-main"
+        className="ml-2 text-base"
         variant="outlined"
-        size="initial"
-        color="inherit"
+        size="small"
+        color="black"
         onClick={onCreateReportClick}
       >
         Create Report

extensions/measurement-tracking/src/panels/PanelStudyBrowserTracking/PanelStudyBrowserTracking.jsx

@@ -381,7 +381,7 @@ function _mapDisplaySets(
       description: ds.SeriesDescription,
       seriesNumber: ds.SeriesNumber,
       modality: ds.Modality,
-      seriesDate: ds.SeriesDate,
+      seriesDate: formatDate(ds.SeriesDate),
       numInstances: ds.numImageFrames,
       StudyInstanceUID: ds.StudyInstanceUID,
       componentType,