{#if newKey}
(newKey = null)} /> {/if} {#if secret}
(secret = '')} /> {/if} {#if editKey}
(editKey = null)} /> {/if} {#if deleteKey}
handleDelete()} on:cancel={() => (deleteKey = null)} /> {/if}
(newKey = { name: 'API Key' })} class="text-sm bg-immich-primary dark:bg-immich-dark-primary hover:bg-immich-primary/75 dark:hover:bg-immich-dark-primary/80 px-4 py-2 text-white dark:text-immich-dark-gray rounded-full shadow-md font-medium disabled:opacity-50 disabled:cursor-not-allowed" >New API Key
{#if keys.length > 0}
Name
Created
Action
{#each keys as key, i} {#key key.id}
{key.name}
{new Date(key.createdAt).toLocaleDateString($locale, format)}
(editKey = key)} class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75" >
(deleteKey = key)} class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75" >
{/key} {/each}
{/if}