From 8568ec838a84fe8577fe38862c4babddd91c0ddd Mon Sep 17 00:00:00 2001
From: Daniele Ricci <daniele@casaricci.it>
Date: Wed, 16 Aug 2023 20:27:57 +0200
Subject: [PATCH] fix(web): Fix label for attribute (#3726)

---
 .../settings/storage-template/storage-template-settings.svelte  | 2 +-
 web/src/lib/components/album-page/edit-description-modal.svelte | 2 +-
 web/src/lib/components/forms/api-key-form.svelte                | 2 +-
 web/src/lib/components/forms/api-key-secret.svelte              | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/lib/components/admin-page/settings/storage-template/storage-template-settings.svelte b/web/src/lib/components/admin-page/settings/storage-template/storage-template-settings.svelte
index bda0b61e6..893736e98 100644
--- a/web/src/lib/components/admin-page/settings/storage-template/storage-template-settings.svelte
+++ b/web/src/lib/components/admin-page/settings/storage-template/storage-template-settings.svelte
@@ -175,7 +175,7 @@
 
         <form autocomplete="off" class="flex flex-col" on:submit|preventDefault>
           <div class="my-2 flex flex-col">
-            <label class="text-xs" for="presets">PRESET</label>
+            <label class="text-xs" for="preset-select">PRESET</label>
             <select
               class="mt-2 rounded-lg bg-slate-200 p-2 text-sm hover:cursor-pointer dark:bg-gray-600"
               name="presets"
diff --git a/web/src/lib/components/album-page/edit-description-modal.svelte b/web/src/lib/components/album-page/edit-description-modal.svelte
index c818e2ea0..2b9b7e744 100644
--- a/web/src/lib/components/album-page/edit-description-modal.svelte
+++ b/web/src/lib/components/album-page/edit-description-modal.svelte
@@ -29,7 +29,7 @@
 
     <form on:submit|preventDefault={handleSave} autocomplete="off">
       <div class="m-4 flex flex-col gap-2">
-        <label class="immich-form-label" for="email">Description</label>
+        <label class="immich-form-label" for="name">Description</label>
         <!-- svelte-ignore a11y-autofocus -->
         <textarea
           class="immich-form-input focus:outline-none"
diff --git a/web/src/lib/components/forms/api-key-form.svelte b/web/src/lib/components/forms/api-key-form.svelte
index d570ac07b..7ea1759ff 100644
--- a/web/src/lib/components/forms/api-key-form.svelte
+++ b/web/src/lib/components/forms/api-key-form.svelte
@@ -30,7 +30,7 @@
 
     <form on:submit|preventDefault={() => handleSubmit()} autocomplete="off">
       <div class="m-4 flex flex-col gap-2">
-        <label class="immich-form-label" for="email">Name</label>
+        <label class="immich-form-label" for="name">Name</label>
         <input class="immich-form-input" id="name" name="name" type="text" bind:value={apiKey.name} />
       </div>
 
diff --git a/web/src/lib/components/forms/api-key-secret.svelte b/web/src/lib/components/forms/api-key-secret.svelte
index 7610cd55e..ed8bd7298 100644
--- a/web/src/lib/components/forms/api-key-secret.svelte
+++ b/web/src/lib/components/forms/api-key-secret.svelte
@@ -45,7 +45,7 @@
     </div>
 
     <div class="m-4 flex flex-col gap-2">
-      <!-- <label class="immich-form-label" for="email">API Key</label> -->
+      <!-- <label class="immich-form-label" for="secret">API Key</label> -->
       <textarea class="immich-form-input" id="secret" name="secret" readonly={true} value={secret} />
     </div>