fix: update password placeholder prop (#242)

* changed placeholder prop

* Add changeset

---------

Co-authored-by: Andrew Smith <[email protected]>

Author: Hallidayo

.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

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>) =>

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}

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>