From d4fdb4e3d6a3fbf042db8605d371605a64c8db4c Mon Sep 17 00:00:00 2001
From: zephex-alt <166333351+zephex-alt@users.noreply.github.com>
Date: Wed, 8 May 2024 04:26:20 +0000
Subject: minor css fixes and added a new source for movies

---
 src/app/movies/components/search_2.jsx     | 80 ++++++++++++++++--------------
 src/app/movies/components/video_player.jsx |  9 ++++
 src/app/movies/styles/info.module.css      |  2 +-
 src/app/movies/styles/search.module.css    |  7 ++-
 4 files changed, 59 insertions(+), 39 deletions(-)

(limited to 'src/app/movies')

diff --git a/src/app/movies/components/search_2.jsx b/src/app/movies/components/search_2.jsx
index 0eb66fb..cf3fc69 100644
--- a/src/app/movies/components/search_2.jsx
+++ b/src/app/movies/components/search_2.jsx
@@ -9,43 +9,49 @@ import styles from "../styles/search.module.css";
 const SearchResults = async (title) => {
 	const data = await get_search_results(title);
 	PreFetchMovieInfo(data);
-	return (
-		<div className={styles.MovieSearchResultsContainer}>
-			{data &&
-				data.results &&
-				data.results.map((item, index) => {
-					if (item.poster_path) {
-						return (
-							<Link
-								href={`/movies/${item.id}`}
-								key={index}
-								style={{
-									backgroundImage: `url(https://image.tmdb.org/t/p/original${item.backdrop_path})`,
-									backgroundRepeat: "no-repeat",
-									backgroundSize: "cover",
-									textDecoration: "none",
-									color: "white",
-									borderRadius: "0.5rem",
-									overflow: "hidden",
-								}}
-								className={styles.MovieResultsPrev}
-							>
-								<section className={styles.MovieEntry}>
-									<p>{item.title || item.original_title}</p>
-									<Image
-										src={`https://image.tmdb.org/t/p/original${item.poster_path}`}
-										width={130}
-										height={230}
-										alt="Movie Poster"
-										priority
-									/>
-								</section>
-							</Link>
-						);
-					}
-				})}
-		</div>
-	);
+	if (data.results.length > 0) {
+		return (
+			<div className={styles.MovieSearchResultsContainer}>
+				{data &&
+					data.results &&
+					data.results.map((item, index) => {
+						if (item.poster_path) {
+							return (
+								<Link
+									href={`/movies/${item.id}`}
+									key={index}
+									style={{
+										backgroundImage: `url(https://image.tmdb.org/t/p/original${item.backdrop_path})`,
+										backgroundRepeat: "no-repeat",
+										backgroundSize: "cover",
+										textDecoration: "none",
+										color: "white",
+										borderRadius: "0.5rem",
+										overflow: "hidden",
+									}}
+									className={styles.MovieResultsPrev}
+								>
+									<section className={styles.MovieEntry}>
+										<p>
+											{item.title || item.original_title}
+										</p>
+										<Image
+											src={`https://image.tmdb.org/t/p/original${item.poster_path}`}
+											width={130}
+											height={230}
+											alt="Movie Poster"
+											priority
+										/>
+									</section>
+								</Link>
+							);
+						}
+					})}
+			</div>
+		);
+	} else {
+		return <p className={styles.NoResults}>No results found!</p>;
+	}
 };
 
 const get_search_results = async (title) => {
diff --git a/src/app/movies/components/video_player.jsx b/src/app/movies/components/video_player.jsx
index 15db6a8..5a49db0 100644
--- a/src/app/movies/components/video_player.jsx
+++ b/src/app/movies/components/video_player.jsx
@@ -53,6 +53,15 @@ export default function VIDEO_PLAYER({ id: id }) {
 				>
 					Vidsrc.icu
 				</button>
+				<button
+					onClick={() =>
+						make_player(
+							`https://player.autoembed.cc/embed/movie/${id}`
+						)
+					}
+				>
+					Autoembded.cc
+				</button>
 			</div>
 			{frame}
 		</section>
diff --git a/src/app/movies/styles/info.module.css b/src/app/movies/styles/info.module.css
index 23b3322..e5c5277 100644
--- a/src/app/movies/styles/info.module.css
+++ b/src/app/movies/styles/info.module.css
@@ -20,7 +20,7 @@
 
 .HeroSection img {
 	border-radius: 1rem;
-	padding: 0.5rem;
+	padding: 0.5rem 0 0 0;
 }
 
 .HeroTitle {
diff --git a/src/app/movies/styles/search.module.css b/src/app/movies/styles/search.module.css
index 1148ad0..ea81e3f 100644
--- a/src/app/movies/styles/search.module.css
+++ b/src/app/movies/styles/search.module.css
@@ -69,8 +69,13 @@
 	font-size: 18px;
 }
 
+.NoResults {
+	color: white;
+	text-align: center;
+}
+
 @media screen and (max-width: 768px) {
 	.InputContainer {
 		width: 100%;
 	}
-}
+}
\ No newline at end of file
-- 
cgit v1.2.3