From 499cff9a698a95ad7d9a3d6799f198e4a691ccdf Mon Sep 17 00:00:00 2001
From: Jon McClure <jon.r.mcclure@gmail.com>
Date: Thu, 23 May 2024 09:43:45 +0100
Subject: [PATCH] can remove graphics referrals from footer

---
 src/components/SiteFooter/SiteFooter.stories.svelte      | 8 ++++++++
 src/components/SiteFooter/SiteFooter.svelte              | 9 ++++++++-
 .../SiteFooter/stories/docs/removeReferrals.md           | 9 +++++++++
 3 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 src/components/SiteFooter/stories/docs/removeReferrals.md

diff --git a/src/components/SiteFooter/SiteFooter.stories.svelte b/src/components/SiteFooter/SiteFooter.stories.svelte
index 81eb7891..46bc2d33 100644
--- a/src/components/SiteFooter/SiteFooter.stories.svelte
+++ b/src/components/SiteFooter/SiteFooter.stories.svelte
@@ -7,6 +7,8 @@
   import darkThemeDocs from './stories/docs/darkTheme.md?raw';
   // @ts-ignore
   import customReferralsDocs from './stories/docs/customReferrals.md?raw';
+  // @ts-ignore
+  import removeReferralsDocs from './stories/docs/removeReferrals.md?raw';
 
   import SiteFooter from './SiteFooter.svelte';
   import Theme from '../Theme/Theme.svelte';
@@ -64,6 +66,12 @@
   {...withStoryDocs(customReferralsDocs)}
 />
 
+<Story
+  name="Remove referrals"
+  args="{{ includeReferrals: false }}"
+  {...withStoryDocs(removeReferralsDocs)}
+/>
+
 <style>
   div {
     width: calc(100% + 30px);
diff --git a/src/components/SiteFooter/SiteFooter.svelte b/src/components/SiteFooter/SiteFooter.svelte
index c35df502..2757d8ff 100644
--- a/src/components/SiteFooter/SiteFooter.svelte
+++ b/src/components/SiteFooter/SiteFooter.svelte
@@ -20,6 +20,11 @@
    */
   export let referrals: Referral[] = [];
 
+  /**
+   * Set to `false` to remove graphics referrals
+   */
+  export let includeReferrals = true;
+
   let data = starterData;
 
   onMount(async () => {
@@ -54,7 +59,9 @@
   `}"
 >
   <div>
-    <Referrals referrals="{referrals}" />
+    {#if includeReferrals}
+      <Referrals referrals="{referrals}" />
+    {/if}
     <QuickLinks links="{data[0]}" />
     <CompanyLinks links="{data[0]}" />
     <LegalLinks links="{data[0]}" />
diff --git a/src/components/SiteFooter/stories/docs/removeReferrals.md b/src/components/SiteFooter/stories/docs/removeReferrals.md
new file mode 100644
index 00000000..9f94460b
--- /dev/null
+++ b/src/components/SiteFooter/stories/docs/removeReferrals.md
@@ -0,0 +1,9 @@
+Remove graphics referrals.
+
+```svelte
+<script>
+  import { SiteFooter } from '@reuters-graphics/graphics-components';
+</script>
+
+<SiteFooter includeReferrals="{false}" />
+```