export default TrendingMovies;
if (loading) return <div>Loading trending movies...</div>; PublicAgent.24.08.25.Briseida.Myers.XXX.1080p.H...
return ( <div> <h2>š„ Trending Movies This Week</h2> <div style={{ display: "flex", gap: "16px", flexWrap: "wrap" }}> {movies.map((movie) => ( <div key={movie.id} style={{ width: "150px" }}> <img src={ https://image.tmdb.org/t/p/w200${movie.poster_path} } alt={movie.title} style={{ width: "100%", borderRadius: "8px" }} /> <p> <strong>{movie.title}</strong> <br /> ā {movie.vote_average} </p> </div> ))} </div> </div> ); }; export default TrendingMovies
useEffect(() => { fetch( https://api.themoviedb.org/3/trending/movie/week?api_key=YOUR_API_KEY ) .then((res) => res.json()) .then((data) => { setMovies(data.results.slice(0, 10)); setLoading(false); }); }, []); if (loading) return <
// TrendingMovies.jsx import { useEffect, useState } from "react"; const TrendingMovies = () => { const [movies, setMovies] = useState([]); const [loading, setLoading] = useState(true);