From f0a8aca0e320de114db5731ef60d7c1f7ada4fa0 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Tue, 16 Jul 2024 10:33:05 +0200
Subject: [PATCH] fix: automatic1111 auth key should not be required

---
 src/lib/components/admin/Settings/Images.svelte | 1 +
 src/lib/components/common/SensitiveInput.svelte | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/admin/Settings/Images.svelte b/src/lib/components/admin/Settings/Images.svelte
index 80b5c93ba..9838792f2 100644
--- a/src/lib/components/admin/Settings/Images.svelte
+++ b/src/lib/components/admin/Settings/Images.svelte
@@ -282,6 +282,7 @@
 			<SensitiveInput
 				placeholder={$i18n.t('Enter api auth string (e.g. username:password)')}
 				bind:value={AUTOMATIC1111_API_AUTH}
+				required={false}
 			/>
 
 			<div class="mt-2 text-xs text-gray-400 dark:text-gray-500">
diff --git a/src/lib/components/common/SensitiveInput.svelte b/src/lib/components/common/SensitiveInput.svelte
index 38a65cce1..a1d7b9248 100644
--- a/src/lib/components/common/SensitiveInput.svelte
+++ b/src/lib/components/common/SensitiveInput.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	export let value: string = '';
 	export let placeholder = '';
+	export let required = true;
 	export let readOnly = false;
 	export let outerClassName = 'flex flex-1';
 	export let inputClassName =
@@ -15,7 +16,7 @@
 		class={inputClassName}
 		{placeholder}
 		bind:value
-		required={!readOnly}
+		required={required && !readOnly}
 		disabled={readOnly}
 		autocomplete="off"
 		{...{ type: show ? 'text' : 'password' }}