othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update thumbnail props

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2020-06-30 15:57:24 -03:00
parent 71544df16f
commit 90ca52585a
2 changed files with 10 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
platform/ui/src/components/StudyBrowser/StudyBrowser.jsx
View File

@ -1,4 +1,4 @@
import React, { useState } from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import classnames from 'classnames'; import classnames from 'classnames';
@ -26,9 +26,8 @@ const StudyBrowser = ({
onClickStudy, onClickStudy,
onClickThumbnail, onClickThumbnail,
onClickUntrack, onClickUntrack,
currentDisplaySetInstanceUID,
}) => { }) => {
const [thumbnailActive, setThumbnailActive] = useState(null);
const getTabContent = () => { const getTabContent = () => {
const tabData = tabs.find(tab => tab.name === activeTabName); const tabData = tabs.find(tab => tab.name === activeTabName);
@ -58,18 +57,9 @@ const StudyBrowser = ({
{isExpanded && displaySets && ( {isExpanded && displaySets && (
<ThumbnailList <ThumbnailList
thumbnails={displaySets} thumbnails={displaySets}
thumbnailActive={thumbnailActive} currentDisplaySetInstanceUID={currentDisplaySetInstanceUID}
onThumbnailClick={displaySetInstanceUID => { onThumbnailClick={onClickThumbnail}
setThumbnailActive( onClickUntrack={onClickUntrack}
displaySetInstanceUID === thumbnailActive
? null
: displaySetInstanceUID
);
onClickThumbnail(displaySetInstanceUID);
}}
onClickUntrack={displaySetInstanceUID => {
onClickUntrack(displaySetInstanceUID);
}}
/> />
)} )}
</React.Fragment> </React.Fragment>
@ -121,6 +111,7 @@ StudyBrowser.propTypes = {
onClickUntrack: PropTypes.func, onClickUntrack: PropTypes.func,
activeTabName: PropTypes.string.isRequired, activeTabName: PropTypes.string.isRequired,
expandedStudyInstanceUIDs: PropTypes.arrayOf(PropTypes.string).isRequired, expandedStudyInstanceUIDs: PropTypes.arrayOf(PropTypes.string).isRequired,
currentDisplaySetInstanceUID: PropTypes.string.isRequired,
tabs: PropTypes.arrayOf( tabs: PropTypes.arrayOf(
PropTypes.shape({ PropTypes.shape({
name: PropTypes.string.isRequired, name: PropTypes.string.isRequired,

7
platform/ui/src/components/ThumbnailList/ThumbnailList.jsx
View File

@ -5,7 +5,7 @@ import { Thumbnail, ThumbnailNoImage, ThumbnailTracked } from '@ohif/ui';
const ThumbnailList = ({ const ThumbnailList = ({
thumbnails, thumbnails,
thumbnailActive, currentDisplaySetInstanceUID,
onThumbnailClick, onThumbnailClick,
onClickUntrack, onClickUntrack,
}) => { }) => {
@ -26,7 +26,8 @@ const ThumbnailList = ({
imageSrc, imageSrc,
imageAltText, imageAltText,
}) => { }) => {
const isActive = thumbnailActive === displaySetInstanceUID; const isActive =
currentDisplaySetInstanceUID === displaySetInstanceUID;
switch (componentType) { switch (componentType) {
case 'thumbnail': case 'thumbnail':
@ -112,7 +113,7 @@ ThumbnailList.propTypes = {
}), }),
}) })
), ),
thumbnailActive: PropTypes.string, currentDisplaySetInstanceUID: PropTypes.string,
onThumbnailClick: PropTypes.func, onThumbnailClick: PropTypes.func,
onClickUntrack: PropTypes.func.isRequired, onClickUntrack: PropTypes.func.isRequired,
}; };