From 24a06471d4fd3c48b4e9611b6d663218934d1416 Mon Sep 17 00:00:00 2001
From: Tiago Evangelista Pinto <tiago.evangelista@rocket.chat>
Date: Fri, 17 Nov 2023 14:32:21 -0300
Subject: [PATCH] fix(onboarding-ui): Fix font scales, translations, text
 colors (#1208)

---
 .changeset/mighty-chicken-sip.md                      |  6 ++++++
 packages/layout/src/FormPageLayout/FormSteps.tsx      |  2 +-
 packages/layout/src/FormPageLayout/FormTitle.tsx      |  2 +-
 packages/onboarding-ui/.i18n/en.i18n.json             |  2 +-
 .../onboarding-ui/src/common/EmailCodeFallback.tsx    |  2 +-
 .../AwaitConfirmationForm/AwaitConfirmationForm.tsx   |  2 +-
 .../forms/RegisterServerForm/RegisterServerForm.tsx   | 11 +----------
 7 files changed, 12 insertions(+), 15 deletions(-)
 create mode 100644 .changeset/mighty-chicken-sip.md

diff --git a/.changeset/mighty-chicken-sip.md b/.changeset/mighty-chicken-sip.md
new file mode 100644
index 0000000000..12fea679f0
--- /dev/null
+++ 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
index 1644c2d13a..795dfd3809 100644
--- 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
index 47f03e31aa..9a29faa8c0 100644
--- 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
index d14288af95..e76d3f8e47 100644
--- 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
index 83e8c5e6a7..7a50e2e327 100644
--- 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
index 383c984546..b78f03d0be 100644
--- 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
index 7b65ed86c1..11a36c140c 100644
--- 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>