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} - {hasMinimalFooter ? : } + {hasMinimalFooter ? ( + + ) : ( + + )} ); 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 = () => ; +export const WithoutSupport: StoryFn = () => ( + +); + export const Minimal: StoryFn = () => ; 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) => { return; }; -export const Footer = () => { +export const Footer = ({ hideSupport }: { hideSupport?: boolean }) => { const TODAY = new Date(Date.now()); const [isInUSA, setIsInUSA] = useState(false); @@ -255,19 +255,21 @@ export const Footer = () => { ))} - - - Support the Guardian + {!hideSupport && ( + + + Support the Guardian + + + + - - - - + )}