Remove erroneous $state()

sillsdev · Feb 3, 2025 · c8552e8 · c8552e8
1 parent f27e2ed
commit c8552e8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/source/SIL.AppBuilder.Portal/src/routes/(authenticated)/+layout.svelte b/source/SIL.AppBuilder.Portal/src/routes/(authenticated)/+layout.svelte
@@ -16,7 +16,7 @@
 
   let { data, children }: Props = $props();
 
-  let drawerToggle: HTMLInputElement = $state();
+  let drawerToggle: HTMLInputElement;
   function closeDrawer() {
     drawerToggle.click();
   }

diff --git a/source/SIL.AppBuilder.Portal/src/routes/(authenticated)/projects/[id=idNumber]/+page.svelte b/source/SIL.AppBuilder.Portal/src/routes/(authenticated)/projects/[id=idNumber]/+page.svelte
@@ -50,34 +50,36 @@
     (window[('modal' + id) as any] as any).showModal();
   }
   let simpleSettingsFormTimeout: NodeJS.Timeout;
-  let simpleSettingsForm: HTMLFormElement = $state();
+  let simpleSettingsForm: HTMLFormElement;
   function submitSimpleSettingsForm() {
     if (simpleSettingsFormTimeout) {
       clearTimeout(simpleSettingsFormTimeout);
     }
     simpleSettingsFormTimeout = setTimeout(() => {
-      simpleSettingsForm.requestSubmit();
+      simpleSettingsForm?.requestSubmit();
     }, 2000);
   }
   let ownerSettingsFormTimeout: NodeJS.Timeout;
-  let ownerSettingsForm: HTMLFormElement = $state();
-  let ownerField: HTMLInputElement = $state();
-  let groupField: HTMLInputElement = $state();
+  let ownerSettingsForm: HTMLFormElement;
+  let ownerField: HTMLInputElement;
+  let groupField: HTMLInputElement;
   function submitOwnerSettingsForm() {
     if (ownerSettingsFormTimeout) {
       clearTimeout(ownerSettingsFormTimeout);
     }
     ownerSettingsFormTimeout = setTimeout(() => {
-      ownerSettingsForm.requestSubmit();
+      ownerSettingsForm?.requestSubmit();
     }, 2000);
   }
 
-  let addProductModal: HTMLDialogElement | undefined = $state();
+  let addProductModal: HTMLDialogElement;
   let selectingStore: boolean = $state(false);
   let selectedProduct: number = $state(0);
-  let availableStores = $derived(data.stores.filter(
-    (s) => s.StoreTypeId === data.productsToAdd[selectedProduct]?.Workflow.StoreTypeId
-  ));
+  let availableStores = $derived(
+    data.stores.filter(
+      (s) => s.StoreTypeId === data.productsToAdd[selectedProduct]?.Workflow.StoreTypeId
+    )
+  );
 </script>
 
 <div class="w-full max-w-6xl mx-auto relative">