fix(profile): Update sandboxes count after delete (codesandbox#1163)

* chore: Renaming variable and property used to delete a sandbox

* fix(profile): Updating the sandboxes count after deleting a sandbox

Author: arthurdenner

packages/app/src/app/pages/Profile/Sandboxes/index.js

@@ -58,8 +58,8 @@ class Sandboxes extends React.Component {
     return Math.ceil(givenLikeCount / PER_PAGE_COUNT);
   };
 
-  deleteSandbox = index => {
-    this.props.signals.profile.deleteSandboxClicked({ index });
+  deleteSandbox = id => {
+    this.props.signals.profile.deleteSandboxClicked({ id });
   };
 
   render() {
@@ -82,8 +82,12 @@ class Sandboxes extends React.Component {
       <div>
         {isProfileCurrentUser && (
           <Notice>
-            You{"'"}re viewing your own profile, so you can see your private and
-            unlisted sandboxes. Others can{"'"}t.
+            You
+            {"'"}
+            re viewing your own profile, so you can see your private and
+            unlisted sandboxes. Others can
+            {"'"}
+            t.
           </Notice>
         )}
         <SandboxList

packages/app/src/app/store/modules/profile/actions.js

@@ -4,6 +4,7 @@ export function getUser({ api, props }) {
 
 export function deleteSandbox({ api, state }) {
   const sandboxId = state.get(`profile.sandboxToDeleteId`);
+  const sandboxCount = state.get('profile.current.sandboxCount');
 
   return api
     .request({
@@ -13,7 +14,9 @@ export function deleteSandbox({ api, state }) {
         id: sandboxId,
       },
     })
-    .then(() => state.set(`profile.current.sandboxCount - 1`));
+    .then(() => {
+      state.set(`profile.current.sandboxCount`, sandboxCount - 1);
+    });
 }
 
 export function getAllUserSandboxes({ api }) {

packages/app/src/app/store/modules/profile/sequences.js

@@ -22,7 +22,7 @@ const getShowcasedSandbox = sequence('getShowcasedSandbox', [
 ]);
 
 export const showDeleteSandboxModal = [
-  set(state`profile.sandboxToDeleteId`, props`index`),
+  set(state`profile.sandboxToDeleteId`, props`id`),
   set(state`currentModal`, 'deleteProfileSandbox'),
 ];