Fix preview SSE screenshot not hiding

codesandbox · Dec 13, 2018 · 7aca45c · 7aca45c
1 parent a946e07
commit 7aca45c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/app/src/app/components/Preview/elements.js b/packages/app/src/app/components/Preview/elements.js
@@ -41,4 +41,6 @@ export const Loading = styled.div`
   color: white;
   line-height: 1.3;
   text-align: center;
+
+  z-index: 10;
 `;
diff --git a/packages/app/src/app/components/Preview/index.js b/packages/app/src/app/components/Preview/index.js
@@ -191,6 +191,11 @@ class BasePreview extends React.Component<Props, State> {
       this.connectTimeout = null;
       this.localClose = false;
       this.setupSSESockets();
+
+      setTimeout(() => {
+        // Remove screenshot after specific time, so the loading container spinner can still show
+        this.setState({ showScreenshot: false });
+      }, 100);
     }
     this.listener = listen(this.handleMessage);