fix(deployments): display error messages from ZEIT Now (codesandbox#3023)

Author: arthurdenner

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

@@ -1,8 +1,17 @@
+import { AxiosError } from 'axios';
+import { get } from 'lodash-es';
 import { Action, AsyncAction } from 'app/overmind';
 import * as internalActions from './internalActions';
 
 export const internal = internalActions;
 
+const getZeitErrorMessage = (error: AxiosError) =>
+  get(
+    error,
+    'response.data.error.message',
+    'An unknown error occurred when connecting to ZEIT'
+  );
+
 export const deployWithNetlify: AsyncAction = async ({
   effects,
   actions,
@@ -67,9 +76,7 @@ export const getDeploys: AsyncAction = async ({ state, effects }) => {
       zeitConfig.name
     );
   } catch (error) {
-    effects.notificationToast.error(
-      'An unknown error occurred when connecting to ZEIT'
-    );
+    effects.notificationToast.error(getZeitErrorMessage(error));
   }
 
   state.deployment.gettingDeploys = false;
@@ -80,19 +87,16 @@ export const deployClicked: AsyncAction = async ({
   effects,
   actions,
 }) => {
-  state.deployment.deploying = true;
-  const zip = await effects.zip.create(state.editor.currentSandbox);
-  const contents = await effects.jsZip.loadAsync(zip.file);
-
   try {
+    state.deployment.deploying = true;
+    const zip = await effects.zip.create(state.editor.currentSandbox);
+    const contents = await effects.jsZip.loadAsync(zip.file);
     state.deployment.url = await effects.zeit.deploy(
       contents,
       state.editor.currentSandbox
     );
   } catch (error) {
-    effects.notificationToast.error(
-      'An unknown error occurred when connecting to ZEIT'
-    );
+    effects.notificationToast.error(getZeitErrorMessage(error));
   }
 
   state.deployment.deploying = false;