From d803f3d4905d6f792b77d17025467ac13c29068b Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Thu, 21 Nov 2024 17:05:06 +0100
Subject: [PATCH] fix: unexpected/ missing props

---
 src/components/general/About.svelte           |  2 +-
 src/components/shared/TableActions.svelte     | 34 +++++-----
 .../ConfirmStatsClientDeletion.svelte         |  6 +-
 .../statsclients/StatsClients.svelte          | 67 +++++++++----------
 4 files changed, 52 insertions(+), 57 deletions(-)

diff --git a/src/components/general/About.svelte b/src/components/general/About.svelte
index a025378e..2b61fbb5 100644
--- a/src/components/general/About.svelte
+++ b/src/components/general/About.svelte
@@ -2,7 +2,7 @@
 	import { _ } from "svelte-i18n";
 	import { clickOutside } from "../base/outsideclick";
 
-	export let modal_open;
+	let modal_open = false;
 	(function () {
 		document.onkeydown = function (e) {
 			e = e || window.event;
diff --git a/src/components/shared/TableActions.svelte b/src/components/shared/TableActions.svelte
index f69afce5..be55054c 100644
--- a/src/components/shared/TableActions.svelte
+++ b/src/components/shared/TableActions.svelte
@@ -1,26 +1,26 @@
 <script>
-  import { _ } from "svelte-i18n";
+	import { _ } from "svelte-i18n";
 
-  export let detailsLink;
-  export let detailsAction;
-  export let deleteEnabled;
-  export let deleteAction;
+	export let detailsLink = null;
+	export let detailsAction = null;
+	export let deleteEnabled;
+	export let deleteAction;
 </script>
 
 {#if detailsLink}
-  <a href={detailsLink} class="text-indigo-600 hover:text-indigo-900"
-    >{$_("details")}</a
-  >
+	<a href={detailsLink} class="text-indigo-600 hover:text-indigo-900"
+		>{$_("details")}</a
+	>
 {:else if detailsAction}
-  <button on:click={detailsAction} class="text-indigo-600 hover:text-indigo-900"
-    >{$_("details")}</button
-  >
+	<button on:click={detailsAction} class="text-indigo-600 hover:text-indigo-900"
+		>{$_("details")}</button
+	>
 {/if}
 {#if deleteEnabled}
-  <button
-    tabindex="0"
-    on:click={deleteAction}
-    class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
-    >{$_("delete")}</button
-  >
+	<button
+		tabindex="0"
+		on:click={deleteAction}
+		class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
+		>{$_("delete")}</button
+	>
 {/if}
diff --git a/src/components/statsclients/ConfirmStatsClientDeletion.svelte b/src/components/statsclients/ConfirmStatsClientDeletion.svelte
index bc5c953e..0ea2c71d 100644
--- a/src/components/statsclients/ConfirmStatsClientDeletion.svelte
+++ b/src/components/statsclients/ConfirmStatsClientDeletion.svelte
@@ -5,14 +5,14 @@
   import { createEventDispatcher } from "svelte";
   import toast from "svelte-french-toast";
   export let modal_open;
-  export let delete_station;
+  export let delete_client;
   const dispatch = createEventDispatcher();
   function cancelDelete() {
     modal_open = false;
-    dispatch("cancelDelete", { id: delete_station.id });
+    dispatch("cancelDelete", { id: delete_client.id });
   }
   function deleteClient() {
-    StatsClientService.statsClientControllerRemove(delete_station.id, true)
+    StatsClientService.statsClientControllerRemove(delete_client.id, true)
       .then((resp) => {
         toast($_("statsclient-deleted"));
         location.replace("./");
diff --git a/src/components/statsclients/StatsClients.svelte b/src/components/statsclients/StatsClients.svelte
index 9aa6d0cf..f7bf207f 100644
--- a/src/components/statsclients/StatsClients.svelte
+++ b/src/components/statsclients/StatsClients.svelte
@@ -1,44 +1,39 @@
 <script>
-  import { _ } from "svelte-i18n";
-  import store from "../../store";
-  import AddStatsClientModal from "./AddStatsClientModal.svelte";
-  import CopyStatsClientTokenModal from "./CopyStatsClientTokenModal.svelte";
-  import StatsClientsOverview from "./StatsClientsOverview.svelte";
-  export let modal_open = false;
-  export let copy_modal_open = false;
-  export let new_client = {};
-  let current_clients = [];
+	import { _ } from "svelte-i18n";
+	import store from "../../store";
+	import AddStatsClientModal from "./AddStatsClientModal.svelte";
+	import CopyStatsClientTokenModal from "./CopyStatsClientTokenModal.svelte";
+	import StatsClientsOverview from "./StatsClientsOverview.svelte";
+	export let modal_open = false;
+	export let copy_modal_open = false;
+	export let new_client = {};
+	let current_clients = [];
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
-    {$_("statsclients")}
-  </h4>
-  {#if store.state.jwtinfo.userdetails.permissions.includes("STATSCLIENT:CREATE")}
-    <button
-      on:click={() => {
-        modal_open = true;
-      }}
-      type="button"
-      class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:w-auto sm:text-sm"
-    >
-      {$_("create-a-new-statsclient")}
-    </button>
-  {/if}
-  <StatsClientsOverview
-    bind:current_clients
-    bind:modal_open
-    bind:new_client
-    bind:copy_modal_open
-  />
+	<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+		{$_("statsclients")}
+	</h4>
+	{#if store.state.jwtinfo.userdetails.permissions.includes("STATSCLIENT:CREATE")}
+		<button
+			on:click={() => {
+				modal_open = true;
+			}}
+			type="button"
+			class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:w-auto sm:text-sm"
+		>
+			{$_("create-a-new-statsclient")}
+		</button>
+	{/if}
+	<StatsClientsOverview bind:current_clients />
 </section>
 
 {#if store.state.jwtinfo.userdetails.permissions.includes("STATSCLIENT:CREATE")}
-  <AddStatsClientModal
-    bind:modal_open
-    bind:current_clients
-    bind:new_client
-    bind:copy_modal_open
-  />
-  <CopyStatsClientTokenModal bind:copy_modal_open bind:new_client />
+	<AddStatsClientModal
+		bind:modal_open
+		bind:current_clients
+		bind:new_client
+		bind:copy_modal_open
+	/>
+	<CopyStatsClientTokenModal bind:copy_modal_open bind:new_client />
 {/if}