DONE

backend/code/src/game/game.ts

@@ -356,19 +356,20 @@ export class Game {
  this.emitGameEnd('end');
  }
  }
- private removeLis(socket) {
- socket.removeListener('disconnect', () => {});
- socket.removeListener('leave', () => {});
- socket.removeListener('screen', () => {});
- socket.removeListener('mouse', () => {});
- socket.removeListener('up', () => {});
- socket.removeListener('down', () => {});
+
+ private removeListeners(socket: Socket) {
+ socket.removeAllListeners('disconnect');
+ socket.removeAllListeners('leave');
+ socket.removeAllListeners('screen');
+ socket.removeAllListeners('mouse');
+ socket.removeAllListeners('up');
+ socket.removeAllListeners('down');
  }
  private emitGameEnd(message: string) {
- console.log('game end');
+ console.log`asdaqwe Game end`;
  this.closeGame = true;
- this.removeLis(this.p1socket);
- this.removeLis(this.p2socket);
+ this.removeListeners(this.p1socket);
+ this.removeListeners(this.p2socket);
 
  if (message === 'p1Leave') {
  this.eventEmitter.emit('game.end', {

frontend/code/src/Components/Game/index.tsx

@@ -4,19 +4,11 @@ import { BsFillArrowRightCircleFill, BsFillArrowLeftCircleFill} from "react-icon
 import { useGameState } from "./States/GameState";
 import { useSocketStore } from "../Chat/Services/SocketsServices";
 import { useNavigate } from "react-router-dom";
-import { matchRoutes, useLocation } from "react-router-dom";
 
 
 
-const routes = [
- { path: "Game/:id" },
-];
 
-const useCurrentPath = () => {
- const location = useLocation();
- const [{ route }]: any = matchRoutes(routes, location);
- return route.path;
-};
+
 const DURATION = 20;
 type Cords = {
  x:number;

frontend/code/src/Components/Layout/index.tsx

@@ -57,6 +57,7 @@ export const Layout: FC<PropsWithChildren> = (): JSX.Element => {
  return () => {
  socketStore.socket.off("leave");
  }
+ // eslint-disable-next-line
  },[path])
  useLayoutEffect(() => {
  const log = async () => {