From ab9e4244ef0ae10579c16cd9063642fe9e039efc Mon Sep 17 00:00:00 2001
From: Richard Bangay <richard.bangay@guardian.co.uk>
Date: Thu, 19 Dec 2024 18:04:19 +0000
Subject: [PATCH] hide the support cta's from the help centre footer

---
 client/components/shared/Main.tsx             |  6 +++-
 .../shared/footer/Footer.stories.tsx          |  4 +++
 client/components/shared/footer/Footer.tsx    | 28 ++++++++++---------
 3 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/client/components/shared/Main.tsx b/client/components/shared/Main.tsx
index 20198ebca..d5e6e6bf7 100644
--- a/client/components/shared/Main.tsx
+++ b/client/components/shared/Main.tsx
@@ -75,7 +75,11 @@ export const Main = ({
 						{children}
 					</main>
 				</div>
-				{hasMinimalFooter ? <MinimalFooter /> : <Footer />}
+				{hasMinimalFooter ? (
+					<MinimalFooter />
+				) : (
+					<Footer hideSupport={!!isHelpCentrePage} />
+				)}
 			</div>
 		</HasMinimalFooterContext.Provider>
 	);
diff --git a/client/components/shared/footer/Footer.stories.tsx b/client/components/shared/footer/Footer.stories.tsx
index 7fe877d0c..52fbc688d 100644
--- a/client/components/shared/footer/Footer.stories.tsx
+++ b/client/components/shared/footer/Footer.stories.tsx
@@ -15,4 +15,8 @@ export default {
 
 export const Default: StoryFn<typeof Footer> = () => <Footer />;
 
+export const WithoutSupport: StoryFn<typeof Footer> = () => (
+	<Footer hideSupport />
+);
+
 export const Minimal: StoryFn<typeof MinimalFooter> = () => <MinimalFooter />;
diff --git a/client/components/shared/footer/Footer.tsx b/client/components/shared/footer/Footer.tsx
index 4a2179dfc..0f6bf7e9c 100644
--- a/client/components/shared/footer/Footer.tsx
+++ b/client/components/shared/footer/Footer.tsx
@@ -171,7 +171,7 @@ const fillEmailSignup = (_: SyntheticEvent<HTMLIFrameElement>) => {
 	return;
 };
 
-export const Footer = () => {
+export const Footer = ({ hideSupport }: { hideSupport?: boolean }) => {
 	const TODAY = new Date(Date.now());
 
 	const [isInUSA, setIsInUSA] = useState<boolean>(false);
@@ -255,19 +255,21 @@ export const Footer = () => {
 									</ul>
 								))}
 
-								<div css={supportStyles}>
-									<div css={supportTitleStyles}>
-										Support the&nbsp;Guardian
+								{!hideSupport && (
+									<div css={supportStyles}>
+										<div css={supportTitleStyles}>
+											Support the&nbsp;Guardian
+										</div>
+										<div css={supportButtonContainerStyles}>
+											<SupportTheGuardianButton
+												supportReferer="footer_support_contribute"
+												alternateButtonText="Support us"
+												theme="brand"
+												size="small"
+											/>
+										</div>
 									</div>
-									<div css={supportButtonContainerStyles}>
-										<SupportTheGuardianButton
-											supportReferer="footer_support_contribute"
-											alternateButtonText="Support us"
-											theme="brand"
-											size="small"
-										/>
-									</div>
-								</div>
+								)}
 							</div>
 						</div>