diff --git a/front/packages/ui/src/components/context-menus.tsx b/front/packages/ui/src/components/context-menus.tsx
index e1f06c63..8eaab777 100644
--- a/front/packages/ui/src/components/context-menus.tsx
+++ b/front/packages/ui/src/components/context-menus.tsx
@@ -23,9 +23,11 @@ import { ComponentProps } from "react";
import { useTranslation } from "react-i18next";
import MoreVert from "@material-symbols/svg-400/rounded/more_vert.svg";
import Info from "@material-symbols/svg-400/rounded/info.svg";
+import Download from "@material-symbols/svg-400/rounded/download.svg";
import { WatchStatusV, queryFn, useAccount } from "@kyoo/models";
import { useMutation, useQueryClient } from "@tanstack/react-query";
import { watchListIcon } from "./watchlist-info";
+import { downloadFile } from "../downloads/download";
export const EpisodesContext = ({
type = "episode",
@@ -74,6 +76,13 @@ export const EpisodesContext = ({
mutation.mutate(null)} />
)}
+ {type !== "show" && (
+ downloadFile(type, slug)}
+ />
+ )}
);
};
diff --git a/front/translations/en.json b/front/translations/en.json
index 6441742e..fe51ebe6 100644
--- a/front/translations/en.json
+++ b/front/translations/en.json
@@ -7,7 +7,8 @@
"none": "No episodes",
"watchlistLogin": "To keep track of what you watched or plan to watch, you need to login.",
"episodeMore": {
- "goToShow": "Go to show"
+ "goToShow": "Go to show",
+ "download": "Download"
}
},
"show": {
diff --git a/front/translations/fr.json b/front/translations/fr.json
index bab47e63..615ea641 100644
--- a/front/translations/fr.json
+++ b/front/translations/fr.json
@@ -7,7 +7,8 @@
"none": "Aucun episode",
"watchlistLogin": "Pour suivre ce que vous avez regardé ou prévoyez de regarder, vous devez vous connecter.",
"episodeMore": {
- "goToShow": "Aller a la serie"
+ "goToShow": "Aller a la serie",
+ "download": "Télécharger"
}
},
"show": {