Fix creating sandboxes from dashboard

Author: CompuIves

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

@@ -68,4 +68,4 @@ export const createSandboxClicked: AsyncAction<{
   body: { collectionId: string };
   sandboxId: string;
 }> = ({ actions }, { body, sandboxId }) =>
-  actions.editor.internal.forkSandbox({ body, sandboxId });
+  actions.editor.forkExternalSandbox({ body, sandboxId });

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

@@ -261,13 +261,17 @@ export const createZipClicked: Action = ({ state, effects }) => {
   effects.zip.download(state.editor.currentSandbox);
 };
 
-export const forkExternalSandbox: AsyncAction<string> = async (
-  { actions },
-  sandboxId
-) => {
-  await actions.editor.internal.forkSandbox({
-    sandboxId,
-  });
+export const forkExternalSandbox: AsyncAction<{
+  sandboxId: string;
+  openInNewWindow?: boolean;
+  body?: { collectionId: string };
+}> = async ({ effects, state }, { sandboxId, openInNewWindow, body }) => {
+  effects.analytics.track('Fork Sandbox', { type: 'external' });
+
+  const forkedSandbox = await effects.api.forkSandbox(sandboxId, body);
+
+  state.editor.sandboxes[forkedSandbox.id] = forkedSandbox;
+  effects.router.updateSandboxUrl(forkedSandbox, { openInNewWindow });
 };
 
 export const forkSandboxClicked: AsyncAction = async ({