Update v4.1.0 (#79)v4.1.0

* Update v4.1.0

* Update pages/_app.js

1 files changed, 41 insertions, 0 deletions

diff --git a/lib/hooks/watchPageProvider.js b/lib/hooks/watchPageProvider.js
new file mode 100644
index 0000000..a9d707b
--- /dev/null
+++ b/lib/hooks/watchPageProvider.js
@@ -0,0 +1,41 @@
+import React, { createContext, useContext, useState } from "react";
+
+export const WatchPageContext = createContext();
+
+export const WatchPageProvider = ({ children }) => {
+  const [theaterMode, setTheaterMode] = useState(false);
+  const [aspectRatio, setAspectRatio] = useState("16/9");
+  const [playerState, setPlayerState] = useState({
+    currentTime: 0,
+    isPlaying: false,
+  });
+  const [autoplay, setAutoPlay] = useState(false);
+  const [marked, setMarked] = useState(0);
+
+  const [userData, setUserData] = useState(null);
+
+  return (
+    <WatchPageContext.Provider
+      value={{
+        theaterMode,
+        setTheaterMode,
+        aspectRatio,
+        setAspectRatio,
+        playerState,
+        setPlayerState,
+        userData,
+        setUserData,
+        autoplay,
+        setAutoPlay,
+        marked,
+        setMarked,
+      }}
+    >
+      {children}
+    </WatchPageContext.Provider>
+  );
+};
+
+export function useWatchProvider() {
+  return useContext(WatchPageContext);
+}