From 8dcb5cb96819547e574d4ca619c54c6f902b8860 Mon Sep 17 00:00:00 2001 From: Factiven Date: Thu, 25 May 2023 22:56:21 +0700 Subject: Update v3.6.1 > Added Thumbnail to info page > Temporarily removed Manga from website until the page is finished --- components/layout.js | 5 +---- components/navbar.js | 7 ------- components/videoPlayer.js | 27 ++++++++++++++++++--------- 3 files changed, 19 insertions(+), 20 deletions(-) (limited to 'components') 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, + // }); + // }); }} /> ) : ( -- cgit v1.2.3