From d1dbc33c092241de3c2c69ea6d972bf06c8abee9 Mon Sep 17 00:00:00 2001
From: Jon McClure <jon.r.mcclure@gmail.com>
Date: Thu, 6 Jul 2023 18:39:36 +0100
Subject: [PATCH] ignore referrals

---
 src/components/ReferralBlock/ReferralBlock.svelte | 13 +++++++++----
 src/components/SiteFooter/Referrals/Link.svelte   |  8 ++++++--
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/ReferralBlock/ReferralBlock.svelte b/src/components/ReferralBlock/ReferralBlock.svelte
index be808a34..b6d8705d 100644
--- a/src/components/ReferralBlock/ReferralBlock.svelte
+++ b/src/components/ReferralBlock/ReferralBlock.svelte
@@ -83,7 +83,7 @@
       class="referral-container"
       class:stacked="{clientWidth && clientWidth < 750}"
       class:xs="{clientWidth && clientWidth < 450}"
-      bind:clientWidth
+      bind:clientWidth="{clientWidth}"
     >
       {#each $referrals as referral}
         <div class="referral">
@@ -97,9 +97,13 @@
                 class="headline"
                 class:xs="{clientWidth && clientWidth < 450}"
               >
-                <div class="kicker">{referral.kicker.name}</div>
-                <div class="title">{referral.title}</div>
-                <div class="publish-time">
+                <div class="kicker" data-chromatic="ignore">
+                  {referral.kicker.name}
+                </div>
+                <div class="title" data-chromatic="ignore">
+                  {referral.title}
+                </div>
+                <div class="publish-time" data-chromatic="ignore">
                   {getTime(new Date(referral.display_time))}
                 </div>
               </div>
@@ -108,6 +112,7 @@
                 class:xs="{clientWidth && clientWidth < 450}"
               >
                 <img
+                  data-chromatic="ignore"
                   src="{referral.thumbnail.renditions.landscape['240w']}"
                   alt="{referral.thumbnail.caption ||
                     referral.thumbnail.alt_text}"
diff --git a/src/components/SiteFooter/Referrals/Link.svelte b/src/components/SiteFooter/Referrals/Link.svelte
index 198835d6..b04128a0 100644
--- a/src/components/SiteFooter/Referrals/Link.svelte
+++ b/src/components/SiteFooter/Referrals/Link.svelte
@@ -10,12 +10,16 @@
   <a href="{url.replace('index.html', '')}">
     <IntersectionObserver let:intersecting top="{600}" once="{true}">
       {#if intersecting}
-        <div class="image" style="{`background-image: url(${image});`}"></div>
+        <div
+          data-chromatic="ignore"
+          class="image"
+          style="{`background-image: url(${image});`}"
+        ></div>
       {:else}
         <div class="image"></div>
       {/if}
     </IntersectionObserver>
-    <p>{title}</p>
+    <p data-chromatic="ignore">{title}</p>
   </a>
 </div>