Plumb ID to editFeatureForm

acteng · Jul 2, 2024 · 8437498 · 8437498
1 parent 42a52a7
commit 8437498
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/lib/config.ts b/src/lib/config.ts
@@ -42,6 +42,7 @@ export let cfg = {
 
   editFeatureForm: null as null | ComponentType<
     SvelteComponent<{
+      id: number;
       props: { [name: string]: any };
     }>
   >,

diff --git a/src/lib/sidebar/EditForm.svelte b/src/lib/sidebar/EditForm.svelte
@@ -97,4 +97,8 @@
 
 <ErrorMessage errorMessage={cfg.interventionWarning(feature)} />
 
-<svelte:component this={cfg.editFeatureForm} bind:props={feature.properties} />
+<svelte:component
+  this={cfg.editFeatureForm}
+  {id}
+  bind:props={feature.properties}
+/>
diff --git a/src/routes/ExampleFeatureForm.svelte b/src/routes/ExampleFeatureForm.svelte
@@ -3,8 +3,12 @@
   import { TextInput, Radio, Select, TextArea } from "govuk-svelte";
   import { cfg } from "$lib/config";
 
+  export let id: number;
   // TODO Can we make this generic?
   export let props: any;
+
+  // Hide svelte-check warning
+  let _ = id;
 </script>
 
 <TextInput label="Name" bind:value={props.name} />