rename to humanizedEpisodeId

src/components/video/controls/PageTitleControl.tsx

@@ -7,12 +7,12 @@ interface PageTitleControlProps {
 }
 
 export function PageTitleControl(props: PageTitleControlProps) {
-  const { isSeries, episodeIdentifier } = useCurrentSeriesEpisodeInfo();
+  const { isSeries, humanizedEpisodeId } = useCurrentSeriesEpisodeInfo();
 
   if (!props.media) return null;
 
   const title = isSeries
-    ? `${props.media.title} - ${episodeIdentifier}`
+    ? `${props.media.title} - ${humanizedEpisodeId}`
     : props.media.title;
 
   return (

src/components/video/controls/ShowTitleControl.tsx

@@ -1,14 +1,14 @@
 import { useCurrentSeriesEpisodeInfo } from "../hooks/useCurrentSeriesEpisodeInfo";
 
 export function ShowTitleControl() {
-  const { isSeries, currentEpisodeInfo, episodeIdentifier } =
+  const { isSeries, currentEpisodeInfo, humanizedEpisodeId } =
     useCurrentSeriesEpisodeInfo();
 
   if (!isSeries) return null;
 
   return (
     <p className="ml-8 select-none space-x-2 text-white">
-      <span>{episodeIdentifier}</span>
+      <span>{humanizedEpisodeId}</span>
       <span className="opacity-50">{currentEpisodeInfo?.title}</span>
     </p>
   );

src/components/video/hooks/useCurrentSeriesEpisodeInfo.ts

@@ -22,11 +22,11 @@ export function useCurrentSeriesEpisodeInfo() {
 
   if (!isSeries) return { isSeries: false };
 
-  const episodeIdentifier = `S${currentSeasonInfo?.number} E${currentEpisodeInfo?.number}`;
+  const humanizedEpisodeId = `S${currentSeasonInfo?.number} E${currentEpisodeInfo?.number}`;
 
   return {
     isSeries: true,
-    episodeIdentifier,
+    humanizedEpisodeId,
     currentSeasonInfo,
     currentEpisodeInfo,
   };