1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
import { ReactNode, createContext, useContext, useState } from "react";
interface PageState {
theaterMode: boolean;
aspectRatio: string;
}
interface PlayerState {
currentTime: number;
isPlaying: boolean;
autoPlay: boolean;
autoNext: boolean;
}
interface RatingModalState {
isOpen: boolean;
isFullscreen: boolean;
}
interface WatchPageContextProps {
pageState: PageState;
setPageState: React.Dispatch<React.SetStateAction<PageState>>;
playerState: PlayerState;
setPlayerState: React.Dispatch<React.SetStateAction<PlayerState>>;
userData: object;
setUserData: React.Dispatch<React.SetStateAction<object>>;
dataMedia: object;
setDataMedia: React.Dispatch<React.SetStateAction<object>>;
ratingModalState: RatingModalState;
setRatingModalState: React.Dispatch<React.SetStateAction<RatingModalState>>;
track: object;
setTrack: React.Dispatch<React.SetStateAction<object>>;
}
interface WatchPageProviderProps {
children: ReactNode;
}
export const WatchPageContext = createContext<WatchPageContextProps>(
{} as WatchPageContextProps
);
export const WatchPageProvider = ({ children }: WatchPageProviderProps) => {
const [pageState, setPageState] = useState({
theaterMode: false,
aspectRatio: "16/9"
});
const [playerState, setPlayerState] = useState({
currentTime: 0,
isPlaying: false,
autoPlay: false,
autoNext: false
});
const [userData, setUserData] = useState({});
const [dataMedia, setDataMedia] = useState({});
const [ratingModalState, setRatingModalState] = useState({
isOpen: false,
isFullscreen: false
});
const [track, setTrack] = useState({});
return (
<WatchPageContext.Provider
value={{
pageState,
setPageState,
playerState,
setPlayerState,
userData,
setUserData,
dataMedia,
setDataMedia,
ratingModalState,
setRatingModalState,
track,
setTrack
}}
>
{children}
</WatchPageContext.Provider>
);
};
export function useWatchProvider() {
return useContext(WatchPageContext);
}
|