🔨 Switch SSEDownNotice to use useOvermind (codesandbox#2559)

Author: MichaelDeBoey

packages/app/src/app/pages/Sandbox/Editor/Workspace/SSEDownNotice/SSEDownNotice.tsx

@@ -1,59 +1,58 @@
 import getTemplate from '@codesandbox/common/lib/templates';
-import { inject, hooksObserver } from 'app/componentConnectors';
-import React from 'react';
+import React, { FunctionComponent } from 'react';
+
+import { useOvermind } from 'app/overmind';
 
 import { Container } from './elements';
 
-export const SSEDownNotice = inject('store')(
-  hooksObserver(
-    ({
-      store: {
-        editor: {
-          currentSandbox: { template },
-        },
-        server: { status },
+export const SSEDownNotice: FunctionComponent = () => {
+  const {
+    state: {
+      editor: {
+        currentSandbox: { template },
       },
-    }) => {
-      if (!getTemplate(template).isServer) {
-        return null;
-      }
+      server: { status },
+    },
+  } = useOvermind();
+
+  if (!getTemplate(template).isServer) {
+    return null;
+  }
 
-      if (status !== 'disconnected') {
-        return null;
-      }
+  if (status !== 'disconnected') {
+    return null;
+  }
 
-      return (
-        <Container>
-          <p
-            style={{
-              color: '#FFFFFF',
-              fontSize: '.875rem',
-              fontWeight: 700,
-              marginTop: 0,
-            }}
-          >
-            Server Connection Trouble
-          </p>
-          It seems like our Server Manager is either updating or experiencing
-          some heavy load. Reconnecting in a couple seconds...
-          <p style={{ marginBottom: 0 }}>
-            We
-            {"'"}
-            re working on fixing this as soon as possible. If this isn
-            {"'"}t resolved with in a minute it would greatly help us if you
-            could let us know on{' '}
-            <a
-              href="https://spectrum.chat/codesandbox"
-              rel="noopener noreferrer"
-              style={{ color: '#FFFFFF' }}
-              target="_blank"
-            >
-              Spectrum
-            </a>
-            .
-          </p>
-        </Container>
-      );
-    }
-  )
-);
+  return (
+    <Container>
+      <p
+        style={{
+          color: '#FFFFFF',
+          fontSize: '.875rem',
+          fontWeight: 700,
+          marginTop: 0,
+        }}
+      >
+        Server Connection Trouble
+      </p>
+      It seems like our Server Manager is either updating or experiencing some
+      heavy load. Reconnecting in a couple seconds...
+      <p style={{ marginBottom: 0 }}>
+        We
+        {"'"}
+        re working on fixing this as soon as possible. If this isn
+        {"'"}t resolved with in a minute it would greatly help us if you could
+        let us know on{' '}
+        <a
+          href="https://spectrum.chat/codesandbox"
+          rel="noopener noreferrer"
+          style={{ color: '#FFFFFF' }}
+          target="_blank"
+        >
+          Spectrum
+        </a>
+        .
+      </p>
+    </Container>
+  );
+};