From 5d1d44e09ef43754f91484846ca0313bd0eb0baf Mon Sep 17 00:00:00 2001 From: Bogdan Date: Fri, 13 Dec 2024 23:54:50 +0200 Subject: [PATCH] New: Series genres for search results --- .../AddNewSeries/AddNewSeriesSearchResult.css | 7 ++- .../AddNewSeriesSearchResult.css.d.ts | 1 + .../AddNewSeries/AddNewSeriesSearchResult.js | 19 +++++++ frontend/src/Helpers/Props/icons.ts | 2 + frontend/src/Series/Details/SeriesDetails.css | 3 +- .../src/Series/Details/SeriesDetails.css.d.ts | 1 + frontend/src/Series/Details/SeriesDetails.js | 4 +- frontend/src/Series/Details/SeriesGenres.css | 3 -- .../src/Series/Details/SeriesGenres.css.d.ts | 7 --- frontend/src/Series/Details/SeriesGenres.js | 53 ------------------- frontend/src/Series/SeriesGenres.tsx | 38 +++++++++++++ 11 files changed, 71 insertions(+), 67 deletions(-) delete mode 100644 frontend/src/Series/Details/SeriesGenres.css delete mode 100644 frontend/src/Series/Details/SeriesGenres.css.d.ts delete mode 100644 frontend/src/Series/Details/SeriesGenres.js create mode 100644 frontend/src/Series/SeriesGenres.tsx diff --git a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css index c32e6efcb..dcf3f6de3 100644 --- a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css +++ b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css @@ -70,10 +70,15 @@ } .originalLanguageName, -.network { +.network, +.genres { margin-left: 8px; } +.genres { + pointer-events: all; +} + .tvdbLink { composes: link from '~Components/Link/Link.css'; diff --git a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css.d.ts b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css.d.ts index 4d51aab62..b6fcfe361 100644 --- a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css.d.ts +++ b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.css.d.ts @@ -3,6 +3,7 @@ interface CssExports { 'alreadyExistsIcon': string; 'content': string; + 'genres': string; 'icons': string; 'network': string; 'originalLanguageName': string; diff --git a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js index 9ec6cf283..8ce556456 100644 --- a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js +++ b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js @@ -6,6 +6,7 @@ import Label from 'Components/Label'; import Link from 'Components/Link/Link'; import MetadataAttribution from 'Components/MetadataAttribution'; import { icons, kinds, sizes } from 'Helpers/Props'; +import SeriesGenres from 'Series/SeriesGenres'; import SeriesPoster from 'Series/SeriesPoster'; import translate from 'Utilities/String/translate'; import AddNewSeriesModal from './AddNewSeriesModal'; @@ -56,6 +57,7 @@ class AddNewSeriesSearchResult extends Component { year, network, originalLanguage, + genres, status, overview, statistics, @@ -181,6 +183,18 @@ class AddNewSeriesSearchResult extends Component { null } + { + genres.length > 0 ? + : + null + } + { seasonCount ?