function WeeklyLPContent()

in support-frontend/assets/pages/weekly-subscription-landing/weeklySubscriptionLanding.tsx [56:118]

63 lines of code
4 McCabe index (conditional complexity)


function WeeklyLPContent({
	countryId,
	productPrices,
	promotionCopy,
	orderIsAGift,
	countryGroupId,
	pageQaId,
	header,
	giftNonGiftLink,
}: WeeklyLPContentPropTypes) {
	return (
		<Page
			id={pageQaId}
			header={header}
			footer={
				<GuardianWeeklyFooter
					productPrices={productPrices}
					orderIsAGift={!!orderIsAGift}
					country={countryId}
				/>
			}
		>
			<WeeklyHero orderIsAGift={orderIsAGift} promotionCopy={promotionCopy} />
			<FullWidthContainer>
				<CentredContainer>
					<Block cssOverrides={styles.closeGapAfterPageTitle}>
						{orderIsAGift ? <GiftBenefits /> : <Benefits />}
					</Block>
				</CentredContainer>
			</FullWidthContainer>
			<FullWidthContainer theme="dark" hasOverlap>
				<CentredContainer>
					<WeeklyProductPrices
						countryId={countryId}
						productPrices={productPrices}
						abParticipations={abParticipations}
						orderIsAGift={orderIsAGift}
					/>
				</CentredContainer>
			</FullWidthContainer>
			<FullWidthContainer theme="white">
				<CentredContainer>
					<div css={styles.displayRowEvenly}>
						<GiftNonGiftCta
							product="Guardian Weekly"
							href={giftNonGiftLink}
							orderIsAGift={orderIsAGift}
						/>
						{(countryGroupId === 'GBPCountries' ||
							countryGroupId === 'AUDCountries') && (
							<GiftNonGiftCta
								product="Student"
								href={getStudentBeanLink(countryGroupId)}
								orderIsAGift={orderIsAGift}
								isStudent={true}
							/>
						)}
					</div>
				</CentredContainer>
			</FullWidthContainer>
		</Page>
	);
}