diff --git a/front/packages/ui/src/components/context-menus.tsx b/front/packages/ui/src/components/context-menus.tsx index 3460aeae..5bf4a476 100644 --- a/front/packages/ui/src/components/context-menus.tsx +++ b/front/packages/ui/src/components/context-menus.tsx @@ -50,7 +50,7 @@ export const EpisodesContext = ({ const downloader = useDownloader(); const { css } = useYoshiki(); const { t } = useTranslation(); - const [popup, setPopup] = useState(); + const [popup, setPopup] = useState(undefined); const queryClient = useQueryClient(); const mutation = useMutation({ diff --git a/front/packages/ui/src/details/header.tsx b/front/packages/ui/src/details/header.tsx index f030e374..bc6c1077 100644 --- a/front/packages/ui/src/details/header.tsx +++ b/front/packages/ui/src/details/header.tsx @@ -49,8 +49,9 @@ import { DottedSeparator, focusReset, } from "@kyoo/primitives"; -import { Fragment } from "react"; +import { Fragment, ReactElement, useState } from "react"; import { useTranslation } from "react-i18next"; +import Info from "@material-symbols/svg-400/rounded/info.svg"; import { ImageStyle, Platform, View } from "react-native"; import { Theme, @@ -76,6 +77,7 @@ import { capitalize } from "@kyoo/primitives"; import { ShowWatchStatusCard } from "./show"; import Download from "@material-symbols/svg-400/rounded/download.svg"; import { useDownloader } from "../downloads"; +import { MediaInfoPopup } from "../components/media-info"; export const TitleLine = ({ isLoading, @@ -110,6 +112,7 @@ export const TitleLine = ({ const { css, theme } = useYoshiki(); const { t } = useTranslation(); const downloader = useDownloader(); + const [popup, setPopup] = useState(undefined); return ( )} + {type === "movie" && ( + + slug && setPopup( + setPopup(undefined)} + />, + ) + } + /> + )} + {popup} {rating !== null && ( <>