src/app/web-series/components/searchResults.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

"use server";

import Link from "next/link";
import Image from "next/image";
import styles from "../styles/search.module.css";
import PreFecthSeriesInfo from "./cacher";

const SearchResults = async (data) => {
	PreFecthSeriesInfo(data);
	return (
		<div className={styles.SearchedSeriesContainer}>
			{data &&
				data.results.map((item, index) => (
					<Link
						key={index}
						style={{ color: "white", textDecoration: "none" }}
						href={`/web-series/${item.id}`}
						title={item.name}
					>
						<div className={styles.SearchedSeriesEntry}>
							<Image
								src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${item.poster_path}`}
								width={160}
								height={247}
								alt="Searched Series Poster"
							/>
							<p>{item.name}</p>
						</div>
					</Link>
				))}
		</div>
	);
};

export default SearchResults;