From bf3866b705e049d6ee3aebbd6d732f1ebefbddef Mon Sep 17 00:00:00 2001
From: thomas <toma.laforge@gmail.com>
Date: Sat, 30 Mar 2024 17:40:04 +0100
Subject: [PATCH] feat: use API to fetch sponsors

---
 docs/src/components/Hero.astro | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/docs/src/components/Hero.astro b/docs/src/components/Hero.astro
index bf617de..618b3b8 100644
--- a/docs/src/components/Hero.astro
+++ b/docs/src/components/Hero.astro
@@ -1,21 +1,22 @@
 ---
 import Default from '@astrojs/starlight/components/Hero.astro';
-import { Icon } from '@astrojs/starlight/components';
 import MyIcon from './MyIcon.astro';
 
-const sponsors = ['ddotx'];
+
+const sponsorFetch = await fetch('https://ghs.vercel.app/v2/sponsors/tomalaforge');
+const { sponsors } = await sponsorFetch.json();
 ---
 
 <div class="sponsor-header button-hover">
     <p>Big thanks to the people supporting this project:
-    {sponsors.map((sponsor: string) => (
-      <a href=`https://github.com/${sponsor}`>
+    {sponsors.past.map(({username, avatar}) => (
+      <a href=`https://github.com/${username}`>
         <img
           loading="lazy"
-          src={`https://github.com/${sponsor}.png?size=80`}
+          src={avatar}
           width="40"
           height="40"
-          alt={sponsor}
+          alt={username}
           class="avatar"
         />
       </a>