From 94c8b27425ddabebaa690a7b142f68d8f55b540b Mon Sep 17 00:00:00 2001
From: Thomas Hintz <t@thintz.com>
Date: Sun, 12 Feb 2023 16:52:19 -0800
Subject: [PATCH] Show episode number.

---
 src/app/(main)/podcast/[slug]/page.jsx | 2 +-
 src/components/Episodes.jsx            | 4 ++--
 src/data/episodes.js                   | 4 +++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/(main)/podcast/[slug]/page.jsx b/src/app/(main)/podcast/[slug]/page.jsx
index 55ddd71..9b73b68 100644
--- a/src/app/(main)/podcast/[slug]/page.jsx
+++ b/src/app/(main)/podcast/[slug]/page.jsx
@@ -112,7 +112,7 @@ export default async function Page({ params }) {
               <PlayButtonClient audioPlayerData={audioPlayerData} size="large" />
               <div className="flex flex-col">
                 <h1 className="mt-2 text-4xl font-bold text-slate-900">
-                  {episode.title}
+                  [{episode.num}] {episode.title}
                 </h1>
                 <FormattedDate
                   date={date}
diff --git a/src/components/Episodes.jsx b/src/components/Episodes.jsx
index aca96f0..4026e90 100644
--- a/src/components/Episodes.jsx
+++ b/src/components/Episodes.jsx
@@ -21,7 +21,7 @@ function EpisodeEntry({ episode }) {
             id={`episode-${episode.id}-title`}
             className="mt-2 text-lg font-bold text-slate-900"
           >
-            <Link href={`/podcast/${episode?.slug}`}>{episode.title}</Link>
+            <Link href={`/podcast/${episode?.slug}`}>[{episode.num}] {episode.title}</Link>
           </h2>
           <FormattedDate
             date={date}
@@ -75,7 +75,7 @@ function EpisodeEntry({ episode }) {
 }
 
 export default async function Episodes({ limit }) {
-  const episodes = await getEpisodes()
+  const episodes = await getEpisodes();
 
   return (
     <>
diff --git a/src/data/episodes.js b/src/data/episodes.js
index 648892f..24add03 100644
--- a/src/data/episodes.js
+++ b/src/data/episodes.js
@@ -190,8 +190,10 @@ export async function getEpisodes() {
                                     }
                                   })
 
+  const numEpisodes = feed.entries.length;
   return feed.entries.map(
-    ({ id, title, description, enclosure , published, content, chapters }) => ({
+    ({ id, title, description, enclosure , published, content, chapters }, i) => ({
+      num: numEpisodes - i,
       id,
       title,
       published,