aboutsummaryrefslogtreecommitdiff
path: root/pages/anime/watch
diff options
context:
space:
mode:
authorFactiven <[email protected]>2023-05-01 14:49:13 +0700
committerFactiven <[email protected]>2023-05-01 14:49:13 +0700
commit2bb6c0f11b8bdc1e6bf732139da4488861c06503 (patch)
tree21da09ea0fecb585a1bd550815ee9401a8db9951 /pages/anime/watch
parentUpdate v3.5 (diff)
downloadmoopa-2bb6c0f11b8bdc1e6bf732139da4488861c06503.tar.xz
moopa-2bb6c0f11b8bdc1e6bf732139da4488861c06503.zip
Update v3.5.1
Diffstat (limited to 'pages/anime/watch')
-rw-r--r--pages/anime/watch/[...info].js44
1 files changed, 19 insertions, 25 deletions
diff --git a/pages/anime/watch/[...info].js b/pages/anime/watch/[...info].js
index 0d11684..682e252 100644
--- a/pages/anime/watch/[...info].js
+++ b/pages/anime/watch/[...info].js
@@ -8,12 +8,9 @@ import dynamic from "next/dynamic";
import { useNotification } from "../../../lib/useNotify";
-import { signIn } from "next-auth/react";
import { getServerSession } from "next-auth/next";
import { authOptions } from "../../api/auth/[...nextauth]";
-import AniList from "../../../components/media/aniList";
-
import Skeleton, { SkeletonTheme } from "react-loading-skeleton";
import "react-loading-skeleton/dist/skeleton.css";
@@ -259,28 +256,25 @@ export default function Info({ sessions, id, aniId, provider }) {
fetchData();
}, [id, aniId, provider, sessions]);
- const { Notification: NotificationComponent } = useNotification();
-
- const [open, setOpen] = useState(false);
- const [aniStatus, setAniStatus] = useState("");
- const [aniProgress, setAniProgress] = useState(parseInt(playingEpisode));
-
- const handleStatus = (e) => {
- setAniStatus(e.target.value);
- };
-
- const handleProgress = (e) => {
- const value = parseFloat(e.target.value);
- if (!isNaN(value) && value >= 0 && value <= data.totalEpisodes) {
- setAniProgress(value);
- }
- };
-
- const handleSubmit = (e) => {
- e.preventDefault();
- const formData = { status: aniStatus, progress: aniProgress };
- console.log(formData);
- };
+ useEffect(() => {
+ const mediaSession = navigator.mediaSession;
+ if (!mediaSession) return;
+
+ const artwork =
+ poster && poster.length > 0
+ ? [{ src: poster[0].image, type: "image/jpeg" }]
+ : undefined;
+
+ mediaSession.metadata = new MediaMetadata({
+ title: playingTitle,
+ artist: `Moopa ${
+ playingTitle === data?.title?.romaji
+ ? "- Episode " + playingEpisode
+ : `- ${data?.title?.romaji || data?.title?.english}`
+ }`,
+ artwork,
+ });
+ }, [poster, playingTitle, playingEpisode, data]);
return (
<>