after testing fixes

bigcommerce · May 8, 2024 · 39237a6 · 39237a6
1 parent 9879549
commit 39237a6
Show file tree

Hide file tree

Showing 12 changed files with 13 additions and 11 deletions.
diff --git a/core/app/[locale]/(default)/login/page.tsx b/core/app/[locale]/(default)/login/page.tsx
@@ -96,7 +96,7 @@ export default async function Login({ params: { locale }, searchParams }: Props)
             <li>{t('CreateAccount.ordersTracking')}</li>
             <li>{t('CreateAccount.wishlists')}</li>
           </ul>
-          <Button asChild className="w-fit items-center px-8 py-2">
+          <Button asChild className="w-fit items-center px-8 py-2 hover:text-white">
             <Link href="/login/register-customer">{t('CreateAccount.createLink')}</Link>
           </Button>
         </div>

diff --git a/.../register-customer-form/_actions/login.ts → .../register-customer-form/_actions/login.ts b/.../register-customer-form/_actions/login.ts → .../register-customer-form/_actions/login.ts
diff --git a/...stomer-form/_actions/register-customer.ts → ...stomer-form/_actions/register-customer.ts b/...stomer-form/_actions/register-customer.ts → ...stomer-form/_actions/register-customer.ts
diff --git a/...egister-customer-form/fields/password.tsx → ...egister-customer-form/fields/password.tsx b/...egister-customer-form/fields/password.tsx → ...egister-customer-form/fields/password.tsx
@@ -39,16 +39,18 @@ export const Password = ({ field, isValid, name, onChange }: PasswordProps) => {
       </FieldControl>
       {field.isRequired && (
         <FieldMessage
-          className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-red-200"
+          className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-error-secondary"
           match="valueMissing"
         >
           {t('emptyPasswordValidatoinMessage')}
         </FieldMessage>
       )}
       {FieldNameToFieldId[field.entityId] === 'confirmPassword' && (
         <FieldMessage
-          className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-red-200"
+          className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-error-secondary"
           match={() => {
+            console.log(isValid, 'isValid');
+
             return !isValid;
           }}
         >

diff --git a/...customer-form/fields/picklist-or-text.tsx → ...customer-form/fields/picklist-or-text.tsx b/...customer-form/fields/picklist-or-text.tsx → ...customer-form/fields/picklist-or-text.tsx
@@ -70,7 +70,7 @@ export const PicklistOrText = ({
       </FieldControl>
       {field.isRequired && options.length === 0 && (
         <FieldMessage
-          className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-red-200"
+          className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-error-secondary"
           match="valueMissing"
         >
           {t('emptyTextValidatoinMessage')}

diff --git a/...egister-customer-form/fields/picklist.tsx → ...egister-customer-form/fields/picklist.tsx b/...egister-customer-form/fields/picklist.tsx → ...egister-customer-form/fields/picklist.tsx
diff --git a/...omer-form/fields/shared/field-wrapper.tsx → ...omer-form/fields/shared/field-wrapper.tsx b/...omer-form/fields/shared/field-wrapper.tsx → ...omer-form/fields/shared/field-wrapper.tsx
diff --git a/...ts/register-customer-form/fields/text.tsx → ...ts/register-customer-form/fields/text.tsx b/...ts/register-customer-form/fields/text.tsx → ...ts/register-customer-form/fields/text.tsx
@@ -40,15 +40,15 @@ export const Text = ({ field, isValid, name, onChange, type }: TextProps) => {
       </FieldControl>
       {field.isRequired && (
         <FieldMessage
-          className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-red-200"
+          className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-error-secondary"
           match="valueMissing"
         >
           {t('emptyTextValidatoinMessage')}
         </FieldMessage>
       )}
       {FieldNameToFieldId[field.entityId] === 'email' && (
         <FieldMessage
-          className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-red-200"
+          className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-error-secondary"
           match="typeMismatch"
         >
           {t('emailValidationMessage')}

diff --git a/...mponents/register-customer-form/index.tsx → ...mponents/register-customer-form/index.tsx b/...mponents/register-customer-form/index.tsx → ...mponents/register-customer-form/index.tsx
@@ -169,7 +169,7 @@ export const RegisterCustomerForm = ({
       case 'confirmPassword': {
         const confirmPassword = e.target.value;
 
-        const passwordFieldName = createFieldName('customer', +fieldId);
+        const passwordFieldName = createFieldName('customer', FieldNameToFieldId.password);
         const password = new FormData(e.target.form ?? undefined).get(passwordFieldName);
 
         return setPassswordValid((prevState) => ({
@@ -209,7 +209,7 @@ export const RegisterCustomerForm = ({
     setReCaptchaValid(true);
   };
 
-  const onSubmit = async (formData: FormData) => {
+  const onSubmit = async (formData: FormData) => {    
     if (formData.get('customer-password') !== formData.get('customer-confirmPassword')) {
       setFormStatus({
         status: 'error',
@@ -258,7 +258,7 @@ export const RegisterCustomerForm = ({
   return (
     <>
       {formStatus && (
-        <Message className="mx-auto lg:w-[830px]" variant={formStatus.status}>
+        <Message className="mb-8" variant={formStatus.status}>
           <p>{formStatus.message}</p>
         </Message>
       )}

diff --git a/...ult)/login/register-customer/page-data.ts → ...ult)/login/register-customer/page-data.ts b/...ult)/login/register-customer/page-data.ts → ...ult)/login/register-customer/page-data.ts
diff --git a/...default)/login/register-customer/page.tsx → ...default)/login/register-customer/page.tsx b/...default)/login/register-customer/page.tsx → ...default)/login/register-customer/page.tsx
diff --git a/core/messages/en.json b/core/messages/en.json
@@ -221,8 +221,8 @@
         "heading": "New account",
         "emptyTextValidatoinMessage": "This field can not be empty",
         "emailValidationMessage": "Enter a valid email such as name@domain.com",
-        "emptyPasswordValidatoinMessage": "Password field can not be empty",
-        "equalPasswordValidatoinMessage": "Confirm password field must be equal with password",
+        "emptyPasswordValidatoinMessage": "Enter a password",
+        "equalPasswordValidatoinMessage": "Passwords don't match",
         "submit": "Create account",
         "submitting": "Creating account...", 
         "recaptchaText": "Pass ReCAPTCHA check",