🔨 Switch DeployButtonNetlify to use useOvermind (codesandbox#2574)

Author: MichaelDeBoey

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

@@ -1,54 +1,47 @@
-import React from 'react';
 import track from '@codesandbox/common/lib/utils/analytics';
-import { inject, hooksObserver } from 'app/componentConnectors';
+import React, { FunctionComponent } from 'react';
+
 import { DeploymentIntegration } from 'app/components/DeploymentIntegration';
 import { NetlifyLogo } from 'app/components/NetlifyLogo';
+import { useOvermind } from 'app/overmind';
+
 import { DeployButtonContainer } from '../../elements';
 
 type Props = {
   isOpen: boolean;
   toggle: () => void;
-  store: any;
-  signals: any;
 };
+export const DeployButton: FunctionComponent<Props> = ({ isOpen, toggle }) => {
+  const {
+    actions: {
+      deployment: { deployWithNetlify },
+    },
+    state: {
+      deployment: { building, deploying },
+    },
+  } = useOvermind();
 
-export const DeployButton = inject('store', 'signals')(
-  hooksObserver(
-    ({
-      isOpen,
-      toggle,
-      signals: {
-        deployment: { deployWithNetlify },
-      },
-      store: {
-        deployment: { building, deploying },
-      },
-    }: Props) => (
-      <DeployButtonContainer>
-        <DeploymentIntegration
-          beta
-          bgColor="#FFFFFF"
-          onDeploy={() => {
-            track('Deploy Clicked', { provider: 'netlify' });
-            deployWithNetlify({});
-          }}
-          Icon={NetlifyLogo}
-          light
-          loading={deploying || building}
-          name="netlify"
-          open={isOpen}
-          onToggle={toggle}
-        >
-          Deploy your sandbox site on{' '}
-          <a
-            href="https://netlify.com"
-            rel="noreferrer noopener"
-            target="_blank"
-          >
-            <span>Netlify</span>
-          </a>
-        </DeploymentIntegration>
-      </DeployButtonContainer>
-    )
-  )
-);
+  return (
+    <DeployButtonContainer>
+      <DeploymentIntegration
+        beta
+        bgColor="#FFFFFF"
+        onDeploy={() => {
+          track('Deploy Clicked', { provider: 'netlify' });
+          deployWithNetlify();
+        }}
+        Icon={NetlifyLogo}
+        light
+        loading={deploying || building}
+        name="netlify"
+        open={isOpen}
+        onToggle={toggle}
+      >
+        Deploy your sandbox site on{' '}
+        <a href="https://netlify.com" rel="noreferrer noopener" target="_blank">
+          <span>Netlify</span>
+        </a>
+      </DeploymentIntegration>
+    </DeployButtonContainer>
+  );
+};