diff --git a/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport/CornerstoneViewport.js b/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport/CornerstoneViewport.js
index dd592793f..27fe94c61 100644
--- a/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport/CornerstoneViewport.js
+++ b/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport/CornerstoneViewport.js
@@ -185,8 +185,7 @@ class CornerstoneViewport extends Component {
viewport={
this.state.viewport
}
- />
- Please drag a stack here to view images.
{
+ /> {
this.displayScrollbar && ( {
const className = `viewportContainer ${this.getClass(index)} ${this.getActiveClass(index)}`;
+
+ // TODO[react]: Not sure why I needed to do this. Looks like
+ // empty viewports aren't provided with a viewportIndex normally?
+ data.viewportIndex = index;
const styles = {
height: `${height}%`,
@@ -91,16 +95,28 @@ class GridLayout extends Component {
);
+ let contents;
+ if (!data.studyInstanceUid || !data.displaySetInstanceUid) {
+ contents = (
+
+
+ Please drag a stack here to view images.
+
+
+ );
+ } else if (data.plugin === 'cornerstone') {
+ contents = cornerstoneViewport(data);
+ } else {
+ contents = pluginViewport(data);
+ }
+
return (
- {data.plugin === 'cornerstone' ?
- cornerstoneViewport(data) :
- pluginViewport(data)
- }
- {/*{>seriesQuickSwitch (clone this viewport=viewport viewportIndex=@index)}*/}
-
- )
- })
+ {contents}
+ {/*{>seriesQuickSwitch (clone this viewport=viewport viewportIndex=@index)}*/}
+
+ );
+ });
const layoutClass = `layout-${rows}-${columns}`;
diff --git a/StandaloneViewer/.gitignore b/StandaloneViewer/.gitignore
index a5b8b18b4..02359136c 100644
--- a/StandaloneViewer/.gitignore
+++ b/StandaloneViewer/.gitignore
@@ -1,4 +1,4 @@
myOutputFolder/
node_modules
-client/sha.js
-client/version.js
\ No newline at end of file
+StandaloneViewer/client/sha.js
+StandaloneViewer/client/version.js
\ No newline at end of file