🔨 Switch ConnectionNotice to use useOvermind (codesandbox#2545)

Author: MichaelDeBoey

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

@@ -1,17 +1,21 @@
-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 ConnectionNotice = inject('store')(
-  hooksObserver(
-    ({ store: { connected } }) =>
-      !connected && (
-        <Container>
-          You{"'"}re not connected to the internet. You can still edit, but you
-          cannot save. We recommend using the {"'"}Download{"'"} function to
-          keep your changes.
-        </Container>
-      )
-  )
-);
+export const ConnectionNotice: FunctionComponent = () => {
+  const {
+    state: { connected },
+  } = useOvermind();
+
+  return (
+    !connected && (
+      <Container>
+        You{"'"}re not connected to the internet. You can still edit, but you
+        cannot save. We recommend using the {"'"}Download{"'"} function to keep
+        your changes.
+      </Container>
+    )
+  );
+};