From 919428d5c640e41f3b923037eb9a8591f22e19fb Mon Sep 17 00:00:00 2001
From: "Nicholas C. Zakas" <nicholas@humanwhocodes.com>
Date: Thu, 31 Oct 2024 02:29:43 -0400
Subject: [PATCH] fix: Display and calculation of sponsors (#656)

* fix: Display and calculation of sponsors

* Fix sponsors.json
---
 src/_data/sponsors.json         | 20 ++++++++++----------
 src/content/pages/sponsors.html |  5 +++--
 tools/fetch-sponsors.js         |  2 +-
 3 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/_data/sponsors.json b/src/_data/sponsors.json
index b53e4c2ac..dc3e2f4d2 100644
--- a/src/_data/sponsors.json
+++ b/src/_data/sponsors.json
@@ -73,6 +73,15 @@
         }
     ],
     "bronze": [
+        {
+            "name": "Cybozu",
+            "url": "https://cybozu.co.jp/",
+            "image": "https://images.opencollective.com/cybozu/933e46d/logo.png",
+            "monthlyDonation": 350,
+            "totalDonations": 19964,
+            "source": "opencollective",
+            "tier": "bronze-sponsor"
+        },
         {
             "name": "WordHint",
             "url": "https://www.wordhint.net/",
@@ -135,15 +144,6 @@
         }
     ],
     "backers": [
-        {
-            "name": "Cybozu",
-            "url": "https://cybozu.co.jp/",
-            "image": "https://images.opencollective.com/cybozu/933e46d/logo.png",
-            "monthlyDonation": 350,
-            "totalDonations": 19964,
-            "source": "opencollective",
-            "tier": null
-        },
         {
             "name": "Principal Financial Group",
             "url": "https://www.principal.com/about-us",
@@ -1659,4 +1659,4 @@
             "tier": "backer"
         }
     ]
-}
\ No newline at end of file
+}
diff --git a/src/content/pages/sponsors.html b/src/content/pages/sponsors.html
index 4d510ed39..ee511ddc2 100644
--- a/src/content/pages/sponsors.html
+++ b/src/content/pages/sponsors.html
@@ -222,11 +222,12 @@ <h2 class="section-title h3">{{ site.sponsors_page.tiers.backers.title }}</h2>
         </div>
         <div class="grid">
             <ul role="list" class="sponsors span-1-12 sponsors--backers">
+                {% set fallback_image = '/assets/images/people/_placeholder-avatar.svg' %}
                 {% for sponsor in sponsors.backers %}
                 <li>
                     <a href="{{ sponsor.url | url }}" class="sponsor-link" rel="nofollow noopener sponsored" target="_blank">
-                        <img loading="lazy" decoding="async" src="{{ sponsor.image }}" height="48" width="48"
-                            onerror="this.src = '/assets/images/people/_placeholder-avatar.svg'"
+                        <img loading="lazy" decoding="async" src="{{ sponsor.image if sponsor.image else fallback_image }}" height="48" width="48"
+                            onerror="this.src = '{{fallback_image}}'"
                             alt="{{ sponsor.name if sponsor.name else "Anonymous" }} is donating {{ sponsor.monthlyDonation | dollars }} each month"
                             title="{{ sponsor.name if sponsor.name else "Anonymous" }} is donating {{ sponsor.monthlyDonation | dollars }} each month" />
                     </a>
diff --git a/tools/fetch-sponsors.js b/tools/fetch-sponsors.js
index 1bfce742f..24ef56719 100644
--- a/tools/fetch-sponsors.js
+++ b/tools/fetch-sponsors.js
@@ -182,7 +182,7 @@ async function fetchOpenCollectiveData() {
 				: order.amount.value,
 		totalDonations: order.totalDonations.value,
 		source: "opencollective",
-		tier: order.tier ? order.tier.slug : null,
+		tier: order.tier ? order.tier.slug : getTierSlug(order.amount.value),
 	}));
 
 	const donations = payload.data.donations.nodes