fix: update password placeholder prop (#242)

* changed placeholder prop * Add changeset --------- Co-authored-by: Andrew Smith <[email protected]>
supabase-community · Jan 4, 2024 · ac80a29 · ac80a29
1 parent a639626
commit ac80a29
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 4 deletions.
diff --git a/.changeset/lemon-eyes-walk.md 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
@@ -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
@@ -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
@@ -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>