diff options
Diffstat (limited to 'src/app/movies/components/search_2.jsx')
| -rw-r--r-- | src/app/movies/components/search_2.jsx | 80 |
1 files changed, 43 insertions, 37 deletions
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) => { |