Update v3.6.1

> Added Thumbnail to info page
> Temporarily removed Manga from website until the page is finished

3 files changed, 19 insertions, 20 deletions

diff --git a/components/layout.js b/components/layout.js
index bc55860..49850c9 100644
--- a/components/layout.js
+++ b/components/layout.js
@@ -9,11 +9,8 @@ function Layout(props) {
   useEffect(() => {
     const handleScroll = () => {
       const scrollY = window.scrollY;
-      const bodyHeight = document.body.offsetHeight;
-      const windowHeight = window.innerHeight;
-      const scrollPercent = (scrollY / (bodyHeight - windowHeight)) * 100;
 
-      if (scrollPercent <= 20) {
+      if (scrollY <= 200) {
         setIsAtTop(true);
         setIsScrollingDown(false);
       } else if (scrollY > lastScrollY) {
diff --git a/components/navbar.js b/components/navbar.js
index 498007a..2bb2f92 100644
--- a/components/navbar.js
+++ b/components/navbar.js
@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from "react";
-import { useTheme } from "next-themes";
 import Link from "next/link";
 import { useSession, signIn, signOut } from "next-auth/react";
 import Image from "next/image";
@@ -8,12 +7,6 @@ function Navbar(props) {
   const { data: session, status } = useSession();
   const [isVisible, setIsVisible] = useState(false);
   const [fade, setFade] = useState(false);
-  const { systemTheme, theme, setTheme } = useTheme();
-  const [mounted, setMounted] = useState(false);
-
-  useEffect(() => {
-    setMounted(true);
-  }, []);
 
   const handleShowClick = () => {
     setIsVisible(true);
diff --git a/components/videoPlayer.js b/components/videoPlayer.js
index 01078b3..784d8e9 100644
--- a/components/videoPlayer.js
+++ b/components/videoPlayer.js
@@ -15,7 +15,7 @@ export default function VideoPlayer({
   poster,
   proxy,
 }) {
-  const [url, setUrl] = useState('');
+  const [url, setUrl] = useState("");
   const [source, setSource] = useState([]);
   const { markProgress } = useAniList(session);
 
@@ -29,7 +29,7 @@ export default function VideoPlayer({
 
     async function compiler() {
       try {
-        const referer = data?.headers?.Referer
+        const referer = data?.headers?.Referer;
         const source = data.sources.map((items) => {
           const isDefault =
             resolution === "auto"
@@ -39,9 +39,9 @@ export default function VideoPlayer({
             ...(isDefault && { default: true }),
             html: items.quality === "default" ? "adaptive" : items.quality,
             // url: `${proxy}${items.url}`,
-            url: `https://cors.moopa.my.id/?url=${encodeURIComponent(items.url)}${
-            referer ? `&referer=${encodeURIComponent(referer)}` : ""
-          }`,
+            url: `https://cors.moopa.my.id/?url=${encodeURIComponent(
+              items.url
+            )}${referer ? `&referer=${encodeURIComponent(referer)}` : ""}`,
           };
           // url: `https://m3u8proxy.moopa.workers.dev/?url=${encodeURIComponent(items.url)}${
           //   referer ? `&referer=${encodeURIComponent(referer)}` : ""
@@ -87,6 +87,7 @@ export default function VideoPlayer({
           }}
           getInstance={(art) => {
             art.on("ready", () => {
+              // console.log(art.storage.settings);
               const seek = art.storage.get(id);
               const seekTime = seek?.time || 0;
               const duration = art.duration;
@@ -121,8 +122,13 @@ export default function VideoPlayer({
               }
             });
 
-            art.on("video:timeupdate", function () {
+            art.on("video:timeupdate", () => {
               var currentTime = art.currentTime;
+              // console.log(art.currentTime);
+              art.storage.set(id, {
+                time: art.currentTime,
+                duration: art.duration,
+              });
 
               if (
                 op &&
@@ -179,9 +185,12 @@ export default function VideoPlayer({
               }
             });
 
-            art.on("destroy", async () => {
-              art.storage.set(id, { time: art.currentTime });
-            });
+            // art.on("destroy", async () => {
+            //   art.storage.set(id, {
+            //     time: art.currentTime,
+            //     duration: art.duration,
+            //   });
+            // });
           }}
         />
       ) : (