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

Fix type issues

Browse Source
This commit is contained in:
Zoe Roux 2023-08-01 00:51:05 +09:00
parent 3d30d65184
commit 7b56924466
4 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
front/packages/ui/src/player/components/hover.tsx
View File

@ -33,7 +33,7 @@ import {
tooltip,
ts,
} from "@kyoo/primitives";
import { Chapter, Font, Track, WatchItem } from "@kyoo/models";
import { Chapter, Subtitle, WatchItem } from "@kyoo/models";
import { useAtomValue, useSetAtom, useAtom } from "jotai";
import { Platform, Pressable, View, ViewProps } from "react-native";
import { useTranslation } from "react-i18next";
@ -69,8 +69,8 @@ export const Hover = ({
poster?: string | null;
chapters?: Chapter[];
qualities?: WatchItem["link"]
subtitles?: Track[];
fonts?: Font[];
subtitles?: Subtitle[];
fonts?: string[];
previousSlug?: string | null;
nextSlug?: string | null;
onMenuOpen: () => void;

10
front/packages/ui/src/player/keyboard.tsx
View File

@ -18,7 +18,7 @@
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
import { Font, Track } from "@kyoo/models";
import { Subtitle } from "@kyoo/models";
import { atom, useSetAtom } from "jotai";
import { useRouter } from "solito/router";
import { useEffect } from "react";
@ -41,7 +41,7 @@ type Action =
| { type: "seekTo"; value: number }
| { type: "seekPercent"; value: number }
| { type: "volume"; value: number }
| { type: "subtitle"; subtitles: Track[]; fonts: Font[] };
| { type: "subtitle"; subtitles: Subtitle[]; fonts: string[] };
export const reducerAtom = atom(null, (get, set, action: Action) => {
const duration = get(durationAtom);
@ -70,7 +70,7 @@ export const reducerAtom = atom(null, (get, set, action: Action) => {
break;
case "subtitle":
const subtitle = get(subtitleAtom);
const index = subtitle ? action.subtitles.findIndex((x) => x.id === subtitle.id) : -1;
const index = subtitle ? action.subtitles.findIndex((x) => x.index === subtitle.index) : -1;
set(
subtitleAtom,
index === -1 ? null : action.subtitles[(index + 1) % action.subtitles.length],
@ -80,8 +80,8 @@ export const reducerAtom = atom(null, (get, set, action: Action) => {
});
export const useVideoKeyboard = (
subtitles?: Track[],
fonts?: Font[],
subtitles?: Subtitle[],
fonts?: string[],
previousEpisode?: string,
nextEpisode?: string,
) => {

8
front/packages/ui/src/player/state.tsx
View File

@ -18,7 +18,7 @@
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
import { Track, WatchItem, Font } from "@kyoo/models";
import { Subtitle, WatchItem } from "@kyoo/models";
import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
import { ElementRef, memo, useEffect, useLayoutEffect, useRef, useState } from "react";
import NativeVideo, { VideoProperties as VideoProps } from "./video";
@ -72,7 +72,7 @@ export const fullscreenAtom = atom(
);
const privateFullscreen = atom(false);
export const subtitleAtom = atom<Track | null>(null);
export const subtitleAtom = atom<Subtitle | null>(null);
export const Video = memo(function _Video({
links,
@ -82,9 +82,9 @@ export const Video = memo(function _Video({
...props
}: {
links?: WatchItem["link"];
subtitles?: WatchItem["subtitles"];
subtitles?: Subtitle[];
setError: (error: string | undefined) => void;
fonts?: Font[];
fonts?: string[];
} & Partial<VideoProps>) {
const ref = useRef<ElementRef<typeof NativeVideo> | null>(null);
const [isPlaying, setPlay] = useAtom(playAtom);

6
front/packages/ui/src/player/video.tsx
View File

@ -20,19 +20,19 @@
declare module "react-native-video" {
interface VideoProperties {
fonts?: Font[];
fonts?: string[];
subtitles?: Subtitle[]
onPlayPause: (isPlaying: boolean) => void;
onMediaUnsupported?: () => void;
}
export type VideoProps = Omit<VideoProperties, "source"> & {
source: { uri: string; hls: string };
subtitles?: WatchItem["subtitles"];
};
}
export * from "react-native-video";
import { Font, getToken, WatchItem } from "@kyoo/models";
import { Subtitle, getToken } from "@kyoo/models";
import { IconButton, Menu } from "@kyoo/primitives";
import { ComponentProps, forwardRef, useEffect, useRef } from "react";
import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";