From ac80a2988aa85f4fb5c36c82bb42258532bad2cd Mon Sep 17 00:00:00 2001
From: hallidayo <22655069+Hallidayo@users.noreply.github.com>
Date: Thu, 4 Jan 2024 15:01:27 +0000
Subject: [PATCH] fix: update password placeholder prop (#242)

* changed placeholder prop

* Add changeset

---------

Co-authored-by: Andrew Smith <a.smith@silentworks.co.uk>
---
 .changeset/lemon-eyes-walk.md                              | 7 +++++++
 .../src/components/Auth/interfaces/UpdatePassword.tsx      | 2 +-
 .../src/components/Auth/interfaces/UpdatePassword.tsx      | 4 +++-
 .../svelte/src/lib/Auth/interfaces/UpdatePassword.svelte   | 6 ++++--
 4 files changed, 15 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/lemon-eyes-walk.md

diff --git a/.changeset/lemon-eyes-walk.md b/.changeset/lemon-eyes-walk.md
new file mode 100644
index 00000000..82c82ef5
--- /dev/null
+++ b/.changeset/lemon-eyes-walk.md
@@ -0,0 +1,7 @@
+---
+'@supabase/auth-ui-svelte': patch
+'@supabase/auth-ui-react': patch
+'@supabase/auth-ui-solid': patch
+---
+
+fix: update password placeholder prop
diff --git a/packages/react/src/components/Auth/interfaces/UpdatePassword.tsx b/packages/react/src/components/Auth/interfaces/UpdatePassword.tsx
index c977739d..8a4f9236 100644
--- a/packages/react/src/components/Auth/interfaces/UpdatePassword.tsx
+++ b/packages/react/src/components/Auth/interfaces/UpdatePassword.tsx
@@ -41,7 +41,7 @@ function UpdatePassword({
           <Input
             id="password"
             name="password"
-            placeholder={labels?.password_label}
+            placeholder={labels?.password_input_placeholder}
             type="password"
             autoFocus
             onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
diff --git a/packages/solid/src/components/Auth/interfaces/UpdatePassword.tsx b/packages/solid/src/components/Auth/interfaces/UpdatePassword.tsx
index 17cd3b42..17607de8 100644
--- a/packages/solid/src/components/Auth/interfaces/UpdatePassword.tsx
+++ b/packages/solid/src/components/Auth/interfaces/UpdatePassword.tsx
@@ -47,7 +47,9 @@ function UpdatePassword(props: {
               id="password"
               name="password"
               autofocus
-              placeholder={props.i18n?.update_password?.password_label}
+              placeholder={
+                props.i18n?.update_password?.password_input_placeholder
+              }
               type="password"
               onkeyup={(e) => setPassword(e.currentTarget.value)}
               appearance={props.appearance}
diff --git a/packages/svelte/src/lib/Auth/interfaces/UpdatePassword.svelte b/packages/svelte/src/lib/Auth/interfaces/UpdatePassword.svelte
index 24ef10af..a407e152 100644
--- a/packages/svelte/src/lib/Auth/interfaces/UpdatePassword.svelte
+++ b/packages/svelte/src/lib/Auth/interfaces/UpdatePassword.svelte
@@ -45,14 +45,16 @@
 					type="password"
 					name="password"
 					autofocus
-					placeholder={i18n?.update_password?.password_label}
+					placeholder={i18n?.update_password?.password_input_placeholder}
 					bind:value={password}
 					autocomplete="password"
 					{appearance}
 				/>
 			</div>
 			<Button type="submit" color="primary" {loading} {appearance}>
-				{loading ? i18n?.update_password?.loading_button_label : i18n?.update_password?.button_label}
+				{loading
+					? i18n?.update_password?.loading_button_label
+					: i18n?.update_password?.button_label}
 			</Button>
 		</Container>