From b54573b7d0c651f0f392d5bde49f737e06cfb783 Mon Sep 17 00:00:00 2001 From: dat Date: Mon, 10 Jul 2023 01:54:31 +0700 Subject: [PATCH 1/3] update onboarding ui --- .../components/FormField/styles.module.scss | 2 +- .../modal-add-education/styles.module.scss | 5 ++++ .../src/components/modal-add-work/index.tsx | 24 ++++++++++--------- 3 files changed, 19 insertions(+), 12 deletions(-) diff --git a/src/apps/onboarding/src/components/FormField/styles.module.scss b/src/apps/onboarding/src/components/FormField/styles.module.scss index b81310a4a..9a277e30b 100644 --- a/src/apps/onboarding/src/components/FormField/styles.module.scss +++ b/src/apps/onboarding/src/components/FormField/styles.module.scss @@ -5,7 +5,7 @@ $green1: #137d60; display: flex; flex-direction: column; justify-content: flex-start; - margin-bottom: 18px; + margin-bottom: 0; .form-field { border: 1px solid #b7b7b7; diff --git a/src/apps/onboarding/src/components/modal-add-education/styles.module.scss b/src/apps/onboarding/src/components/modal-add-education/styles.module.scss index bc191d879..070ddd645 100644 --- a/src/apps/onboarding/src/components/modal-add-education/styles.module.scss +++ b/src/apps/onboarding/src/components/modal-add-education/styles.module.scss @@ -14,6 +14,11 @@ } } + :global(.modal-body) { + padding-bottom: 0; + margin-bottom: 0; + } + hr { margin-top: 30px; } diff --git a/src/apps/onboarding/src/components/modal-add-work/index.tsx b/src/apps/onboarding/src/components/modal-add-work/index.tsx index fc99606b7..ce89d2822 100644 --- a/src/apps/onboarding/src/components/modal-add-work/index.tsx +++ b/src/apps/onboarding/src/components/modal-add-work/index.tsx @@ -223,17 +223,19 @@ const ModalAddWork: FC = (props: ModalAddWorkProps) => { - { - setWorkInfo({ - ...workInfo, - currentlyWorking: e.target.checked, - }) - }} - /> +
+ { + setWorkInfo({ + ...workInfo, + currentlyWorking: e.target.checked, + }) + }} + /> +
) From e47ec608164689dec21ff14a019e32523f34c4cd Mon Sep 17 00:00:00 2001 From: dat Date: Mon, 10 Jul 2023 01:55:59 +0700 Subject: [PATCH 2/3] onboarding fix wrong text --- src/apps/onboarding/src/pages/educations/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/apps/onboarding/src/pages/educations/index.tsx b/src/apps/onboarding/src/pages/educations/index.tsx index 3124d0cf7..98eaf54e4 100644 --- a/src/apps/onboarding/src/pages/educations/index.tsx +++ b/src/apps/onboarding/src/pages/educations/index.tsx @@ -60,7 +60,7 @@ export const PageEducationsContent: FC<{ return (
-

Add your education information

+

Education

From 954d22e89f69e89482117d7d58125a3e1a0700e1 Mon Sep 17 00:00:00 2001 From: dat Date: Mon, 10 Jul 2023 02:00:07 +0700 Subject: [PATCH 3/3] onboarding: fix final step link --- .../onboarding/src/pages/personalization/index.tsx | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/src/apps/onboarding/src/pages/personalization/index.tsx b/src/apps/onboarding/src/pages/personalization/index.tsx index 4611178f0..9663a016a 100644 --- a/src/apps/onboarding/src/pages/personalization/index.tsx +++ b/src/apps/onboarding/src/pages/personalization/index.tsx @@ -8,6 +8,7 @@ import { FC, MutableRefObject, useEffect, useRef } from 'react' import classNames from 'classnames' import { Button, PageDivider } from '~/libs/ui' +import { EnvironmentConfig } from '~/config' import { ProgressBar } from '../../components/progress-bar' import styles from './styles.module.scss' @@ -54,7 +55,11 @@ const PagePersonalizationContent: FC<{ useEffect(() => { if (!loading && !shouldSavingData.current && !!shouldNavigateTo.current) { - navigate(shouldNavigateTo.current) + if (shouldNavigateTo.current.startsWith('../')) { + navigate(shouldNavigateTo.current) + } else { + window.location.href = shouldNavigateTo.current + } } /* eslint-disable react-hooks/exhaustive-deps */ }, [loading]) @@ -131,9 +136,11 @@ const PagePersonalizationContent: FC<{ iconToLeft onClick={() => { if (loading) { - shouldNavigateTo.current = '../account-details' + shouldNavigateTo.current + = `${EnvironmentConfig.USER_PROFILE_URL}/${props.memberInfo?.handle}` } else { - navigate('../account-details') + window.location.href + = `${EnvironmentConfig.USER_PROFILE_URL}/${props.memberInfo?.handle}` } }} >