Step towards full multiplayer compatibility

leaky-ships/components/Lobby/SettingsFrame/Setting.tsx

@@ -1,3 +1,4 @@
+import { setGameSetting } from "@components/Gamefield/EventBar"
 import {
   faToggleLargeOff,
   faToggleLargeOn,
@@ -17,12 +18,12 @@ export type GameSettings = { [key in GameSettingKeys]?: boolean }
 
 function Setting({
   children,
-  props: { prop, gameSetting },
+  prop,
 }: {
   children: ReactNode
-  props: { prop: GameSettingKeys; gameSetting: (payload: GameSettings) => void }
+  prop: GameSettingKeys
 }) {
-  const { payload } = useGameProps()
+  const { payload, setSetting, full } = useGameProps()
   const state = useMemo(() => payload?.game?.[prop], [payload?.game, prop])
 
   return (
@@ -46,12 +47,15 @@ function Setting({
         checked={state}
         type="checkbox"
         id={prop}
-        onChange={() => {
-          const payload = {
-            [prop]: !state,
-          }
-          gameSetting(payload)
-        }}
+        onChange={() =>
+          setGameSetting(
+            {
+              [prop]: !state,
+            },
+            setSetting,
+            full
+          )
+        }
         hidden={true}
       />
     </label>