From c4db0e59abcf81f6d17bdfd3f637d584cecd48ce Mon Sep 17 00:00:00 2001
From: Dustin Carlino <dabreegster@gmail.com>
Date: Wed, 17 Apr 2024 11:10:46 +0100
Subject: [PATCH] Fix reactivity for custom features. #11

---
 src/routes/cross_section/proposed/CustomFeatures.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/routes/cross_section/proposed/CustomFeatures.svelte b/src/routes/cross_section/proposed/CustomFeatures.svelte
index f6052fac7a..f65316e132 100644
--- a/src/routes/cross_section/proposed/CustomFeatures.svelte
+++ b/src/routes/cross_section/proposed/CustomFeatures.svelte
@@ -36,14 +36,17 @@
 
 <SecondaryButton on:click={add}>Add</SecondaryButton>
 
-{#each Object.entries($state.proposed.customFeatures) as [id, feature] (id)}
+{#each Object.keys($state.proposed.customFeatures) as id (id)}
   <div style="display: flex; justify-content: space-between">
-    <TextInput label="Name" bind:value={feature.name} />
+    <TextInput
+      label="Name"
+      bind:value={$state.proposed.customFeatures[id].name}
+    />
     <NumberInput
       label="Minimum width (m)"
       width={3}
       min={0}
-      bind:value={feature.width}
+      bind:value={$state.proposed.customFeatures[id].width}
     />
     <WarningButton on:click={() => deleteFeature(id)}>Delete</WarningButton>
   </div>