games: Render SL players in turn order

Author: PartMan7

src/ps/games/snakesladders/index.ts

@@ -136,6 +136,7 @@ export class SnakesLadders extends BaseGame<State> {
 				override && this.turn
 					? { ...this.state.board, [this.turn]: { ...this.state.board[this.turn], pos: override } }
 					: this.state.board,
+			turns: this.turns,
 			lastRoll: this.state.lastRoll,
 			id: this.id,
 			active: side === this.turn && !!side,

src/ps/games/snakesladders/render.tsx

@@ -91,7 +91,8 @@ export function render(this: This, ctx: RenderCtx): ReactElement {
 			) : null}
 			<br />
 			<br />
-			{Object.values(ctx.board)
+			{ctx.turns
+				.map(id => ctx.board[id])
 				.map(player => (
 					<>
 						<Player color={player.color} as="div" /> <Username name={player.name} clickable />

src/ps/games/snakesladders/types.ts

@@ -8,6 +8,7 @@ export type State = {
 
 export type RenderCtx = {
 	id: string;
+	turns: string[];
 	board: Board;
 	lastRoll: number;
 	active?: boolean;