quitting working but suspiciously

packages/client/src/components/Game.tsx

@@ -40,6 +40,12 @@ export default () => {
 				</span>{" "}
 				turn
 			</div>
+			<button
+				class="button fixed tl m-4 p-1"
+				onClick={() => table.sendWs({ quit: true })}
+			>
+				Quit
+			</button>
 		</GameContext.Provider>
 	);
 };

packages/client/src/components/Table.tsx

@@ -11,7 +11,7 @@ import {
 } from "solid-js";
 import api, { fromWebsocket } from "~/api";
 import { createObservable, createObservableWithInit, cx } from "~/fn";
-import { me } from "~/profile";
+import { me, mePromise } from "~/profile";
 import Game from "./Game";
 import Player from "./Player";
 
@@ -37,7 +37,7 @@ export default (props: { tableKey: string }) => {
 	onCleanup(() => wsPromise.then((ws) => ws.close()));
 
 	const presenceEvents = wsEvents.filter((evt) => evt.players != null);
-	const gameEvents = wsEvents.filter((evt) => evt.view != null);
+	const gameEvents = wsEvents.filter((evt) => evt.view !== undefined);
 
 	const players = createObservableWithInit<string[]>(
 		presenceEvents.map((evt) => evt.players!),
@@ -45,6 +45,15 @@ export default (props: { tableKey: string }) => {
 	);
 
 	const [ready, setReady] = createSignal(false);
+	mePromise.then(
+		(me) =>
+			me &&
+			wsEvents
+				.filter((evt) => evt.playersReady !== undefined)
+				.map((evt) => evt.playersReady?.[me] ?? false)
+				.onValue(setReady)
+	);
+
 	createEffect(() => sendWs({ ready: ready() }));
 	const view = createObservable(gameEvents.map((evt) => evt.view));