Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-24 02:02:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

Simplify medioinfo popup

Browse Source
This commit is contained in:
Zoe Roux 2024-01-22 18:14:02 +01:00
parent 53ac4a2050
commit 992b64df8a
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
front/packages/ui/src/components/media-info.tsx
View File

@ -18,7 +18,7 @@
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
import { Audio, Subtitle, WatchInfo, WatchInfoP } from "@kyoo/models";
import { Audio, QueryIdentifier, Subtitle, WatchInfo, WatchInfoP } from "@kyoo/models";
import { Button, HR, P, Popup, Skeleton } from "@kyoo/primitives";
import { Fetch } from "../fetch";
import { useTranslation } from "react-i18next";
@ -108,23 +108,24 @@ export const MediaInfoPopup = ({
mediaType: "episode" | "movie";
mediaSlug: string;
}) => {
const y = useYoshiki();
const { css } = useYoshiki();
const mediaInfoQuery = {
path: ["video", mediaType, mediaSlug, "info"],
parser: WatchInfoP,
};
return (
<Popup>
{() => (
<>
<ScrollView>
<Fetch query={mediaInfoQuery}>
{(mediaInfo) => <MediaInfoTable mediaInfo={mediaInfo} />}
</Fetch>
</ScrollView>
<Button text="OK" onPress={() => close()} />
</>
)}
<ScrollView>
<Fetch query={MediaInfoPopup.query(mediaType, mediaSlug)}>
{(mediaInfo) => <MediaInfoTable mediaInfo={mediaInfo} />}
</Fetch>
</ScrollView>
<Button text="OK" onPress={() => close()} />
</Popup>
);
};
MediaInfoPopup.query = (mediaType: string, mediaSlug: string): QueryIdentifier<WatchInfo> => ({
path: ["video", mediaType, mediaSlug, "info"],
parser: WatchInfoP,
});