{shouldRenderToCanvas() ? (
@@ -126,6 +128,7 @@ function ImageThumbnail(props) {
}
ImageThumbnail.propTypes = {
+ active: PropTypes.bool,
imageSrc: PropTypes.string,
imageId: PropTypes.string,
error: PropTypes.bool,
@@ -135,6 +138,7 @@ ImageThumbnail.propTypes = {
};
ImageThumbnail.defaultProps = {
+ active: false,
error: false,
stackPercentComplete: 0,
width: 217,
diff --git a/platform/ui/src/components/studyBrowser/ImageThumbnail.styl b/platform/ui/src/components/studyBrowser/ImageThumbnail.styl
index dce5c7d41..d23c732ee 100644
--- a/platform/ui/src/components/studyBrowser/ImageThumbnail.styl
+++ b/platform/ui/src/components/studyBrowser/ImageThumbnail.styl
@@ -6,7 +6,7 @@
--sidebar-transition: all 0.3s ease;
}
-.ThumbnailEntry.active .ImageThumbnail
+.ImageThumbnail.active
border-color: var(--active-color);
box-shadow: none
transition: var(--sidebar-transition);
@@ -14,7 +14,7 @@
.ImageThumbnail
background-color: var(--primary-background-color);
box-shadow: inset 0 0 0 1px var(--ui-border-color-dark);
- border: 5px solid transparent
+ border: 2px solid transparent
border-radius: 12px
height: 135px
margin: 0 auto
diff --git a/platform/ui/src/components/studyBrowser/StudyBrowser.js b/platform/ui/src/components/studyBrowser/StudyBrowser.js
index 469c74440..0bb75058a 100644
--- a/platform/ui/src/components/studyBrowser/StudyBrowser.js
+++ b/platform/ui/src/components/studyBrowser/StudyBrowser.js
@@ -20,6 +20,7 @@ function StudyBrowser(props) {
return study.thumbnails.map((thumb, thumbIndex) => {
// TODO: Thumb has more props than we care about?
const {
+ active,
altImageText,
displaySetInstanceUID,
imageId,
@@ -38,6 +39,7 @@ function StudyBrowser(props) {
data-cy="thumbnail-list"
>
{
let unmounted = false
hasWarnings.then(response => {
if (!unmounted) {
- warningListSet(response)
+ inconsistencyWarningsSet(response)
}
})
return () => {
@@ -41,22 +41,22 @@ function ThumbnailFooter({
);
};
- const getWarningContent = (warningList) => {
- if (Array.isArray(warningList)) {
- const listedWarnings = warningList.map((warn, index) => {
+ const getWarningContent = (inconsistencyWarnings) => {
+ if (Array.isArray(inconsistencyWarnings)) {
+ const listedWarnings = inconsistencyWarnings.map((warn, index) => {
return {warn};
});
return {listedWarnings}
;
} else {
- return {warningList};
+ return {inconsistencyWarnings};
}
};
- const getWarningInfo = (SeriesNumber, warningList) => {
+ const getWarningInfo = (SeriesNumber, inconsistencyWarnings) => {
return(
- {warningList.length != 0 ? (
+ {inconsistencyWarnings && inconsistencyWarnings.length != 0 ? (
Series Inconsistencies
- {getWarningContent(warningList)}
+ {getWarningContent(inconsistencyWarnings)}
}
>
@@ -87,7 +87,7 @@ function ThumbnailFooter({
SeriesNumber,
InstanceNumber,
numImageFrames,
- warningList
+ inconsistencyWarnings
) => {
if (!SeriesNumber && !InstanceNumber && !numImageFrames) {
return;
@@ -97,7 +97,7 @@ function ThumbnailFooter({
{getInfo(SeriesNumber, 'S:')}
{getInfo(InstanceNumber, 'I:')}
{getInfo(numImageFrames, '', 'image-frames')}
- {getWarningInfo(SeriesNumber, warningList)}
+ {getWarningInfo(SeriesNumber, inconsistencyWarnings)}
return (seriesInformation);
@@ -106,7 +106,7 @@ function ThumbnailFooter({
return (
{SeriesDescription}
- {getSeriesInformation(SeriesNumber, InstanceNumber, numImageFrames, warningList)}
+ {getSeriesInformation(SeriesNumber, InstanceNumber, numImageFrames, inconsistencyWarnings)}
);
}
@@ -159,6 +159,7 @@ function Thumbnail(props) {
{/* SHOW IMAGE */}
{hasImage && (