fix pick sandbox issue (codesandbox#3497)

* fix pick sandbox issue

* more fix

* fix adding pick, not repplacing

Author: christianalfoni

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

@@ -23,29 +23,18 @@ export const pickSandbox: AsyncAction<{
   description: string;
 }> = async ({ state, actions, effects }, { id, title, description }) => {
   try {
-    if (!state.explore.popularSandboxes) {
-      return;
-    }
-
     const data = await effects.api.saveSandboxPick(id, title, description);
-    const popularSandbox = state.explore.popularSandboxes.sandboxes.find(
-      module => module.id === id
-    );
-
-    if (!popularSandbox) {
-      effects.notificationToast.error(
-        'Could not pick Sandbox, please refresh and try again'
-      );
-      return;
-    }
+    const popularSandbox = (
+      state.explore.popularSandboxes?.sandboxes || []
+    ).find(module => module.id === id);
 
-    popularSandbox.picks = [
-      {
+    if (popularSandbox) {
+      popularSandbox.picks.push({
         ...data,
         // Why are we doing this?
         id: Math.random().toString(),
-      },
-    ];
+      });
+    }
 
     effects.notificationToast.success('Sandbox picked');
     state.currentModal = null;