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 classnames from 'classnames';
@ -26,9 +26,8 @@ const StudyBrowser = ({
onClickStudy,
onClickThumbnail,
onClickUntrack,
currentDisplaySetInstanceUID,
}) => {
const [thumbnailActive, setThumbnailActive] = useState(null);
const getTabContent = () => {
const tabData = tabs.find(tab => tab.name === activeTabName);
@ -58,18 +57,9 @@ const StudyBrowser = ({
{isExpanded && displaySets && (
<ThumbnailList
thumbnails={displaySets}
thumbnailActive={thumbnailActive}
onThumbnailClick={displaySetInstanceUID => {
setThumbnailActive(
displaySetInstanceUID === thumbnailActive
? null
: displaySetInstanceUID
);
onClickThumbnail(displaySetInstanceUID);
}}
onClickUntrack={displaySetInstanceUID => {
onClickUntrack(displaySetInstanceUID);
}}
currentDisplaySetInstanceUID={currentDisplaySetInstanceUID}
onThumbnailClick={onClickThumbnail}
onClickUntrack={onClickUntrack}
/>
)}
</React.Fragment>
@ -121,6 +111,7 @@ StudyBrowser.propTypes = {
onClickUntrack: PropTypes.func,
activeTabName: PropTypes.string.isRequired,
expandedStudyInstanceUIDs: PropTypes.arrayOf(PropTypes.string).isRequired,
currentDisplaySetInstanceUID: PropTypes.string.isRequired,
tabs: PropTypes.arrayOf(
PropTypes.shape({
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 = ({
thumbnails,
thumbnailActive,
currentDisplaySetInstanceUID,
onThumbnailClick,
onClickUntrack,
}) => {
@ -26,7 +26,8 @@ const ThumbnailList = ({
imageSrc,
imageAltText,
}) => {
const isActive = thumbnailActive === displaySetInstanceUID;
const isActive =
currentDisplaySetInstanceUID === displaySetInstanceUID;
switch (componentType) {
case 'thumbnail':
@ -112,7 +113,7 @@ ThumbnailList.propTypes = {
}),
})
),
thumbnailActive: PropTypes.string,
currentDisplaySetInstanceUID: PropTypes.string,
onThumbnailClick: PropTypes.func,
onClickUntrack: PropTypes.func.isRequired,
};