Update v3.8.5 - Merged Beta to Main (#32)v3.8.5

* initial commit

* Update_v.3.6.7-beta-v1.2

* Update_v.3.6.7-beta-v1.3

* Update_v.3.6.7-beta-v1.3

> update API

* Fixed mediaList won't update

* added .env disqus shortname

* Update_v3.6.7-beta-v1.4

>Implementing database

* Create main.yml

* Update v3.6.7-beta-v1.5

small patch

* title home page

* Update content.js

* Delete db-test.js

* Update content.js

* Update home page card

* Update v3.7.0

* Update v3.7.1-beta

> migrating backend to main code
> fixed schedule component

* Update v3.8.0

> Added dub options
> Moved schedule backend

* Update v.3.8.1

> Fixed episodes on watch page isn't dubbed

* Update v3.8.1-patch-1

* Update v3.8.1-patch-2

> Another patch for dub

* Update v3.8.2

> Removed prisma configuration for database since it's not stable yet

* Update v3.8.3

> Fixed different provider have same id

* Update v.3.8.3

> Fixed player bug where the controls won't hide after updating anilist progress

* Update v3.8.4-patch-2

* Update v3.8.5

> Update readme.md
> Update .env.example

3 files changed, 18 insertions, 38 deletions

diff --git a/lib/anilist/AniList.js b/lib/anilist/AniList.js
index f602dad..f5fe19c 100644
--- a/lib/anilist/AniList.js
+++ b/lib/anilist/AniList.js
@@ -24,6 +24,7 @@ export async function aniListData({ sort, page = 1 }) {
         media(id: $id, search: $search, sort: $sort type: ANIME) {
           id
           idMal
+          status
           title {
             romaji
             english
diff --git a/lib/anilist/useAnilist.js b/lib/anilist/useAnilist.js
index 4ec55a9..bedb4a5 100644
--- a/lib/anilist/useAnilist.js
+++ b/lib/anilist/useAnilist.js
@@ -92,6 +92,22 @@ export function useAniList(session, stats) {
     );
   };
 
+  const markPlanning = (mediaId) => {
+    if (!accessToken) return;
+    const completeQuery = `
+      mutation($mediaId: Int ) {
+        SaveMediaListEntry(mediaId: $mediaId, status: PLANNING) {
+          id
+          mediaId
+          status
+        }
+      }
+    `;
+    fetchGraphQL(completeQuery, { mediaId }).then((data) =>
+      console.log({ added_to_list: data })
+    );
+  };
+
   const markProgress = (mediaId, progress, stats, volumeProgress) => {
     if (!accessToken) return;
     const progressWatched = `
@@ -122,5 +138,5 @@ export function useAniList(session, stats) {
     });
   };
 
-  return { media, markComplete, markProgress };
+  return { media, markComplete, markProgress, markPlanning };
 }
diff --git a/lib/useCountdownSeconds.js b/lib/useCountdownSeconds.js
deleted file mode 100644
index df3cb63..0000000
--- a/lib/useCountdownSeconds.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useEffect, useState } from "react";
-
-const useCountdown = (targetDate, update) => {
-  const countDownDate = new Date(targetDate).getTime();
-
-  const [countDown, setCountDown] = useState(
-    countDownDate - new Date().getTime()
-  );
-
-  useEffect(() => {
-    const interval = setInterval(() => {
-      const newCountDown = countDownDate - new Date().getTime();
-      setCountDown(newCountDown);
-      if (newCountDown <= 0 && newCountDown > -1000) {
-        update();
-      }
-    }, 1000);
-
-    return () => clearInterval(interval);
-  }, [countDownDate, update]);
-
-  return getReturnValues(countDown);
-};
-
-const getReturnValues = (countDown) => {
-  // calculate time left
-  const days = Math.floor(countDown / (1000 * 60 * 60 * 24));
-  const hours = Math.floor(
-    (countDown % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
-  );
-  const minutes = Math.floor((countDown % (1000 * 60 * 60)) / (1000 * 60));
-  const seconds = Math.floor((countDown % (1000 * 60)) / 1000);
-
-  return [days, hours, minutes, seconds];
-};
-
-export { useCountdown };