feat: ad/sponsors images link to their ad

SquiggleTools · Sep 23, 2024 · ae32b40 · ae32b40
1 parent 862436f
commit ae32b40
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/data/sponsors.ts b/src/data/sponsors.ts
@@ -82,6 +82,9 @@ export const sponsorsBySlug = {
 };
 
 export const sponsorsByPlacement = _.groupBy(
-	Object.values(sponsorsBySlug),
+	Object.entries(sponsorsBySlug).map(([slug, sponsor]) => ({
+		slug,
+		...sponsor,
+	})),
 	(sponsor) => sponsor.placement,
 );
diff --git a/src/pages/ad/sponsors.astro b/src/pages/ad/sponsors.astro
@@ -20,12 +20,14 @@ import "~/layouts/normalize.css";
 				Object.values(sponsorsByPlacement).map((sponsors) => (
 					<div class="sponsors-ad-list">
 						{sponsors.map((sponsor) => (
-							<Image
-								alt=""
-								class="ad-sponsor"
-								src={sponsor.logos.dark}
-								height={sponsor.placement === "first" ? 96 : 72}
-							/>
+							<a href={`/ad/sponsor/${sponsor.slug}`}>
+								<Image
+									alt={sponsor.title}
+									class="ad-sponsor"
+									src={sponsor.logos.dark}
+									height={sponsor.placement === "first" ? 96 : 72}
+								/>
+							</a>
 						))}
 					</div>
 				))