diff --git a/frontend/src/Movie/Index/Menus/MovieIndexSortMenu.tsx b/frontend/src/Movie/Index/Menus/MovieIndexSortMenu.tsx index 98d85dceb..4d115e619 100644 --- a/frontend/src/Movie/Index/Menus/MovieIndexSortMenu.tsx +++ b/frontend/src/Movie/Index/Menus/MovieIndexSortMenu.tsx @@ -189,6 +189,15 @@ function MovieIndexSortMenu(props: MovieIndexSortMenuProps) { > {translate('OriginalLanguage')} + + + {translate('Tags')} + ); diff --git a/frontend/src/Movie/Index/Posters/MovieIndexPoster.tsx b/frontend/src/Movie/Index/Posters/MovieIndexPoster.tsx index 997293352..bc320e22a 100644 --- a/frontend/src/Movie/Index/Posters/MovieIndexPoster.tsx +++ b/frontend/src/Movie/Index/Posters/MovieIndexPoster.tsx @@ -82,7 +82,7 @@ function MovieIndexPoster(props: MovieIndexPosterProps) { certification, originalTitle, originalLanguage, - tags, + tags = [], } = movie; const { sizeOnDisk = 0 } = statistics; @@ -317,9 +317,11 @@ function MovieIndexPoster(props: MovieIndexPosterProps) { certification={certification} originalTitle={originalTitle} originalLanguage={originalLanguage} + tags={tags} showTmdbRating={showTmdbRating} showImdbRating={showImdbRating} showRottenTomatoesRating={showRottenTomatoesRating} + showTags={showTags} /> +
+ +
+ + ); + } + if (sortKey === 'path') { return (
diff --git a/frontend/src/Movie/Index/Posters/MovieIndexPosters.tsx b/frontend/src/Movie/Index/Posters/MovieIndexPosters.tsx index 97710003c..ac14a8bfa 100644 --- a/frontend/src/Movie/Index/Posters/MovieIndexPosters.tsx +++ b/frontend/src/Movie/Index/Posters/MovieIndexPosters.tsx @@ -237,6 +237,11 @@ export default function MovieIndexPosters(props: MovieIndexPostersProps) { heights.push(19); } break; + case 'tags': + if (!showTags) { + heights.push(21); + } + break; default: // No need to add a height of 0 }