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": {