Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-12-27 11:41:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1044 from Honkertonken/filter-unreleased

Browse Source 
Filter unreleased shows/movies.
This commit is contained in:
William Oldham 2024-03-28 11:48:02 +00:00 committed by GitHub
commit 5b7e0129d9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -35,10 +35,18 @@ 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; const currentYear = new Date().getFullYear();
const canLink =
linkable && !closable && media.year && media.year <= currentYear;
const dotListContent = [t(`media.types.${media.type}`)]; const dotListContent = [t(`media.types.${media.type}`)];
if (media.year) dotListContent.push(media.year.toFixed()); if (media.year && media.year > currentYear) {
dotListContent.push(`${media.year}`, t("media.unreleased"));
} else if (media.year) {
dotListContent.push(media.year.toFixed());
} else {
dotListContent.push(t("media.unreleased"));
}
return ( return (
<Flare.Base <Flare.Base
@ -58,14 +66,14 @@ function MediaCardContent({
/> />
<Flare.Child <Flare.Child
className={`pointer-events-auto relative mb-2 p-3 transition-transform duration-100 ${ className={`pointer-events-auto relative mb-2 p-3 transition-transform duration-100 ${
canLink ? "group-hover:scale-95" : "" canLink ? "group-hover:scale-95" : "opacity-60"
}`} }`}
> >
<div <div
className={classNames( className={classNames(
"relative mb-4 pb-[150%] w-full overflow-hidden rounded-xl bg-mediaCard-hoverBackground bg-cover bg-center transition-[border-radius] duration-100", "relative mb-4 pb-[150%] w-full overflow-hidden rounded-xl bg-mediaCard-hoverBackground bg-cover bg-center transition-[border-radius] duration-100",
{ {
"group-hover:rounded-lg": !closable, "group-hover:rounded-lg": canLink,
}, },
)} )}
style={{ style={{
@ -142,7 +150,12 @@ 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 canLink =
props.linkable &&
!props.closable &&
props.media.year &&
props.media.year <= currentYear;
let link = canLink let link = canLink
? `/media/${encodeURIComponent(mediaItemToId(props.media))}` ? `/media/${encodeURIComponent(mediaItemToId(props.media))}`
@ -157,7 +170,7 @@ export function MediaCard(props: MediaCardProps) {
} }
} }
if (!props.linkable) return <span>{content}</span>; if (!canLink) return <span>{content}</span>;
return ( return (
<Link <Link
to={link} to={link}