fix(onboarding-ui): Fix font scales, translations, text colors (#1208)

RocketChat · Nov 17, 2023 · 24a0647 · 24a0647
1 parent ab9e4bf
commit 24a0647
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 15 deletions.
diff --git a/.changeset/mighty-chicken-sip.md b/.changeset/mighty-chicken-sip.md
@@ -0,0 +1,6 @@
+---
+"@rocket.chat/layout": patch
+"@rocket.chat/onboarding-ui": patch
+---
+
+Adjust some font scales and text colors, fix some wrong translations, remove description from admin email on register server step, disable register workspace button when air-gapped.
diff --git a/packages/layout/src/FormPageLayout/FormSteps.tsx b/packages/layout/src/FormPageLayout/FormSteps.tsx
@@ -14,7 +14,7 @@ const FormSteps = ({
   const { t } = useTranslation();
 
   return (
-    <Box mbe={8} fontScale='c2' color='neutral-600'>
+    <Box mbe={8} fontScale='c2' color='font-secondary-info'>
       {t('component.form.steps', { currentStep, stepCount })}
     </Box>
   );

diff --git a/packages/layout/src/FormPageLayout/FormTitle.tsx b/packages/layout/src/FormPageLayout/FormTitle.tsx
@@ -8,7 +8,7 @@ const FormTitle = forwardRef<
     children: ReactNode;
   }
 >((props, ref) => (
-  <Box mbe={8} fontScale='h2' fontWeight={800} {...props} ref={ref} />
+  <Box mbe={8} fontScale='h3' fontWeight={800} {...props} ref={ref} />
 ));
 
 export default FormTitle;
diff --git a/packages/onboarding-ui/.i18n/en.i18n.json b/packages/onboarding-ui/.i18n/en.i18n.json
@@ -260,7 +260,7 @@
       "title": "Awaiting confirmation",
       "content": {
         "securityCode": "Security code",
-        "sentEmail": "Email sent to <1>{{email}}</1> with a confirmation link.Please verify that the security code below matches the one in the email."
+        "sentEmail": "Email sent to <1>{{emailAddress}}</1> with a confirmation link.Please verify that the security code below matches the one in the email."
       }
     },
     "loginForm": {

diff --git a/packages/onboarding-ui/src/common/EmailCodeFallback.tsx b/packages/onboarding-ui/src/common/EmailCodeFallback.tsx
@@ -12,7 +12,7 @@ const EmailCodeFallback = ({
   onResendEmailRequest,
   onChangeEmailRequest,
 }: EmailCodeFallbackProps): ReactElement => (
-  <Box fontScale='c1'>
+  <Box fontScale='p2'>
     <Trans i18nKey='component.emailCodeFallback'>
       Didn’t receive email?
       <ActionLink onClick={onResendEmailRequest}>Resend</ActionLink>

diff --git a/packages/onboarding-ui/src/forms/AwaitConfirmationForm/AwaitConfirmationForm.tsx b/packages/onboarding-ui/src/forms/AwaitConfirmationForm/AwaitConfirmationForm.tsx
@@ -31,7 +31,7 @@ const AwaitingConfirmationForm = ({
         <Form.Title>{t('form.awaitConfirmationForm.title')}</Form.Title>
       </Form.Header>
       <Form.Container>
-        <Box fontScale='c1' mbe={24}>
+        <Box fontScale='p2' mbe={24}>
           <Trans i18nKey='form.awaitConfirmationForm.content.sentEmail'>
             Email sent to <strong>{{ emailAddress }}</strong> with a
             confirmation link.Please verify that the security code below matches

diff --git a/packages/onboarding-ui/src/forms/RegisterServerForm/RegisterServerForm.tsx b/packages/onboarding-ui/src/forms/RegisterServerForm/RegisterServerForm.tsx
@@ -5,7 +5,6 @@ import {
   Field,
   EmailInput,
   CheckBox,
-  Icon,
   FieldLabel,
   FieldRow,
   FieldError,
@@ -107,14 +106,6 @@ const RegisterServerForm = ({
                 htmlFor={emailField}
               >
                 {t('form.registeredServerForm.fields.accountEmail.inputLabel')}
-                <Icon
-                  title={t(
-                    'form.registeredServerForm.fields.accountEmail.tooltipLabel'
-                  )}
-                  mis={4}
-                  size='x16'
-                  name='info'
-                />
               </FieldLabel>
               <FieldRow>
                 <Controller
@@ -212,7 +203,7 @@ const RegisterServerForm = ({
               <Button
                 type='submit'
                 primary
-                disabled={isSubmitting || isValidating}
+                disabled={isSubmitting || isValidating || offline}
               >
                 {t('component.form.action.registerWorkspace')}
               </Button>