Fix preview SSE screenshot not hiding

Author: CompuIves

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;
 `;

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);