🔨 Switch ActionsZeit to use useOvermind (codesandbox#2575)

* 🔨 Switch ActionsZeit to use useOvermind

* Fix types

Author: MichaelDeBoey

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

@@ -1,27 +1,36 @@
-import { inject, hooksObserver } from 'app/componentConnectors';
-import React from 'react';
+import {
+  ZeitDeployment,
+  ZeitDeploymentState,
+} from '@codesandbox/common/lib/types';
+import React, { FunctionComponent } from 'react';
+
+import { useOvermind } from 'app/overmind';
 
 import { ButtonContainer } from '../../../elements';
 
 import { AliasDeploymentButton } from './AliasDeploymentButton';
 import { DeleteDeploymentButton } from './DeleteDeploymentButton';
 import { VisitDeploymentButton } from './VisitDeploymentButton';
-import { Deploy } from './types';
 
 type Props = {
-  deploy: Deploy;
-  store: any;
+  deploy: ZeitDeployment;
 };
-export const Actions = inject('store')(
-  hooksObserver(({ deploy, store: { deployment: { hasAlias } } }: Props) => (
+export const Actions: FunctionComponent<Props> = ({ deploy }) => {
+  const {
+    state: {
+      deployment: { hasAlias },
+    },
+  } = useOvermind();
+
+  return (
     <ButtonContainer>
       <VisitDeploymentButton url={deploy.url} />
 
       <DeleteDeploymentButton id={deploy.uid} />
 
-      {hasAlias && deploy.state === 'READY' ? (
+      {hasAlias && deploy.state === ZeitDeploymentState.READY ? (
         <AliasDeploymentButton deploy={deploy} />
       ) : null}
     </ButtonContainer>
-  ))
-);
+  );
+};