feat: add link to episode page

This commit is contained in:
2024-04-19 12:33:41 +02:00
parent db7d0fd841
commit 3b31b7df95

View File

@@ -1,4 +1,4 @@
import { useParams } from "react-router-dom"; import { Link, useParams } from "react-router-dom";
import { import {
usePodcastEpisodesQuery, usePodcastEpisodesQuery,
useTopPodcastsQuery, useTopPodcastsQuery,
@@ -48,10 +48,13 @@ export function Podcast() {
{episodesData?.episodes?.map((episode) => { {episodesData?.episodes?.map((episode) => {
const formattedDate = formatDate(episode.releaseDate); const formattedDate = formatDate(episode.releaseDate);
const formattedDuration = formatDuration(episode.durationSeconds); const formattedDuration = formatDuration(episode.durationSeconds);
const url = `/podcast/${podcastId}/episode/${episode.id}`;
return ( return (
<tr key={episode.id}> <tr key={episode.id}>
<td>{episode.title}</td> <td>
<Link to={url}>{episode.title}</Link>
</td>
<td>{formattedDate}</td> <td>{formattedDate}</td>
<td>{formattedDuration}</td> <td>{formattedDuration}</td>
</tr> </tr>