Add menu option to unlike sandbox in liked sandboxes page (#5579)

codesandbox · Mar 11, 2021 · 58ab91b · 58ab91b
1 parent 2b45591
commit 58ab91b
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/packages/app/src/app/overmind/namespaces/dashboard/actions.ts b/packages/app/src/app/overmind/namespaces/dashboard/actions.ts
@@ -1,4 +1,5 @@
 import { compareDesc, parseISO } from 'date-fns';
+import { json } from 'overmind';
 import { Context } from 'app/overmind';
 import { withLoadApp } from 'app/overmind/factories';
 import downloadZip from 'app/overmind/effects/zip/create-zip';
@@ -1834,3 +1835,20 @@ export const getLikedSandboxes = async ({ state, effects }: Context) => {
  );
  }
 };
+
+export const unlikeSandbox = async (
+ { state, effects }: Context,
+ id: string
+) => {
+ const all = state.dashboard.sandboxes[sandboxesTypes.LIKED];
+ if (!all) return;
+ try {
+ state.dashboard.sandboxes[sandboxesTypes.LIKED] = all.filter(
+ sandbox => sandbox.id !== id
+ );
+ await effects.api.unlikeSandbox(id);
+ } catch (e) {
+ state.dashboard.sandboxes[sandboxesTypes.LIKED] = json(all);
+ effects.notificationToast.error('There was a problem removing your like');
+ }
+};
diff --git a/packages/app/src/app/pages/Dashboard/Components/Selection/ContextMenus/SandboxMenu.tsx b/packages/app/src/app/pages/Dashboard/Components/Selection/ContextMenus/SandboxMenu.tsx
@@ -408,6 +408,15 @@ export const SandboxMenu: React.FC<SandboxMenuProps> = ({
  )}
  </>
  )}
+ {!hasAccess && !isTemplate && location.pathname.includes('liked') && (
+ <MenuItem
+ onSelect={() => {
+ actions.dashboard.unlikeSandbox(sandbox.id);
+ }}
+ >
+ Unlike Sandbox
+ </MenuItem>
+ )}
  </Menu.ContextMenu>
  );
 };