From 0a086aa466b4a0088320d5e365dd3fbbe07fb2d3 Mon Sep 17 00:00:00 2001
From: May <40745122+SomewhatMay@users.noreply.github.com>
Date: Sun, 10 Mar 2024 19:32:14 -0400
Subject: [PATCH] foul explanation textbox only appears when foul is not set to
 None

---
 src/lib/components/FormFlow/Section.svelte | 8 +++++++-
 src/lib/components/FormFlow/index.svelte   | 8 --------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/FormFlow/Section.svelte b/src/lib/components/FormFlow/Section.svelte
index ff6290e..14fdf5b 100644
--- a/src/lib/components/FormFlow/Section.svelte
+++ b/src/lib/components/FormFlow/Section.svelte
@@ -1,15 +1,21 @@
 <script lang="ts">
     import type { Section } from "$lib/types";
+    import { activeResponses } from "$lib/store";
     import Input from "./Input.svelte";
+	import { getContext } from "svelte";
     export let section: Section;
     export let errors: Record<string, string | undefined> = {};
+
+    const id: number = getContext("id");
 </script>
   
 <div class="flex flex-col">
     <span class="text-xl font-bold mb-2 mt-1">{section.header}</span>
     {#each section.inputs as input (input)}
         <div>
-            <Input bind:error={errors[input.component.id]} {input} />
+            {#if !(input.component.id == "serious foul reason") || ($activeResponses[id].data["serious foul"] != "None")}
+                <Input bind:error={errors[input.component.id]} {input} />
+            {/if}
         </div>
     {/each}
 </div>
diff --git a/src/lib/components/FormFlow/index.svelte b/src/lib/components/FormFlow/index.svelte
index d1c9879..6a8e453 100644
--- a/src/lib/components/FormFlow/index.svelte
+++ b/src/lib/components/FormFlow/index.svelte
@@ -59,14 +59,6 @@
 
                 <div class="mt-5"></div>
             {/each}
-            <!-- <button 
-                class="rounded-md p-2 shadow-sm border-2 bg-error/50 border-error hover:bg-error/40 text-text/80"
-                on:click={() => submitResponse()} disabled={$errors[$response]}
-            >Submit</button>
-            <button 
-                on:click={() => deleteResponse()}
-                class="rounded-md p-2 shadow-sm border-2 bg-success/50 border-success hover:bg-success/40 text-text/80 disabled:bg-success/10 disabled:border-success/20"
-            >Delete</button> -->
             <div class="text-center">
                 <button
                     class="button clickable text-xl !px-5 !py-2 mr-3 !font-normal"