system sends message into chat

Author: Christopher Strauss

src/main/client/public/stone1.wav

@@ -103,7 +103,7 @@ function Board({gameState, setGameState}) {
     }
     if (!howler.current) {
       howler.current = new Howl({
-        src: ["/app/stone1.wav"],
+        src: ["/app/stonenew.wav"],
         onloaderror: (id, error) => {
           throw new Error(id + ": " + error)
         },

src/main/client/public/stonenew.wav

@@ -71,8 +71,17 @@ function Panel({gameState, setGameState}) {
   let movesLength = gameState.moves.length
   let navigate = useNavigate()
   let onExit = useCallback(() => {
+    stompClient.publish({
+      destination: "/app/chat/send/",
+      body: JSON.stringify({
+        message: "X",
+        id: gameId,
+        system: true,
+        join: false,
+      }),
+    })
     navigate(base + "/lobby")
-  }, [navigate])
+  }, [navigate, stompClient, gameId])
   let onPass = useCallback(() => {
     stompClient.publish({
       destination: "/app/game/move",

src/main/client/src/feature/game/Game.jsx

@@ -3,6 +3,7 @@ import {
   useState,
   useEffect,
   useContext,
+  useCallback,
 } from "react"
 import {
   twJoin,
@@ -61,6 +62,18 @@ export function ActiveGames() {
 }
 
 function ActiveGame({game}) {
+  let stompClient = useContext(StompContext)
+  let onJoin = useCallback((d) => {
+    stompClient.publish({
+      destination: "/app/chat/send/",
+      body: JSON.stringify({
+        message: "X",
+        id: game.id,
+        system: true,
+        join: true,
+      }),
+    })
+  }, [stompClient])
   let navigate = useNavigate()
   let classes = twJoin(
     "contents",
@@ -75,6 +88,7 @@ function ActiveGame({game}) {
   return (
     <div
       onClick={() => {
+        onJoin()
         navigate(base + "/game/" + game.id)
       }}
       className={classes}

src/main/client/src/feature/game/GamePanel.jsx

@@ -72,6 +72,15 @@ export function OpenGames() {
       },
       body: JSON.stringify(d),
     })
+    stompClient.publish({
+      destination: "/app/chat/send/",
+      body: JSON.stringify({
+        message: "X",
+        id: d.game.id,
+        system: true,
+        join: true,
+      }),
+    })
     navigate(base + "/game/" + d.game.id)
   }), [auth, navigate])
   return (