diff --git a/front/packages/ui/src/details/header.tsx b/front/packages/ui/src/details/header.tsx index e432906b..fe241404 100644 --- a/front/packages/ui/src/details/header.tsx +++ b/front/packages/ui/src/details/header.tsx @@ -429,7 +429,7 @@ const Description = ({ {isLoading ? ( ) : ( - {genre} + {t(`genres.${genre}`)} )} ))} @@ -481,7 +481,7 @@ const Description = ({ {isLoading ? ( ) : ( - {genre} + {t(`genres.${genre}`)} )} ))} diff --git a/front/packages/ui/src/home/genre.tsx b/front/packages/ui/src/home/genre.tsx index 5f580dc3..ae9c711d 100644 --- a/front/packages/ui/src/home/genre.tsx +++ b/front/packages/ui/src/home/genre.tsx @@ -69,7 +69,9 @@ export const GenreGrid = ({ genre }: { genre: Genre }) => { return ( <> - {(displayEmpty.current || query.items?.length !== 0) &&
} + {(displayEmpty.current || query.items?.length !== 0) && ( +
+ )} {genres.map((x, i) => ( - + ))} )} diff --git a/front/translations/en.json b/front/translations/en.json index fd659f8f..d004aed0 100644 --- a/front/translations/en.json +++ b/front/translations/en.json @@ -61,6 +61,32 @@ "switchToGrid": "Switch to grid view", "switchToList": "Switch to list view" }, + "genres": { + "Action": "Action", + "Adventure": "Adventure", + "Animation": "Animation", + "Comedy": "Comedy", + "Crime": "Crime", + "Documentary": "Documentary", + "Drama": "Drama", + "Family": "Family", + "Fantasy": "Fantasy", + "History": "History", + "Horror": "Horror", + "Music": "Music", + "Mystery": "Mystery", + "Romance": "Romance", + "ScienceFiction": "Science Fiction", + "Thriller": "Thriller", + "War": "War", + "Western": "Western", + "Kids": "Kids", + "News": "News", + "Reality": "Reality", + "Soap": "Soap", + "Talk": "Talk", + "Politics": "Politics" + }, "misc": { "settings": "Settings", "prev-page": "Previous page",