diff --git a/platform/ui/src/assets/icons/settings.svg b/platform/ui/src/assets/icons/settings.svg index 6770652e6..a59f13eeb 100644 --- a/platform/ui/src/assets/icons/settings.svg +++ b/platform/ui/src/assets/icons/settings.svg @@ -1,4 +1,4 @@ - + diff --git a/platform/ui/src/views/StudyList/components/Header.js b/platform/ui/src/views/StudyList/components/Header.js index 6b553bada..d684df216 100644 --- a/platform/ui/src/views/StudyList/components/Header.js +++ b/platform/ui/src/views/StudyList/components/Header.js @@ -1,10 +1,46 @@ import React from 'react'; +import PropTypes from 'prop-types'; +import { withTranslation } from 'react-i18next'; -/** - * THIS FILE LOCATION IS TEMPORARY AND SHOULD NOT BE PLACED HERE - */ -const Header = () => { - return
{`<- HEADER CONTENT ->`}
; +import { IconButton, Icon } from '@ohif/ui'; + +import OHIFLogo from './OHIFLogo.js'; + +function Header({ appLogo = OHIFLogo(), children, t }) { + const showSettingsDropdown = () => { + // TODO: Update once dropdown component is created + }; + + return ( +
+
+
{appLogo}
+
{children}
+
+
+ + {t('FOR INVESTIGATIONAL USE ONLY')} + + + + + + + +
+
+ ); +} + +Header.propTypes = { + appLogo: PropTypes.node, + children: PropTypes.node, + t: PropTypes.func.isRequired, }; -export default Header; +export default withTranslation(['Header'])(Header); diff --git a/platform/ui/src/views/StudyList/components/OHIFLogo.js b/platform/ui/src/views/StudyList/components/OHIFLogo.js new file mode 100644 index 000000000..cb7105e2f --- /dev/null +++ b/platform/ui/src/views/StudyList/components/OHIFLogo.js @@ -0,0 +1,7 @@ +import React from 'react'; + +function OHIFLogo() { + return ICON - Open Health Imaging Foundation; +} + +export default OHIFLogo;