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, 39 insertions, 0 deletions

diff --git a/components/anime/viewMode/listMode.js b/components/anime/viewMode/listMode.js
new file mode 100644
index 0000000..2016262
--- /dev/null
+++ b/components/anime/viewMode/listMode.js
@@ -0,0 +1,39 @@
+import Link from "next/link";
+
+export default function ListMode({
+  info,
+  episode,
+  index,
+  providerId,
+  progress,
+  dub,
+}) {
+  return (
+    <div key={episode.number} className="flex flex-col gap-3 px-2">
+      <Link
+        href={`/en/anime/watch/${info.id}/${providerId}?id=${encodeURIComponent(
+          episode.id
+        )}&num=${episode.number}${dub ? `&dub=${dub}` : ""}`}
+        className={`text-start text-sm lg:text-lg ${
+          progress && episode.number <= progress
+            ? "text-[#5f5f5f]"
+            : "text-white"
+        }`}
+      >
+        <p>Episode {episode.number}</p>
+        {episode.title && (
+          <p
+            className={`text-xs lg:text-sm ${
+              progress && episode.number <= progress
+                ? "text-[#5f5f5f]"
+                : "text-[#b1b1b1]"
+            } italic`}
+          >
+            "{episode.title}"
+          </p>
+        )}
+      </Link>
+      {index !== episode?.length - 1 && <span className="h-[1px] bg-white" />}
+    </div>
+  );
+}