fix: use schema-based deleteKey and reactive key list refresh

- Add deleteKeySchema for proper FormData validation
- Return { deleted: true } from deleteKey for change tracking
- Use $state for keysPromise to refresh list after create/delete

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Sanju Sivalingam
2026-02-17 14:43:46 +05:30
parent 9422e94a8e
commit 8fc5587876
3 changed files with 16 additions and 5 deletions

View File

@@ -2,10 +2,18 @@
import { listKeys, createKey, deleteKey } from '$lib/api/api-keys.remote';
let newKeyValue = $state<string | null>(null);
let keysPromise = $state(listKeys());
$effect(() => {
if (createKey.result?.key) {
newKeyValue = createKey.result.key;
keysPromise = listKeys();
}
});
$effect(() => {
if (deleteKey.result?.deleted) {
keysPromise = listKeys();
}
});
</script>
@@ -71,7 +79,7 @@
<h3 class="font-semibold">Your Keys</h3>
</div>
{#await listKeys()}
{#await keysPromise}
<div class="px-6 py-8 text-center text-sm text-neutral-500">Loading keys...</div>
{:then keys}
{#if keys && keys.length > 0}