From dd3662560df9f39a6770505ea5f1a6ecceff0d8c Mon Sep 17 00:00:00 2001
From: Oliver Akins <oliver.akins1999@gmail.com>
Date: Mon, 25 Jul 2022 23:54:59 -0600
Subject: [PATCH] Bubble or stop hover events depending on if the card button
 is visible.

---
 web-svelte/src/components/PlayerHand.svelte | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/web-svelte/src/components/PlayerHand.svelte b/web-svelte/src/components/PlayerHand.svelte
index 5c72276..dad6e1f 100644
--- a/web-svelte/src/components/PlayerHand.svelte
+++ b/web-svelte/src/components/PlayerHand.svelte
@@ -1,13 +1,27 @@
 <script lang="ts">
+import { createEventDispatcher } from "svelte";
 import Card from "./Card.svelte";
 import { hand } from "../stores";
+
+const emit = createEventDispatcher();
+let canChooseFuel = true;
+
+// Prevent rendering of a board preview when the player isn't allowed to select
+// a card.
+function filterHoverEvents(e: any) {
+	if (canChooseFuel) {
+		emit(`hover`, e.detail);
+	};
+};
 </script>
 
 
 <div id="hand">
 	{#each $hand as card (card.symbol)}
 		<Card
+			on:hover="{filterHoverEvents}"
 			hidden="{false}"
+			button="{canChooseFuel}"
 			{card}
 		/>
 	{/each}