dev
/
sudo-archive
mirror of https://github.com/sussy-code/smov.git
2
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update MediaCard.tsx

This commit is contained in:
Honkertonken 2024-03-28 13:27:05 +05:30 committed by GitHub
parent 225c50f1b6
commit 4386772404
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/media/MediaCard.tsx
View File

@ -35,13 +35,15 @@ function MediaCardContent({
const { t } = useTranslation(); const { t } = useTranslation();
const percentageString = `${Math.round(percentage ?? 0).toFixed(0)}%`; const percentageString = `${Math.round(percentage ?? 0).toFixed(0)}%`;
const canLink = linkable && !closable && !!media.year; const currentYear = new Date().getFullYear();
const isReleased = media.year && media.year < currentYear;
const canLink = linkable && !closable && isReleased;
const dotListContent = [t(`media.types.${media.type}`)]; const dotListContent = [t(`media.types.${media.type}`)];
if (media.year) { if (isReleased) {
dotListContent.push(media.year.toFixed()); dotListContent.push(media.year.toFixed());
} else { } else {
dotListContent.push(t("Unreleased")); dotListContent.push(t("media.unreleased"));
} }
return ( return (
@ -146,7 +148,9 @@ function MediaCardContent({
export function MediaCard(props: MediaCardProps) { export function MediaCard(props: MediaCardProps) {
const content = <MediaCardContent {...props} />; const content = <MediaCardContent {...props} />;
const canLink = props.linkable && !props.closable; const currentYear = new Date().getFullYear();
const isReleased = props.media.year && props.media.year < currentYear;
const canLink = props.linkable && !props.closable && isReleased;
let link = canLink let link = canLink
? `/media/${encodeURIComponent(mediaItemToId(props.media))}` ? `/media/${encodeURIComponent(mediaItemToId(props.media))}`
@ -161,7 +165,7 @@ export function MediaCard(props: MediaCardProps) {
} }
} }
if (!props.linkable || !props.media.year) return <span>{content}</span>; if (!canLink) return <span>{content}</span>;
return ( return (
<Link <Link
to={link} to={link}