maximx1/ever-given-pod
1
0
Fork 0
Code Issues 25 Pull Requests Packages Projects Releases Wiki Activity

Some more fixes to make sure the summary image actually works.

Browse Source
This commit is contained in:
Justin Walrath 2025-05-11 15:40:48 -04:00
parent 19915c474e
commit dd194cda4c
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/[stream]/podcasts/podcastSummary.tsx
View File

@ -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="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="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"> <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>
<div className="p-4 flex-grow flex flex-col md:ml-4"> <div className="p-4 flex-grow flex flex-col md:ml-4">

3
src/common/helpers/data.ts
View File

@ -36,7 +36,8 @@ export const preparePodcastItem = (podcast: PodcastDto) => {
}; };
}; };
export const prepareStreamItem = (stream: StreamDto) => { export const prepareStreamItem = (stream?: StreamDto) => {
if (!stream) return undefined;
return { return {
...stream, ...stream,
imageUrl: convertUrlToPublic(stream.imageUrl) imageUrl: convertUrlToPublic(stream.imageUrl)

3
src/pages/api/[stream].ts
View File

@ -1,6 +1,7 @@
import { NextApiRequest, NextApiResponse } from 'next'; import { NextApiRequest, NextApiResponse } from 'next';
import { StreamDto } from '../../common/dtos/streamDto'; import { StreamDto } from '../../common/dtos/streamDto';
import { getStream } from '../../common/data/db'; import { getStream } from '../../common/data/db';
import { prepareStreamItem } from '../../common/helpers/data';
export default async function handler( export default async function handler(
req: NextApiRequest, req: NextApiRequest,
@ -8,7 +9,7 @@ export default async function handler(
) { ) {
const { stream } = req.query; const { stream } = req.query;
const data = await getStream(stream as string); const data = prepareStreamItem(await getStream(stream as string));
res.status(200).json(data) res.status(200).json(data)