Creating a form now opens it immediately - ref #23

src/lib/actions.ts

@@ -1,5 +1,6 @@
 import { get } from "svelte/store";
-import { activeResponses, response, responseQueue } from "$lib/store";
+import { activeResponses, response, responseQueue} from "$lib/store";
+import { goto } from "$app/navigation";
 
 export const deleteResponse = (id: number) => {
     const responses = get(activeResponses);
@@ -27,4 +28,8 @@ export const submitResponse = (id: number) => {
     responses[id] = response;
     activeResponses.set(responses);
   }
-
+
+export const setResponse = (id: number) => {
+  response.set(id);
+  goto("/form");
+};

src/lib/components/AddForm.svelte

@@ -4,6 +4,7 @@
 	import Checkbox from "./FormFlow/Checkbox.svelte";
     import { formTypes } from "$lib/formLayout";
 	import type { FormType } from "$lib/types";
+	import { setResponse } from "$lib/actions";
 
     let team = "";
     let match = "";
@@ -39,6 +40,8 @@
             $errors[id] = true;
             match = "";
             team = "";
+            
+            setResponse(id);
         } 
     }
 

src/lib/components/FormsList.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
     import { goto } from "$app/navigation";
-    import { submitResponse, deleteResponse } from "$lib/actions";
+    import { submitResponse, deleteResponse, setResponse } from "$lib/actions";
     import { activeResponses, errors, response } from "$lib/store";
     import { base } from "$app/paths";
 
-    const setResponse = (id: number) => {
-        $response = id;
-        //goto(`${base}/form`);
-        goto("form");
-        console.log($response)
-    };
+    // const setResponse = (id: number) => {
+    //     $response = id;
+    //     //goto(`${base}/form`);
+    //     goto("/form");
+    //     console.log($response)
+    // };
 
     $: responses = Object.values($activeResponses);
 </script>