From dd194cda4c300ce43dde636ecad486d0c7b4e33c Mon Sep 17 00:00:00 2001
From: Justin Walrath <walrathjaw@gmail.com>
Date: Sun, 11 May 2025 15:40:48 -0400
Subject: [PATCH] Some more fixes to make sure the summary image actually
 works.

---
 src/app/[stream]/podcasts/podcastSummary.tsx | 2 +-
 src/common/helpers/data.ts                   | 3 ++-
 src/pages/api/[stream].ts                    | 3 ++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/[stream]/podcasts/podcastSummary.tsx b/src/app/[stream]/podcasts/podcastSummary.tsx
index 19ce1d4..7f80105 100644
--- a/src/app/[stream]/podcasts/podcastSummary.tsx
+++ b/src/app/[stream]/podcasts/podcastSummary.tsx
@@ -25,7 +25,7 @@ export default function PodcastSummary({ stream }: PodcastSummaryType) {
         <div className="w-full h-auto shadow-md overflow-hidden flex flex-col bg-purple-200">
             <div className="flex flex-col md:flex-row md:items-start">
                 <div className="relative w-full h-[150px] md:w-1/3 md:h-[376] bg-purple-100 flex-shrink-0">
-                    <Image unoptimized src={summaryData.imageUrl ?? ''} alt={summaryData.title ?? ''} fill className="rounded-md object-cover" />
+                    <Image unoptimized src={summaryData.imageUrl ?? ''} alt={summaryData.title ?? ''} fill objectFit="contain" className="rounded-md" />
                 </div>
 
                 <div className="p-4 flex-grow flex flex-col md:ml-4">
diff --git a/src/common/helpers/data.ts b/src/common/helpers/data.ts
index f7d17ee..083cedb 100644
--- a/src/common/helpers/data.ts
+++ b/src/common/helpers/data.ts
@@ -36,7 +36,8 @@ export const preparePodcastItem = (podcast: PodcastDto) => {
     };
 };
 
-export const prepareStreamItem = (stream: StreamDto) => {
+export const prepareStreamItem = (stream?: StreamDto) => {
+    if (!stream) return undefined;
     return {
         ...stream,
         imageUrl: convertUrlToPublic(stream.imageUrl)
diff --git a/src/pages/api/[stream].ts b/src/pages/api/[stream].ts
index 404cd46..04fad73 100644
--- a/src/pages/api/[stream].ts
+++ b/src/pages/api/[stream].ts
@@ -1,6 +1,7 @@
 import { NextApiRequest, NextApiResponse } from 'next';
 import { StreamDto } from '../../common/dtos/streamDto';
 import { getStream } from '../../common/data/db';
+import { prepareStreamItem } from '../../common/helpers/data';
 
 export default async function handler(
     req: NextApiRequest,
@@ -8,7 +9,7 @@ export default async function handler(
 ) {
     const { stream } = req.query;
 
-    const data = await getStream(stream as string);
+    const data = prepareStreamItem(await getStream(stream as string));
 
     res.status(200).json(data)