🔨 Switch DeployButtonZeit to use useOvermind (codesandbox#2573)

Author: MichaelDeBoey

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

@@ -1,44 +1,38 @@
-import { inject, hooksObserver } from 'app/componentConnectors';
-import React from 'react';
+import React, { FunctionComponent } from 'react';
+
 import { DeploymentIntegration } from 'app/components/DeploymentIntegration';
 import { NowLogo } from 'app/components/NowLogo';
+import { useOvermind } from 'app/overmind';
+
 import { DeployButtonContainer } from '../../elements';
 
 type Props = {
   isOpen: boolean;
   toggle: () => void;
-  store: any;
-  signals: any;
 };
 
-export const DeployButton = inject('store', 'signals')(
-  hooksObserver(
-    ({
-      isOpen,
-      toggle,
-      signals: {
-        deployment: { deploySandboxClicked },
-      },
-    }: Props) => (
-      <DeployButtonContainer>
-        <DeploymentIntegration
-          bgColor="#000000"
-          onDeploy={deploySandboxClicked}
-          Icon={NowLogo}
-          name="Now"
-          open={isOpen}
-          onToggle={toggle}
-        >
-          Deploy your sandbox on{' '}
-          <a
-            href="https://zeit.co/now"
-            rel="noreferrer noopener"
-            target="_blank"
-          >
-            <span>ZEIT Now</span>
-          </a>
-        </DeploymentIntegration>
-      </DeployButtonContainer>
-    )
-  )
-);
+export const DeployButton: FunctionComponent<Props> = ({ isOpen, toggle }) => {
+  const {
+    actions: {
+      deployment: { deploySandboxClicked },
+    },
+  } = useOvermind();
+
+  return (
+    <DeployButtonContainer>
+      <DeploymentIntegration
+        bgColor="#000000"
+        onDeploy={deploySandboxClicked}
+        Icon={NowLogo}
+        name="Now"
+        open={isOpen}
+        onToggle={toggle}
+      >
+        Deploy your sandbox on{' '}
+        <a href="https://zeit.co/now" rel="noreferrer noopener" target="_blank">
+          <span>ZEIT Now</span>
+        </a>
+      </DeploymentIntegration>
+    </DeployButtonContainer>
+  );
+};