🔨 Switch AliasDeploymentButton to use useOvermind

Author: MichaelDeBoey

packages/app/src/app/overmind/namespaces/deployment/actions.ts

@@ -163,9 +163,10 @@ export const deleteDeployment: AsyncAction = async ({
   );
 };
 
-export const aliasDeployment: AsyncAction<{
-  id: string;
-}> = async ({ state, effects, actions }, { id }) => {
+export const aliasDeployment: AsyncAction<string> = async (
+  { state, effects, actions },
+  id
+) => {
   const zeitConfig = effects.zeit.getConfig(state.editor.currentSandbox);
 
   try {

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

@@ -1,25 +1,24 @@
-import React from 'react';
-import { useOvermind } from 'app/overmind';
 import { ZeitDeployment } from '@codesandbox/common/lib/types';
+import React, { FunctionComponent } from 'react';
+
+import { useOvermind } from 'app/overmind';
+
 import { Action } from '../../../../elements';
 
 type Props = {
   deploy: ZeitDeployment;
 };
-
-export const AliasDeploymentButton: React.FC<Props> = ({
+export const AliasDeploymentButton: FunctionComponent<Props> = ({
   deploy: { alias: aliases, uid: id },
 }) => {
   const {
     actions: {
       deployment: { aliasDeployment },
     },
   } = useOvermind();
+
   return (
-    <Action
-      disabled={aliases.length > 0}
-      onClick={() => aliasDeployment({ id })}
-    >
+    <Action disabled={aliases.length > 0} onClick={() => aliasDeployment(id)}>
       {aliases.length > 0 ? 'Aliased' : 'Alias'}
     </Action>
   );