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",