{#if newKey}
handleCreate(detail)} on:cancel={() => (newKey = null)} /> {/if} {#if secret}
(secret = '')} /> {/if} {#if editKey}
handleUpdate(detail)} on:cancel={() => (editKey = null)} /> {/if} {#if deleteKey}
handleDelete()} on:cancel={() => (deleteKey = null)} /> {/if}
(newKey = { name: 'API Key' })}>New API Key
{#if keys.length > 0}
Name
Created
Action
{#each keys as key, index} {#key key.id}
{key.name}
{new Date(key.createdAt).toLocaleDateString($locale, format)}
(editKey = key)} class="rounded-full bg-immich-primary p-3 text-gray-100 transition-all duration-150 hover:bg-immich-primary/75 dark:bg-immich-dark-primary dark:text-gray-700" >
(deleteKey = key)} class="rounded-full bg-immich-primary p-3 text-gray-100 transition-all duration-150 hover:bg-immich-primary/75 dark:bg-immich-dark-primary dark:text-gray-700" >
{/key} {/each}
{/if}