Merge pull request #161 from ModusCreateOrg/ADE-200

Small improvements to Sign Up page

Author: adamrefaey

frontend/src/common/i18n/en/auth.json

@@ -0,0 +1,35 @@
+{
+  "email-verification": {
+    "title": "Email Verification",
+    "message": "Please enter the verification code sent to your email address.",
+    "success": "Your email has been successfully verified.",
+    "code-resent": "A new verification code has been sent to your email."
+  },
+  "validation": {
+    "required": "This field is required.",
+    "numeric": "This field must contain only numbers.",
+    "exact-length": "This field must be exactly {{length}} characters."
+  },
+  "error": {
+    "no-email": "Email address not found. Please try again."
+  },
+  "label": {
+    "verification-code": "Verification code",
+    "email": "Email"
+  },
+  "confirm": "Confirm",
+  "resend-code": "Request new code",
+  "verification": {
+    "loading": "Verifying your code...",
+    "enter-code": "Please enter the verification code we sent to"
+  },
+  "confirm-account": {
+    "title": "Confirm Account",
+    "message": "Please enter the verification code we sent to",
+    "submit": "Confirm Account"
+  },
+  "request-new-code": "Request new code",
+  "back-to-login": "Back to Log in",
+  "signin": "Log in",
+  "logo-alt": "MEDReport AI Logo"
+}

frontend/src/common/i18n/en/common.json

@@ -0,0 +1,13 @@
+{
+  "logo-alt": "MEDReport AI Logo",
+  "app": {
+    "name": "MEDReport AI"
+  },
+  "confirm": "Confirm",
+  "cancel": "Cancel",
+  "loading": "Loading...",
+  "error": "Error",
+  "success": "Success",
+  "back": "Back",
+  "next": "Next"
+}

frontend/src/common/utils/i18n/resources/en/auth.json

@@ -41,7 +41,7 @@
   "or-signin-with": "Or sign in with",
   "submit": "Submit",
   "confirm": "Confirm",
-  "resend-code": "Resend Code",
+  "resend-code": "Request new code",
   "forgot-password": "Forgot Password?",
   "password-recovery": {
     "title": "Password Recovery",
@@ -62,6 +62,16 @@
     "success": "Email verified successfully!",
     "code-resent": "A new verification code has been sent to your email."
   },
+  "confirm-account": {
+    "title": "Confirm Account",
+    "message": "Please enter the verification code we sent to",
+    "submit": "Confirm Account"
+  },
+  "back-to-login": "Back to Log in",
+  "registration": {
+    "success": "Registration successful!",
+    "verify-email": "Please verify your email to activate your account."
+  },
   "oauth": {
     "processing": "Processing your login...",
     "redirecting": "Redirecting...",
@@ -80,5 +90,6 @@
     "uppercase": "Must contain at least one uppercase letter",
     "number": "Must contain at least one number",
     "special-char": "Must contain at least one special character"
-  }
+  },
+  "please-fill-details": "Please fill in your personal details"
 }

frontend/src/common/utils/i18n/resources/es/auth.json

@@ -16,5 +16,10 @@
   },
   "signin": "Iniciar sesión",
   "signin.title": "Iniciar sesión",
-  "signin.subtitle": "Iniciar sesión para acceder a MEDReport AI"
+  "signin.subtitle": "Iniciar sesión para acceder a MEDReport AI",
+  "registration": {
+    "success": "¡Registro exitoso!",
+    "verify-email": "Por favor verifica tu correo electrónico para activar tu cuenta."
+  },
+  "please-fill-details": "Por favor complete sus datos personales"
 }

frontend/src/common/utils/i18n/resources/fr/auth.json

@@ -16,5 +16,10 @@
   },
   "signin": "Se connecter",
   "signin.title": "Se connecter",
-  "signin.subtitle": "Connectez-vous pour accéder à MEDReport AI"
+  "signin.subtitle": "Connectez-vous pour accéder à MEDReport AI",
+  "registration": {
+    "success": "Inscription réussie !",
+    "verify-email": "Veuillez vérifier votre e-mail pour activer votre compte."
+  },
+  "please-fill-details": "Veuillez remplir vos coordonnées personnelles"
 }

frontend/src/pages/Auth/SignUp/components/SignUpForm.scss

@@ -82,9 +82,10 @@
       &-icon {
         margin-right: 0.375rem;
         font-size: 1.1rem;
+        color: var(--ion-color-medium);
       }
 
-      &-valid {
+      &.valid {
         color: var(--ion-color-success);
       }
 
@@ -93,4 +94,37 @@
       }
     }
   }
+
+  &__success {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 2rem 1.5rem;
+    background-color: #f8fff8;
+    border: 1px solid var(--ion-color-success);
+    border-radius: 8px;
+    margin: 1rem 0;
+
+    &-icon {
+      font-size: 4rem;
+      margin-bottom: 1rem;
+    }
+
+    h3 {
+      font-size: 1.4rem;
+      font-weight: 600;
+      margin: 0 0 0.75rem;
+      color: var(--ion-color-success);
+    }
+
+    p {
+      font-size: 1rem;
+      margin: 0;
+      color: #666;
+      line-height: 1.5;
+      max-width: 320px;
+    }
+  }
 }