Update option info modal to only display non-hidden options

web-svelte/src/components/modals/OptionInfo.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
 import BaseModal from "./BaseModal.svelte";
+import type { IGameOption } from "common"
 
+export let visibleOptions: IGameOption[];
 export let open: boolean = false;
 </script>
 
@@ -8,40 +10,13 @@ export let open: boolean = false;
 	<div class="foreground">
 		<h1>Option Info</h1>
 		<hr>
-		<h2>No Secrets</h2>
-		<p>
-			During the mining phase of each round, all cards remain face up,
-			including the piles that are available for choosing from and the
-			cards each player has chosen, stay visible until the Movement Phase
-			begins.
-		</p>
-		<h2>Hardcore Mode</h2>
-		<p>
-			When Hardcore Mode is enabled, you can only use the Emergency Stop
-			<b>one time</b> for the entire game!
-		</p>
-		<h2>Warp Gate Activated!</h2>
-		<p>
-			With this option enabled, when a spaceship enters the Warp Gate
-			space (#54), it is immediately removed from the game, but the Warp
-			Gate remains open. This allows more spaceships to enter the gate
-			before the end of the round, any additional spaceships that enter
-			the Warp Gate before the round ends share in the victory because
-			they escaped from the black hole.
-		</p>
-		<h2>Chaos Theory</h2>
-		<p>
-			The first card played during each movement phase is chosen randomly.
-			You still have the opportunity to use your Emergency Stop if you
-			have it available.
-		</p>
-		<h2>Fate (Currently Unavailable)</h2>
-		<p>
-			Every player must decide on the order that their cards will be
-			played in prior to the first movement happening in the round. Then
-			the cards will be resolved as normal, but with the player not being
-			able to dynamically react. The Emergency Stop is able to be used as
-			normal.
-		</p>
+		{#each visibleOptions as opt}
+			{#if !opt.hidden}
+				<h2>{opt.name}</h2>
+				<p>
+					{opt.description}
+				</p>
+			{/if}
+		{/each}
 	</div>
 </BaseModal>