From c537ed809879b8f42d53b9361b91f3d9ae566455 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jakub=20Miko=C5=82ajczyk?= Date: Thu, 28 Mar 2024 15:39:20 +0100 Subject: [PATCH 1/3] oct-1499: onboarding auto epoch and dates --- .../images/onboarding/earn-rewards.webp | Bin 11112 -> 0 bytes .../images/onboarding/get-involved.webp | Bin 9766 -> 0 bytes .../ModalOnboarding.module.scss | 8 +++++ .../ModalOnboardingTOS.module.scss | 9 +++++ .../helpers/useOnboardingSteps/index.tsx | 28 ++++++++++++--- .../helpers/useOnboardingSteps/steps.tsx | 32 +++++++++++++----- client/src/locales/en/translation.json | 22 ++++++------ client/src/sentry.ts | 5 +-- 8 files changed, 77 insertions(+), 27 deletions(-) delete mode 100644 client/public/images/onboarding/earn-rewards.webp delete mode 100644 client/public/images/onboarding/get-involved.webp diff --git a/client/public/images/onboarding/earn-rewards.webp b/client/public/images/onboarding/earn-rewards.webp deleted file mode 100644 index 867ce8d64ab6447851f45bc4a9ad50c44970c1a2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 11112 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 diff --git a/client/public/images/onboarding/get-involved.webp b/client/public/images/onboarding/get-involved.webp deleted file mode 100644 index 6327a3d8557b8607187aa38eaf6c8a6a026dc61b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9766 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 { const { i18n } = useTranslation(); - + const { data: currentEpoch } = useCurrentEpoch(); const { data: isDecisionWindowOpen } = useIsDecisionWindowOpen(); + const epoch = isDecisionWindowOpen ? currentEpoch! - 1 : currentEpoch; + + const { timeCurrentAllocationEnd, timeCurrentEpochEnd } = useEpochAndAllocationTimestamps(); + + const changeAWDate = useMemo(() => { + if (isDecisionWindowOpen && timeCurrentAllocationEnd) { + return format(new Date(timeCurrentAllocationEnd).getTime(), 'dd MMM'); + } + if (!isDecisionWindowOpen && timeCurrentEpochEnd) { + return format(new Date(timeCurrentEpochEnd).getTime(), 'dd MMM'); + } + return ''; + }, [isDecisionWindowOpen, timeCurrentAllocationEnd, timeCurrentEpochEnd]); + return [ ...(isUserTOSAcceptedInitial === false ? [ @@ -27,7 +45,9 @@ const useOnboardingSteps = (isUserTOSAcceptedInitial: boolean | undefined): Step }, ] : []), - ...(isDecisionWindowOpen ? stepsDecisionWindowOpen : stepsDecisionWindowClosed), + ...(isDecisionWindowOpen + ? getStepsDecisionWindowOpen(epoch?.toString() ?? '', changeAWDate) + : getStepsDecisionWindowClosed(epoch?.toString() ?? '', changeAWDate)), ]; }; diff --git a/client/src/hooks/helpers/useOnboardingSteps/steps.tsx b/client/src/hooks/helpers/useOnboardingSteps/steps.tsx index b3f73e179e..493f9c5726 100644 --- a/client/src/hooks/helpers/useOnboardingSteps/steps.tsx +++ b/client/src/hooks/helpers/useOnboardingSteps/steps.tsx @@ -3,17 +3,20 @@ import { Trans } from 'react-i18next'; import styles from 'components/shared/ModalOnboarding/ModalOnboarding.module.scss'; import { Step } from 'components/shared/ModalOnboarding/types'; +import Button from 'components/ui/Button'; +import { DISCORD_LINK, OCTANT_BUILD_LINK, TWITTER_LINK } from 'constants/urls'; import i18n from 'i18n'; -export const stepsDecisionWindowOpen: Step[] = [ +export const getStepsDecisionWindowOpen = (epoch: string, changeAWDate: string): Step[] => [ { - header: i18n.t('views.onboarding.stepsDecisionWindowOpen.welcomeToOctant.header'), + header: i18n.t('views.onboarding.stepsDecisionWindowOpen.welcomeToOctant.header', { epoch }), image: 'images/onboarding/1.webp', imageClassName: styles.welcomeToOctant, text: ( ]} i18nKey="views.onboarding.stepsDecisionWindowOpen.welcomeToOctant.text" + values={{ date: changeAWDate }} /> ), }, @@ -36,6 +39,7 @@ export const stepsDecisionWindowOpen: Step[] = [ ]} i18nKey="views.onboarding.stepsDecisionWindowOpen.donateToProjects.text" + values={{ epoch }} /> ), }, @@ -52,9 +56,11 @@ export const stepsDecisionWindowOpen: Step[] = [ }, ]; -export const stepsDecisionWindowClosed: Step[] = [ +export const getStepsDecisionWindowClosed = (epoch: string, changeAWDate: string): Step[] => [ { - header: i18n.t('views.onboarding.stepsDecisionWindowClosed.welcomeToOctant.header'), + header: i18n.t('views.onboarding.stepsDecisionWindowClosed.welcomeToOctant.header', { + epoch, + }), image: 'images/onboarding/1.webp', imageClassName: styles.welcomeToOctant, text: ( @@ -66,7 +72,7 @@ export const stepsDecisionWindowClosed: Step[] = [ }, { header: i18n.t('views.onboarding.stepsDecisionWindowClosed.earnRewards.header'), - image: 'images/onboarding/earn-rewards.webp', + image: 'images/cycle.webp', imageClassName: styles.earnRewards, text: ( , + text: ( + , +