feat: add tagline, episode runtime, genres list to media details & clean/refactor CSS into globals (#1160)

Author: TheCatLady

overseerr-api.yml

@@ -904,6 +904,8 @@ components:
             $ref: '#/components/schemas/Season'
         status:
           type: string
+        tagline:
+          type: string
         type:
           type: string
         voteAverage:
@@ -4737,6 +4739,12 @@ paths:
       description: Returns a list of genres in a JSON array.
       tags:
         - tmdb
+      parameters:
+        - in: query
+          name: language
+          schema:
+            type: string
+            example: en
       responses:
         '200':
           description: Results
@@ -4759,6 +4767,12 @@ paths:
       description: Returns a list of genres in a JSON array.
       tags:
         - tmdb
+      parameters:
+        - in: query
+          name: language
+          schema:
+            type: string
+            example: en
       responses:
         '200':
           description: Results

server/api/themoviedb/interfaces.ts

@@ -254,6 +254,7 @@ export interface TmdbTvDetails {
   }[];
   seasons: TmdbTvSeasonResult[];
   status: string;
+  tagline?: string;
   type: string;
   vote_average: number;
   vote_count: number;

server/models/Tv.ts

@@ -91,6 +91,7 @@ export interface TvDetails {
   spokenLanguages: SpokenLanguage[];
   seasons: Season[];
   status: string;
+  tagline?: string;
   type: string;
   voteAverage: number;
   voteCount: number;
@@ -174,6 +175,7 @@ export const mapTvDetails = (
   originCountry: show.origin_country,
   originalLanguage: show.original_language,
   originalName: show.original_name,
+  tagline: show.tagline,
   overview: show.overview,
   popularity: show.popularity,
   productionCompanies: show.production_companies.map((company) => ({

server/routes/index.ts

@@ -95,15 +95,19 @@ router.get<{ id: string }>('/network/:id', async (req, res) => {
 router.get('/genres/movie', isAuthenticated(), async (req, res) => {
   const tmdb = new TheMovieDb();
 
-  const genres = await tmdb.getMovieGenres();
+  const genres = await tmdb.getMovieGenres({
+    language: req.query.language as string,
+  });
 
   return res.status(200).json(genres);
 });
 
 router.get('/genres/tv', isAuthenticated(), async (req, res) => {
   const tmdb = new TheMovieDb();
 
-  const genres = await tmdb.getTvGenres();
+  const genres = await tmdb.getTvGenres({
+    language: req.query.language as string,
+  });
 
   return res.status(200).json(genres);
 });