fixes: minor performance improvements

2 files changed, 58 insertions, 0 deletions

diff --git a/src/app/search/components/fetchInfo.js b/src/app/search/components/fetchInfo.js
new file mode 100644
index 0000000..f843dff
--- /dev/null
+++ b/src/app/search/components/fetchInfo.js
@@ -0,0 +1,14 @@
+"use server";
+
+export default async function Results(id) {
+	return await testFunction(id);
+}
+
+async function testFunction(title) {
+	const res = await fetch(
+		"https://dramalama-api.vercel.app/anime/gogoanime/" + title,
+		{ cache: "force-cache" }
+	);
+	const data = await res.json();
+	return data;
+}
diff --git a/src/app/search/components/fetchedInfo.js b/src/app/search/components/fetchedInfo.js
new file mode 100644
index 0000000..aa03437
--- /dev/null
+++ b/src/app/search/components/fetchedInfo.js
@@ -0,0 +1,44 @@
+import "../search.css";
+import Link from "next/link";
+import Image from "next/image";
+
+export default async function fetchedInfo(data) {
+	return (
+		<div className="animeEntry">
+			{data ? (
+				data.results && data.results.length > 0 ? (
+					data.results.map((item, index) => (
+						<Link
+							key={index}
+							href={`/info/${item.id}`}
+							style={{ textDecoration: "none" }}
+						>
+							<div className="anime">
+								<p>{item.title}</p>
+								<Image
+									src={item.image}
+									className="animeImage"
+									width={120}
+									height={160}
+									alt="Drama Poster"
+								/>
+							</div>
+						</Link>
+					))
+				) : (
+					<div style={{ margin: "0px auto" }}>
+						<p
+							style={{
+								color: "white",
+								fontFamily: "Kanit",
+								fontSize: 18,
+							}}
+						>
+							No results found
+						</p>
+					</div>
+				)
+			) : null}
+		</div>
+	);
+}