Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-31 20:24:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

Front: EpisodeLine: Add Release date

Browse Source
This commit is contained in:
Arthur Jamet 2023-12-20 15:49:57 +01:00 committed by Zoe Roux
parent df451f56b1
commit 9a55262856
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
front/packages/ui/src/details/episode.tsx
View File

@ -62,6 +62,10 @@ export const displayRuntime = (runtime: number) => {
return `${Math.floor(runtime / 60)}h${runtime % 60}`; return `${Math.floor(runtime / 60)}h${runtime % 60}`;
}; };
export const displayAirDate = (airDate: Date) => {
return airDate.toLocaleDateString("en-US");
};
export const EpisodeBox = ({ export const EpisodeBox = ({
slug, slug,
showSlug, showSlug,
@ -248,9 +252,6 @@ export const EpisodeLine = ({
props, props,
)} )}
> >
<P {...css({ width: rem(4), flexShrink: 0, m: ts(1), textAlign: "center" })}>
{isLoading ? <Skeleton variant="filltext" /> : displayNumber}
</P>
<ImageBackground <ImageBackground
src={thumbnail} src={thumbnail}
quality="low" quality="low"
@ -298,7 +299,7 @@ export const EpisodeLine = ({
<Skeleton> <Skeleton>
{isLoading || ( {isLoading || (
<H6 aria-level={undefined} {...css([{ flexShrink: 1 }, "title"])}> <H6 aria-level={undefined} {...css([{ flexShrink: 1 }, "title"])}>
{name ?? t("show.episodeNoMetadata")} {[displayNumber, name ?? t("show.episodeNoMetadata")].join(" · ")}
</H6> </H6>
)} )}
</Skeleton> </Skeleton>
@ -306,7 +307,13 @@ export const EpisodeLine = ({
{isLoading || {isLoading ||
(runtime && ( (runtime && (
<Skeleton> <Skeleton>
{isLoading || <SubP {...css({ flexShrink: 0 })}>{displayRuntime(runtime)}</SubP>} {isLoading || (
<SubP {...css({ flexShrink: 0 })}>
{[releaseDate ? displayAirDate(releaseDate) : null, displayRuntime(runtime)]
.filter((item) => item != null)
.join(" · ")}
</SubP>
)}
</Skeleton> </Skeleton>
))} ))}
</View> </View>