chore(prettier): full repo linting and code reformatting once and for all (#3627)

platform/ui/src/components/StudyBrowser/StudyBrowser.tsx

@@ -37,14 +37,7 @@ const StudyBrowser = ({
   const getTabContent = () => {
     const tabData = tabs.find(tab => tab.name === activeTabName);
     return tabData.studies.map(
-      ({
-        studyInstanceUid,
-        date,
-        description,
-        numInstances,
-        modalities,
-        displaySets,
-      }) => {
+      ({ studyInstanceUid, date, description, numInstances, modalities, displaySets }) => {
         const isExpanded = expandedStudyInstanceUIDs.includes(studyInstanceUid);
         return (
           <React.Fragment key={studyInstanceUid}>
@@ -78,11 +71,15 @@ const StudyBrowser = ({
   return (
     <React.Fragment>
       <div
-        className="flex flex-row items-center justify-center h-16 p-4 border-b w-100 border-secondary-light bg-primary-dark"
+        className="w-100 border-secondary-light bg-primary-dark flex h-16 flex-row items-center justify-center border-b p-4"
         data-cy={'studyBrowser-panel'}
       >
         {/* TODO Revisit design of ButtonGroup later - for now use LegacyButton for its children.*/}
-        <ButtonGroup variant="outlined" color="secondary" splitBorder={false}>
+        <ButtonGroup
+          variant="outlined"
+          color="secondary"
+          splitBorder={false}
+        >
           {tabs.map(tab => {
             const { name, label, studies } = tab;
             const isActive = activeTabName === name;
@@ -98,7 +95,7 @@ const StudyBrowser = ({
             return (
               <LegacyButton
                 key={name}
-                className={'text-white text-base p-2 min-w-18'}
+                className={'min-w-18 p-2 text-base text-white'}
                 size="initial"
                 color={color}
                 bgColor={isActive ? 'bg-primary-main' : 'bg-black'}
@@ -113,7 +110,7 @@ const StudyBrowser = ({
           })}
         </ButtonGroup>
       </div>
-      <div className="flex flex-col flex-1 overflow-auto ohif-scrollbar invisible-scrollbar">
+      <div className="ohif-scrollbar invisible-scrollbar flex flex-1 flex-col overflow-auto">
         {getTabContent()}
       </div>
     </React.Fragment>
@@ -149,11 +146,8 @@ StudyBrowser.propTypes = {
               seriesNumber: StringNumber,
               numInstances: PropTypes.number,
               description: PropTypes.string,
-              componentType: PropTypes.oneOf([
-                'thumbnail',
-                'thumbnailTracked',
-                'thumbnailNoImage',
-              ]).isRequired,
+              componentType: PropTypes.oneOf(['thumbnail', 'thumbnailTracked', 'thumbnailNoImage'])
+                .isRequired,
               isTracked: PropTypes.bool,
               viewportIdentificator: PropTypes.arrayOf(PropTypes.string),
               /**

platform/ui/src/components/StudyBrowser/__stories__/studyBrowser.stories.mdx

@@ -8,7 +8,10 @@ export const argTypes = {
   title: 'Components/StudyBrowser',
 };
 
-<Meta title="Components/StudyBrowser" component={StudyBrowser} />
+<Meta
+  title="Components/StudyBrowser"
+  component={StudyBrowser}
+/>
 
 export const StudyBrowserTemplate = args => (
   <div className="w-96">
@@ -76,8 +79,7 @@ With Studies
           label: 'Primary',
           studies: [
             {
-              studyInstanceUid:
-                '1.3.6.1.4.1.25403.345050719074.3824.20170126085406.1',
+              studyInstanceUid: '1.3.6.1.4.1.25403.345050719074.3824.20170126085406.1',
               date: '26-Oct-2015',
               description: 'CT CHEST W CONTRAST',
               modalities: 'CT',
@@ -90,13 +92,11 @@ With Studies
                   modality: 'CT',
                   seriesDate: '26-Oct-2015',
                   numInstances: 1,
-                  StudyInstanceUID:
-                    '1.3.6.1.4.1.25403.345050719074.3824.20170126085406.1',
+                  StudyInstanceUID: '1.3.6.1.4.1.25403.345050719074.3824.20170126085406.1',
                   componentType: 'thumbnailTracked',
                   dragData: {
                     type: 'displayset',
-                    displaySetInstanceUID:
-                      '0b66675a-a4e3-a718-21f4-035d2d178d62',
+                    displaySetInstanceUID: '0b66675a-a4e3-a718-21f4-035d2d178d62',
                   },
                   isTracked: false,
                   viewportIdentificator: [],