invalidate own data if user himself was kicked from the group

Aero56 · Jan 30, 2024 · a91a8e2 · a91a8e2
1 parent ac98636
commit a91a8e2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/components/GroupPlayer.tsx b/src/components/GroupPlayer.tsx
@@ -34,9 +34,9 @@ const GroupPlayer = ({ group, player, isHost }: GroupPlayerProps) => {
           if (status === 'SUBSCRIBED') {
             channel.send({
               type: 'broadcast',
-              event: 'update',
+              event: 'kick',
               payload: {
-                message: `${player.username} was kicked from the group!`,
+                player,
               },
             });
           }

diff --git a/src/pages/Group.tsx b/src/pages/Group.tsx
@@ -57,6 +57,17 @@ const Group = () => {
           queryClient.invalidateQueries(['group', id]);
           toast(payload.message);
         })
+        .on('broadcast', { event: 'kick' }, ({ payload }) => {
+          if (user && payload.player.id === user.id) {
+            toast('You were kicked from the group!');
+            queryClient.invalidateQueries(['group', id]);
+            queryClient.invalidateQueries(['player', user.id]);
+            return;
+          }
+
+          toast(`${payload.player.username} was kicked from the group!`);
+          queryClient.invalidateQueries(['group', id]);
+        })
         .on(
           'postgres_changes',
           {