Fix paths.

nikoshell · nikoshell · commit 8d9118cb62ac · 2025-05-17T17:36:51.000+02:00
diff --git a/src/components/SocialMediaSponsorCard.astro b/src/components/SocialMediaSponsorCard.astro
@@ -1,17 +1,8 @@
 ---
 import { getEntry } from "astro:content";
-import SponsorLogo from "@components/SponsorLogo.astro";
-import { Image } from "astro:assets";
 import { sponsorLogos } from "@data/sponsorLogos";
-import { ta } from "date-fns/locale";
 
-const { slug:sponsorId } = Astro.props;
-
-const sponsor = await getEntry("sponsors", sponsorId);
-
-if (!sponsor) {
-  throw new Error(`Sponsor with ID "${sponsorId}" not found`);
-}
+const { sponsor } = Astro.props;
 
 const {
   name: title,
@@ -25,7 +16,7 @@ const logo = sponsorLogos[sponsor.id];
 const targetWidth = 400;
 const aspectRatio = logo.width / logo.height;
 const targetHeight = targetWidth / aspectRatio;
-const maxHeight = 240;
+const maxHeight = 220;
 const realHeight = targetHeight < maxHeight? targetHeight : maxHeight;
 
 const x = 650 - targetWidth/ 2;
@@ -50,6 +41,8 @@ const y = 650 - realHeight / 2;
        m 885 885 l -240 0 a 240 240 0 0 1 -240 -240 a 240 240 0 0 1 240 -240 a 240 240 0 0 1 240 240 z
        "
     fill="white"
+    stroke="#F5B91A"
+    stroke-width="8"
   />
 
 <image
diff --git a/src/pages/media/social_media_sponsor_cards.astro b/src/pages/media/social_media_sponsor_cards.astro
@@ -1,6 +1,7 @@
 ---
 import { getCollection, type CollectionEntry } from "astro:content";
 import SocialMediaSponsorCard from "@components/SocialMediaSponsorCard.astro";
+import { slugify } from "@utils/content";
 
 
 const sponsors = await getCollection("sponsors");
@@ -19,10 +20,10 @@ type Sponsor = CollectionEntry<"sponsors">;
   </head>
   <body class="overflow-auto">
 {
-  sponsors.map((entry: Sponsor) => (
-  <a href=`/media/card/${entry.data.slug}`>
-  <div class="social relative w-[900px] h-[900px] overflow-hidden" data-slug={entry.data.slug}>
-      <SocialMediaSponsorCard slug={entry.id} />
+  sponsors.map((sponsor: Sponsor) => (
+  <a href=`/media/sponsor/${sponsor.id}`>
+  <div class="social relative w-[900px] h-[900px] overflow-hidden" data-slug={sponsor.id}>
+      <SocialMediaSponsorCard {sponsor} />
     </div>
     </a>
   ))
diff --git a/src/pages/media/sponsor/[slug].astro b/src/pages/media/sponsor/[slug].astro
@@ -1,19 +1,17 @@
 ---
-import { getCollection} from "astro:content";
+import { getEntry, getCollection} from "astro:content";
 import SocialMediaSponsorCard from "@components/SocialMediaSponsorCard.astro";
-import { slugify } from "@utils/content";
-
-
 
 export async function getStaticPaths() {
   const entries = await getCollection("sponsors");
   return entries.map((entry) => ({
-    params: { slug: slugify(entry.data.name)},
+    params: { slug: entry.id},
     props: { entry },
   }));
 }
 
-const { entry } = Astro.props;
+const { entry:sponsor } = Astro.props;
+
 ---
 <!DOCTYPE html>
 <html lang="en">
@@ -28,9 +26,9 @@ const { entry } = Astro.props;
   </head>
   <body class="overflow-auto">
 {
-  entry &&
+  sponsor &&
     <div class="social relative w-[900px] h-[900px] overflow-hidden">
-      <SocialMediaSponsorCard entry={entry} slug={slugify(entry.data.name)} />
+      <SocialMediaSponsorCard {sponsor} />
     </div>
 }
 
@@ -87,7 +85,7 @@ fitAllText();
 window.addEventListener('resize', fitAllText);
 </script>
 
-<script is:inline define:vars={{slug: entry.data.slug}}>
+<script is:inline define:vars={{slug: sponsor.id}}>
   document.addEventListener('DOMContentLoaded', () => {
     document.querySelectorAll('.social').forEach((socialDiv, index) => {
 
