ui: missing copy in password.tsx (#61)

* ui: missing copy in password.tsx - Added the "Continue" button copy - Added a missing "Password" placeholder * Create lemon-eggs-add.md --------- Co-authored-by: Dax <mail@thdxr.com>
openauthjs · Dec 13, 2024 · 41acdc2 · 41acdc2
1 parent 2b5f475
commit 41acdc2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/.changeset/lemon-eggs-add.md b/.changeset/lemon-eggs-add.md
@@ -0,0 +1,5 @@
+---
+"@openauthjs/openauth": patch
+---
+
+ui: missing copy in password.tsx
diff --git a/packages/openauth/src/ui/password.tsx b/packages/openauth/src/ui/password.tsx
@@ -32,6 +32,7 @@ const DEFAULT_COPY = {
   input_password: "Password",
   input_code: "Code",
   input_repeat: "Repeat password",
+  button_continue: "Continue",
 } satisfies {
   [key in `error_${
     | PasswordLoginError["type"]
@@ -73,10 +74,10 @@ export function PasswordUI(input: PasswordUIOptions) {
               required
               type="password"
               name="password"
-              placeholder="Password"
+              placeholder={copy.register_prompt}
               autoComplete="current-password"
             />
-            <button data-component="button">Continue</button>
+            <button data-component="button">{copy.button_continue}</button>
             <div data-component="form-footer">
               <span>
                 {copy.register_prompt}{" "}
@@ -142,7 +143,7 @@ export function PasswordUI(input: PasswordUIOptions) {
                   placeholder={copy.input_repeat}
                   autoComplete="new-password"
                 />
-                <button data-component="button">Continue</button>
+                <button data-component="button">{copy.button_continue}</button>
                 <div data-component="form-footer">
                   <span>
                     {copy.login_prompt}{" "}
@@ -167,7 +168,7 @@ export function PasswordUI(input: PasswordUIOptions) {
                   placeholder={copy.input_code}
                   autoComplete="one-time-code"
                 />
-                <button data-component="button">Continue</button>
+                <button data-component="button">{copy.button_continue}</button>
               </>
             )}
           </form>
@@ -244,7 +245,7 @@ export function PasswordUI(input: PasswordUIOptions) {
                 />
               </>
             )}
-            <button data-component="button">Continue</button>
+            <button data-component="button">{copy.button_continue}</button>
           </form>
           {state.type === "code" && (
             <form method="post">