set a delay of 1 sec. for Loading

with setTimeout

src/pages/Cast.jsx

@@ -16,7 +16,10 @@ const Cast = () => {
       } catch (error) {
         console.error(error);
       } finally {
-        setLoading(false); // Setează loading pe false indiferent de rezultat
+        // Simulăm o întârziere de 1 secundă înainte de a marca încărcarea ca fiind completă
+        setTimeout(() => {
+          setLoading(false);
+        }, 1000);
       }
     };
 

src/pages/Home.jsx

@@ -4,14 +4,20 @@ import { fetchTrendingMovies } from '../services/api';
 
 const Home = () => {
   const [trendingMovies, setTrendingMovies] = useState([]);
+  const [loading, setLoading] = useState(true);
 
   useEffect(() => {
     const fetchMovies = async () => {
       try {
         const movies = await fetchTrendingMovies();
-        setTrendingMovies(movies);
+        // Așteaptă 1 secundă înainte de a actualiza starea cu filmele
+        setTimeout(() => {
+          setTrendingMovies(movies);
+          setLoading(false);
+        }, 1000);
       } catch (error) {
         console.error('Error fetching trending movies:', error);
+        setLoading(false);
       }
     };
 
@@ -21,8 +27,8 @@ const Home = () => {
   return (
     <div>
       <h2>Trending today:</h2>
+      {loading ? <div>Loading...</div> : <MovieList films={trendingMovies} />}
       {/* Utilizarea MovieList pentru afișarea listei de filme */}
-      <MovieList films={trendingMovies} />
     </div>
   );
 };

src/pages/Movies.jsx

@@ -18,6 +18,10 @@ const Movies = () => {
   const handleSearchSubmit = async query => {
     try {
       setLoading(true);
+
+      // Introduce o întârziere de 3 secunde
+      await new Promise(resolve => setTimeout(resolve, 1000));
+
       const movies = await handleSearch(query);
       setSearchResults(movies);
     } catch (error) {

src/pages/Reviews.jsx

@@ -16,7 +16,10 @@ const Reviews = () => {
       } catch (error) {
         console.error(error);
       } finally {
-        setLoading(false); // Setează loading pe false indiferent de rezultat
+        // Simulăm o întârziere de 1 secundă înainte de a marca încărcarea ca fiind completă
+        setTimeout(() => {
+          setLoading(false);
+        }, 1000);
       }
     };
 

src/pages/movieDetails/MovieDetails.jsx

@@ -7,22 +7,28 @@ import Loader from '../../components/Loader';
 const MovieDetails = () => {
   const { movieId } = useParams();
   const [movieDetails, setMovieDetails] = useState(null);
+  const [loading, setLoading] = useState(true);
   const navigate = useNavigate();
 
   useEffect(() => {
     const fetchDetails = async () => {
       try {
         const details = await fetchMovieDetails(movieId);
-        setMovieDetails(details);
+        // Așteaptă 1 secundă înainte de a actualiza starea cu detaliile filmului
+        setTimeout(() => {
+          setMovieDetails(details);
+          setLoading(false);
+        }, 1000);
       } catch (error) {
         console.error('Error fetching movie details:', error);
+        setLoading(false);
       }
     };
 
     fetchDetails();
   }, [movieId]);
 
-  if (!movieDetails) {
+  if (loading) {
     return <Loader />;
   }