✨ delete rounds when deleting a game

dxanh97 · Oct 14, 2024 · fd5089b · fd5089b
1 parent 2598916
commit fd5089b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
@@ -6,6 +6,7 @@ import { IconInfoSquareRounded, IconTrash } from '@tabler/icons-react';
 import { useAppDispatch, useAppSelector } from '../redux/store';
 import { selectAllGames } from '../redux/game.selector';
 import { deleteGame } from '../redux/game.slice';
+import { deleteGameRounds } from '../redux/round.slice';
 import { formatDateTime } from '../utils/helpers';
 
 import TopNav from '../components/shared/TopNav';
@@ -28,7 +29,10 @@ function HomePage() {
       withCloseButton: false,
       centered: true,
       labels: { confirm: 'Oke', cancel: 'Thoi' },
-      onConfirm: () => dispatch(deleteGame(gameId)),
+      onConfirm: () => {
+        dispatch(deleteGame(gameId));
+        dispatch(deleteGameRounds(gameId));
+      },
     });
   };
 

diff --git a/src/redux/round.slice.ts b/src/redux/round.slice.ts
@@ -38,8 +38,17 @@ const roundSlice = createSlice({
       });
     },
     deleteRound: roundAdaptor.removeOne,
+    deleteGameRounds: (state, action: PayloadAction<string>) => {
+      const roundIds = roundAdaptor
+        .getSelectors()
+        .selectAll(state)
+        .filter((round) => round.gameId === action.payload)
+        .map((round) => round.id);
+      roundAdaptor.removeMany(state, roundIds);
+    },
   },
 });
 
-export const { createRound, updateRound, deleteRound } = roundSlice.actions;
+export const { createRound, updateRound, deleteRound, deleteGameRounds } =
+  roundSlice.actions;
 export default roundSlice;