🔨 Switch Zeit to use useOvermind (codesandbox#2570)

Author: MichaelDeBoey

packages/app/src/app/pages/Sandbox/Editor/Workspace/items/Deployment/Zeit/Zeit.tsx

@@ -1,6 +1,6 @@
-import { inject, hooksObserver } from 'app/componentConnectors';
-import React, { useState } from 'react';
+import React, { FunctionComponent, useState } from 'react';
 
+import { useOvermind } from 'app/overmind';
 import { ZeitIntegration } from 'app/pages/common/ZeitIntegration';
 
 import { Wrapper } from '../elements';
@@ -9,29 +9,27 @@ import { DeployButton } from './DeployButton';
 import { Deploys } from './Deploys';
 import { NoIntegrationWrapper } from './elements';
 
-export const Zeit = inject('store')(
-  hooksObserver(
-    ({
-      store: {
-        deployment: { deploying, sandboxDeploys },
-        user: { integrations },
-      },
-    }) => {
-      const [isVisible, setVisible] = useState(false);
-      return integrations.zeit ? (
-        <Wrapper loading={deploying}>
-          <DeployButton
-            isOpen={isVisible}
-            toggle={() => setVisible(show => !show)}
-          />
+export const Zeit: FunctionComponent = () => {
+  const {
+    state: {
+      deployment: { deploying, sandboxDeploys },
+      user: { integrations },
+    },
+  } = useOvermind();
+  const [isVisible, setVisible] = useState(false);
 
-          {sandboxDeploys.length && isVisible ? <Deploys /> : null}
-        </Wrapper>
-      ) : (
-        <NoIntegrationWrapper>
-          <ZeitIntegration small />
-        </NoIntegrationWrapper>
-      );
-    }
-  )
-);
+  return integrations.zeit ? (
+    <Wrapper loading={deploying}>
+      <DeployButton
+        isOpen={isVisible}
+        toggle={() => setVisible(show => !show)}
+      />
+
+      {sandboxDeploys.length && isVisible ? <Deploys /> : null}
+    </Wrapper>
+  ) : (
+    <NoIntegrationWrapper>
+      <ZeitIntegration small />
+    </NoIntegrationWrapper>
+  );
+};