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

1 files changed, 107 insertions, 0 deletions

diff --git a/components/anime/changeView.js b/components/anime/changeView.js
new file mode 100644
index 0000000..cab9054
--- /dev/null
+++ b/components/anime/changeView.js
@@ -0,0 +1,107 @@
+import { useEffect, useState } from "react";
+
+export default function ChangeView({ view, setView, episode }) {
+  // const [view, setView] = useState(1);
+  // const episode = null;
+  return (
+    <div className="flex gap-3 rounded-sm items-center p-2">
+      <div
+        className={
+          episode?.length > 0
+            ? episode?.some((item) => item?.title === null)
+              ? "pointer-events-none"
+              : "cursor-pointer"
+            : "pointer-events-none"
+        }
+        onClick={() => {
+          setView(1);
+          localStorage.setItem("view", 1);
+        }}
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="31"
+          height="20"
+          fill="none"
+          viewBox="0 0 31 20"
+        >
+          <rect
+            width="31"
+            height="20"
+            className={`${
+              episode?.length > 0
+                ? episode?.some((item) => item?.title === null)
+                  ? "fill-[#1c1c22]"
+                  : view === 1
+                  ? "fill-action"
+                  : "fill-[#3A3A44]"
+                : "fill-[#1c1c22]"
+            }`}
+            rx="3"
+          ></rect>
+        </svg>
+      </div>
+      <div
+        className={
+          episode?.length > 0
+            ? episode?.some((item) => item?.title === null)
+              ? "pointer-events-none"
+              : "cursor-pointer"
+            : "pointer-events-none"
+        }
+        onClick={() => {
+          setView(2);
+          localStorage.setItem("view", 2);
+        }}
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="33"
+          height="20"
+          fill="none"
+          className={`${
+            episode?.length > 0
+              ? episode?.some((item) => item?.title === null)
+                ? "fill-[#1c1c22]"
+                : view === 2
+                ? "fill-action"
+                : "fill-[#3A3A44]"
+              : "fill-[#1c1c22]"
+          }`}
+          viewBox="0 0 33 20"
+        >
+          <rect width="33" height="7" y="1" rx="3"></rect>
+          <rect width="33" height="7" y="12" rx="3"></rect>
+        </svg>
+      </div>
+      <div
+        className={
+          episode?.length > 0 ? `cursor-pointer` : "pointer-events-none"
+        }
+        onClick={() => {
+          setView(3);
+          localStorage.setItem("view", 3);
+        }}
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="33"
+          height="20"
+          fill="none"
+          className={`${
+            episode?.length > 0
+              ? view === 3
+                ? "fill-action"
+                : "fill-[#3A3A44]"
+              : "fill-[#1c1c22]"
+          }`}
+          viewBox="0 0 33 20"
+        >
+          <rect width="29" height="4" x="2" y="2" rx="2"></rect>
+          <rect width="29" height="4" x="2" y="8" rx="2"></rect>
+          <rect width="16" height="4" x="2" y="14" rx="2"></rect>
+        </svg>
+      </div>
+    </div>
+  );
+}