WIP

Author: andersfischernielsen

islanders-client/src/lib/stores/game.svelte.ts

@@ -131,8 +131,12 @@ class Game {
 						ui.setPlayingKnight(true);
 					}
 					// Check if the thief was moved and stealing is required
-					const knightNeedsStealing = world.conditions?.playedKnight?.movedThief && !world.conditions.playedKnight.stoleFromPlayer;
-					const sevenNeedsStealing = world.conditions?.rolledASeven?.movedThief && !world.conditions.rolledASeven.stoleFromPlayer;
+					const knightNeedsStealing =
+						world.conditions?.playedKnight?.movedThief &&
+						!world.conditions.playedKnight.stoleFromPlayer;
+					const sevenNeedsStealing =
+						world.conditions?.rolledASeven?.movedThief &&
+						!world.conditions.rolledASeven.stoleFromPlayer;
 					if (knightNeedsStealing || sevenNeedsStealing) {
 						ui.setStealingFromPlayers(true);
 					} else {

islanders-client/src/routes/game/[gameId]/+layout.svelte

@@ -115,14 +115,17 @@
 	});
 
 	$effect(() => {
-		console.log('Steal effect running:', { 
-			isStealingFromPlayers, 
+		console.log('Steal effect running:', {
+			isStealingFromPlayers,
 			stealableCount: stealablePlayers.length,
-			modalElement: !!stealModalElement 
+			modalElement: !!stealModalElement
 		});
-		
+
 		if (isStealingFromPlayers && stealablePlayers.length > 0) {
-			console.log('Opening steal modal with players:', stealablePlayers.map(p => p.name));
+			console.log(
+				'Opening steal modal with players:',
+				stealablePlayers.map((p) => p.name)
+			);
 			stealModalElement?.showModal();
 		} else if (isStealingFromPlayers && stealablePlayers.length === 0) {
 			console.log('No stealable players, closing steal UI');
@@ -132,10 +135,10 @@
 
 	const handleStealFrom = async (playerToStealFrom: string) => {
 		if (!game.playerName) return;
-		
+
 		const action = new StealFromPlayerAction(game.playerName, playerToStealFrom);
 		await game.sendAction(action);
-		
+
 		stealModalElement?.close();
 		ui.setStealingFromPlayers(false);
 	};
@@ -272,10 +275,7 @@
 
 			<div class="flex flex-col gap-2">
 				{#each stealablePlayers as player}
-					<button
-						class="btn btn-block justify-start"
-						onclick={() => handleStealFrom(player.name)}
-					>
+					<button class="btn btn-block justify-start" onclick={() => handleStealFrom(player.name)}>
 						<div
 							class="h-4 w-4 flex-shrink-0 rounded-full"
 							style="background-color: #{player.color.toString(16).padStart(6, '0')}"

islanders-client/src/routes/game/[gameId]/actions/+page.svelte

@@ -164,7 +164,7 @@
 				<div class="flex flex-col gap-1">
 					{#each viewerPlayer.devCards as card}
 						<div class="flex items-center justify-between rounded bg-base-100 px-2 py-1 text-sm">
-							<span>{card}</span>
+							<span>{card.type}</span>
 							<button class="btn btn-xs" disabled={!isMyTurn}>Play</button>
 						</div>
 					{/each}