🔨 Switch Netlify to use useOvermind (codesandbox#2579)

Author: MichaelDeBoey

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

@@ -1,43 +1,42 @@
 import getTemplate from '@codesandbox/common/lib/templates';
-import { inject, hooksObserver } from 'app/componentConnectors';
-import React, { useEffect, useState } from 'react';
+
+import React, { FunctionComponent, useEffect, useState } from 'react';
+
+import { useOvermind } from 'app/overmind';
 
 import { Wrapper } from '../elements';
 
 import { DeployButton } from './DeployButton';
 import { SiteInfo } from './SiteInfo';
 
-export const Netlify = inject('store', 'signals')(
-  hooksObserver(
-    ({
-      signals: {
-        deployment: { getNetlifyDeploys },
-      },
-      store: {
-        deployment: { deploying, netlifySite },
-        editor: { currentSandbox },
-      },
-    }) => {
-      const [isVisible, setVisible] = useState(false);
-
-      useEffect(() => {
-        getNetlifyDeploys();
-      }, [getNetlifyDeploys]);
-
-      const template = getTemplate(currentSandbox.template);
-
-      return (
-        template.netlify !== false && (
-          <Wrapper loading={deploying}>
-            <DeployButton
-              isOpen={isVisible}
-              toggle={() => setVisible(show => !show)}
-            />
-
-            {netlifySite && isVisible ? <SiteInfo /> : null}
-          </Wrapper>
-        )
-      );
-    }
-  )
-);
+export const Netlify: FunctionComponent = () => {
+  const {
+    actions: {
+      deployment: { getNetlifyDeploys },
+    },
+    state: {
+      deployment: { deploying, netlifySite },
+      editor: { currentSandbox },
+    },
+  } = useOvermind();
+  const [isVisible, setVisible] = useState(false);
+
+  useEffect(() => {
+    getNetlifyDeploys();
+  }, [getNetlifyDeploys]);
+
+  const template = getTemplate(currentSandbox.template);
+
+  return (
+    template.netlify !== false && (
+      <Wrapper loading={deploying}>
+        <DeployButton
+          isOpen={isVisible}
+          toggle={() => setVisible(show => !show)}
+        />
+
+        {netlifySite && isVisible ? <SiteInfo /> : null}
+      </Wrapper>
+    )
+  );
+};