fix: showStudyList config (#1647)

* fix: `showStudyList` config

* showStudyList should default to true if not defined

platform/viewer/src/App.js

@@ -86,6 +86,7 @@ class App extends Component {
 
   static defaultProps = {
     config: {
+      showStudyList: true,
       whiteLabelling: {},
       oidc: [],
       extensions: [],
@@ -102,6 +103,7 @@ class App extends Component {
     const { config, defaultExtensions } = props;
 
     const appDefaultConfig = {
+      showStudyList: true,
       cornerstoneExtensionConfig: {},
       extensions: [],
       routerBasename: '/',

platform/viewer/src/components/Header/Header.js

@@ -1,30 +1,29 @@
 import React, { useState, useEffect } from 'react';
 import { Link, withRouter } from 'react-router-dom';
 import { withTranslation } from 'react-i18next';
-
 import PropTypes from 'prop-types';
-
+import classNames from 'classnames';
 import { Dropdown, AboutContent, withModal } from '@ohif/ui';
-
+//
 import { UserPreferences } from './../UserPreferences';
 import OHIFLogo from '../OHIFLogo/OHIFLogo.js';
 import './Header.css';
 
-// Context
-import AppContext from './../../context/AppContext';
-
 function Header(props) {
   const {
     t,
     user,
     userManager,
     modal: { show },
-    home,
+    useLargeLogo,
+    linkPath,
+    linkText,
     location,
     children,
   } = props;
 
   const [options, setOptions] = useState([]);
+  const hasLink = linkText && linkPath;
 
   useEffect(() => {
     const optionsValue = [
@@ -61,15 +60,12 @@ function Header(props) {
     setOptions(optionsValue);
   }, [setOptions, show, t, user, userManager]);
 
-  const { appConfig = {} } = AppContext;
-  const showStudyList =
-    appConfig.showStudyList !== undefined ? appConfig.showStudyList : true;
-
-  // ANTD -- Hamburger, Drawer, Menu
   return (
     <>
       <div className="notification-bar">{t('INVESTIGATIONAL USE ONLY')}</div>
-      <div className={`entry-header ${home ? 'header-big' : ''}`}>
+      <div
+        className={classNames('entry-header', { 'header-big': useLargeLogo })}
+      >
         <div className="header-left-box">
           {location && location.studyLink && (
             <Link
@@ -82,15 +78,15 @@ function Header(props) {
 
           {children}
 
-          {showStudyList && !home && (
+          {hasLink && (
             <Link
               className="header-btn header-studyListLinkSection"
               to={{
-                pathname: '/',
+                pathname: linkPath,
                 state: { studyLink: location.pathname },
               }}
             >
-              {t('Study list')}
+              {t(linkText)}
             </Link>
           )}
         </div>
@@ -105,7 +101,11 @@ function Header(props) {
 }
 
 Header.propTypes = {
-  home: PropTypes.bool.isRequired,
+  // Study list, /
+  linkText: PropTypes.string,
+  linkPath: PropTypes.string,
+  useLargeLogo: PropTypes.bool,
+  //
   location: PropTypes.object.isRequired,
   children: PropTypes.node,
   t: PropTypes.func.isRequired,
@@ -115,7 +115,7 @@ Header.propTypes = {
 };
 
 Header.defaultProps = {
-  home: true,
+  useLargeLogo: false,
   children: OHIFLogo(),
 };
 

platform/viewer/src/connectedComponents/Viewer.js

@@ -16,6 +16,7 @@ import { extensionManager } from './../App.js';
 // Contexts
 import WhiteLabellingContext from '../context/WhiteLabellingContext.js';
 import UserManagerContext from '../context/UserManagerContext';
+import AppContext from '../context/AppContext';
 
 import './Viewer.css';
 
@@ -230,9 +231,23 @@ class Viewer extends Component {
           {whiteLabelling => (
             <UserManagerContext.Consumer>
               {userManager => (
-                <ConnectedHeader home={false} userManager={userManager}>
+                <AppContext.Consumer>
-                  {whiteLabelling.logoComponent}
+                  {appContext => (
-                </ConnectedHeader>
+                    <ConnectedHeader
+                      linkText={
+                        appContext.appConfig.showStudyList
+                          ? 'Study List'
+                          : undefined
+                      }
+                      linkPath={
+                        appContext.appConfig.showStudyList ? '/' : undefined
+                      }
+                      userManager={userManager}
+                    >
+                      {whiteLabelling.logoComponent}
+                    </ConnectedHeader>
+                  )}
+                </AppContext.Consumer>
               )}
             </UserManagerContext.Consumer>
           )}
@@ -290,11 +305,11 @@ class Viewer extends Component {
                 activeIndex={this.props.activeViewportIndex}
               />
             ) : (
-                <ConnectedStudyBrowser
+              <ConnectedStudyBrowser
-                  studies={this.state.thumbnails}
+                studies={this.state.thumbnails}
-                  studyMetadata={this.props.studies}
+                studyMetadata={this.props.studies}
-                />
+              />
-              )}
+            )}
           </SidePanel>
 
           {/* MAIN */}
@@ -332,7 +347,7 @@ export default withDialog(Viewer);
  * @param {Study[]} studies
  * @param {DisplaySet[]} studies[].displaySets
  */
-const _mapStudiesToThumbnails = function (studies) {
+const _mapStudiesToThumbnails = function(studies) {
   return studies.map(study => {
     const { StudyInstanceUID } = study;
 

platform/viewer/src/routes/routesUtil.js

@@ -45,9 +45,7 @@ const ROUTES_DEF = {
       path: ['/studylist', '/'],
       component: StudyListRouting,
       condition: appConfig => {
-        return appConfig.showStudyList !== undefined
+        return appConfig.showStudyList;
-          ? appConfig.showStudyList
-          : true;
       },
     },
     local: {
@@ -72,10 +70,7 @@ const ROUTES_DEF = {
         '/projects/:project/locations/:location/datasets/:dataset/dicomStores/:dicomStore',
       component: StudyListRouting,
       condition: appConfig => {
-        const showList =
+        const showList = appConfig.showStudyList;
-          appConfig.showStudyList !== undefined
-            ? appConfig.showStudyList
-            : true;
 
         return showList && !!appConfig.enableGoogleCloudAdapter;
       },

platform/viewer/src/studylist/StudyListRoute.js

@@ -214,7 +214,7 @@ function StudyListRoute(props) {
           <UserManagerContext.Consumer>
             {userManager => (
               <ConnectedHeader
-                home={true}
+                useLargeLogo={true}
                 user={user}
                 userManager={userManager}
               >