diff --git a/client/components/mma/accountoverview/AccountOverview.tsx b/client/components/mma/accountoverview/AccountOverview.tsx index f6cd8cb72..ad20e0215 100644 --- a/client/components/mma/accountoverview/AccountOverview.tsx +++ b/client/components/mma/accountoverview/AccountOverview.tsx @@ -303,7 +303,9 @@ const AccountOverviewPage = ({ isFromApp }: IsFromAppProps) => { Get the most out of your benefits - + {featureSwitches.digitalArchiveCta && ( + + )} diff --git a/client/components/mma/shared/NewspaperArchiveCta.tsx b/client/components/mma/shared/NewspaperArchiveCta.tsx index f2f07f145..b02cbc74b 100644 --- a/client/components/mma/shared/NewspaperArchiveCta.tsx +++ b/client/components/mma/shared/NewspaperArchiveCta.tsx @@ -2,8 +2,8 @@ import type { SerializedStyles } from '@emotion/react'; import { css } from '@emotion/react'; import { breakpoints, - culture, from, + palette, space, textSans15, textSans17, @@ -11,7 +11,10 @@ import { textSansBold20, until, } from '@guardian/source/foundations'; -import { LinkButton } from '@guardian/source/react-components'; +import { + LinkButton, + SvgArrowRightStraight, +} from '@guardian/source/react-components'; import { trackEvent } from '@/client/utilities/analytics'; interface NewspaperArchiveCtaProps { @@ -19,7 +22,8 @@ interface NewspaperArchiveCtaProps { } const containerCss = css` - background-color: ${culture[700]}; + background-color: #1e3e72; + color: ${palette.neutral[100]}; h4 { ${textSansBold17}; margin: 0 ${space[5]}px 0 0; @@ -104,26 +108,32 @@ export const NewspaperArchiveCta = (props: NewspaperArchiveCtaProps) => {

} + iconSide="right" onClick={onExploreBtnClick} size="small" target="_blank" rel="noopener noreferrer" > - Explore the website + Explore the archive
diff --git a/shared/featureSwitches.ts b/shared/featureSwitches.ts index 9338f613b..1615b1d31 100644 --- a/shared/featureSwitches.ts +++ b/shared/featureSwitches.ts @@ -29,7 +29,8 @@ type FeatureSwitchName = | 'supporterPlusUpdateAmount' | 'digisubSave' | 'supporterplusCancellationOffer' - | 'contributionCancellationPause'; + | 'contributionCancellationPause' + | 'digitalArchiveCta'; export const featureSwitches: Record = { exampleFeature: false, @@ -38,4 +39,5 @@ export const featureSwitches: Record = { digisubSave: true, supporterplusCancellationOffer: true, contributionCancellationPause: true, + digitalArchiveCta: false, };