From 7c59c2f6f3fa2f425ff5fabbbea417886e1497c7 Mon Sep 17 00:00:00 2001
From: Ben Allfree <ben@benallfree.com>
Date: Fri, 4 Oct 2024 06:28:48 -0700
Subject: [PATCH] fix: dashboard delete env vars

---
 .../[instanceId]/secrets/List.svelte          | 28 +++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/packages/dashboard/src/routes/app/instances/[instanceId]/secrets/List.svelte b/packages/dashboard/src/routes/app/instances/[instanceId]/secrets/List.svelte
index 990219cd..e38cca47 100644
--- a/packages/dashboard/src/routes/app/instances/[instanceId]/secrets/List.svelte
+++ b/packages/dashboard/src/routes/app/instances/[instanceId]/secrets/List.svelte
@@ -1,8 +1,32 @@
-<script type="ts">
+<script lang="ts">
   import { fade } from 'svelte/transition'
   import { items } from './stores'
+  import { client } from '$src/pocketbase-client'
+  import { instance } from '../store'
+  import { reduce } from '@s-libs/micro-dash'
+  import { logger, UpdateInstancePayload } from 'pockethost'
 
   let showSecretKeys = false
+
+  const handleDelete = (name: string) => async (e: Event) => {
+    e.preventDefault()
+    logger().debug(`Deleting ${name}`)
+    items.delete(name)
+    await client().updateInstance({
+      id: $instance.id,
+      fields: {
+        secrets: reduce(
+          $items,
+          (c, v) => {
+            const { name, value } = v
+            c[name] = value
+            return c
+          },
+          {} as NonNullable<UpdateInstancePayload['fields']['secrets']>,
+        ),
+      },
+    })
+  }
 </script>
 
 <div class="flex items-center justify-between mb-3 h-9">
@@ -42,7 +66,7 @@
         <td class="text-right">
           <button
             aria-label="Delete"
-            on:click={() => items.delete(item.name)}
+            on:click={handleDelete(item.name)}
             type="button"
             class="btn btn-sm btn-square btn-outline btn-warning"
             ><i class="fa-regular fa-trash"></i></button