aboutsummaryrefslogtreecommitdiff
path: root/src/app/recent
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/recent')
-rw-r--r--src/app/recent/page.jsx45
-rw-r--r--src/app/recent/recent.css66
2 files changed, 0 insertions, 111 deletions
diff --git a/src/app/recent/page.jsx b/src/app/recent/page.jsx
deleted file mode 100644
index 7081e46..0000000
--- a/src/app/recent/page.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import "./recent.css";
-import Image from "next/image";
-import Link from "next/link";
-
-export default async function Releases() {
- const data = await test();
-
- return (
- <div className="trendingContainer">
- <p className="trendingText">Recent Releases</p>
-
- <div className="trending">
- {data &&
- data.results.map((item, index) => (
- <Link
- key={index}
- href={`/info/${item.id}`}
- style={{ textDecoration: "none" }}
- >
- <div className="trendingEntries">
- <Image
- src={item.image}
- className="{trendingImage}"
- width={160}
- height={220}
- alt="Drama"
- priority
- />
- <p>{item.title}</p>
- </div>
- </Link>
- ))}
- </div>
- </div>
- );
-}
-
-async function test() {
- const res = await fetch(
- "https://consumet-api-di2e.onrender.com/anime/gogoanime/recent-episodes",
- { cache: "force-cache" }
- );
- const data = res.json();
- return data;
-}
diff --git a/src/app/recent/recent.css b/src/app/recent/recent.css
deleted file mode 100644
index 7d17143..0000000
--- a/src/app/recent/recent.css
+++ /dev/null
@@ -1,66 +0,0 @@
-.trendingContainer {
- display: flex;
- flex-direction: column;
-}
-
-.trendingText {
- color: #FEFFAC;
- font-family: "Open Sans";
- font-size: 26px;
- margin: 10px;
-}
-
-.trending {
- width: 98%;
- display: flex;
- flex-direction: row;
- overflow-x: auto;
- margin: 0px auto;
-}
-
-/* Customize scrollbar here */
-.trending::-webkit-scrollbar {
- height: 5px;
-}
-
-.trendingEntries {
- margin: 10px 10px 5px 5px;
- text-align: center;
- cursor: pointer;
- transition: transform 0.2s ease;
-
-}
-
-.trendingEntries:hover {
- transform: scale(1.03);
-}
-
-.trendingEntries img {
- border-radius: 10px;
- width: 150px;
- height: 210px;
-}
-
-.trendingEntries p {
- color: white;
- max-height: 60px;
- max-width: 150px;
- overflow-y: auto;
- font-family: "Lato";
- margin: 10px auto;
- font-size: 16px;
-}
-
-.trendingEntries p::-webkit-scrollbar {
- width: 5px;
-}
-
-@media (prefers-color-scheme: light) {
- .trendingText {
- color: black;
- }
-
- .trendingEntries p {
- color: black;
- }
-} \ No newline at end of file