More comments

.gitignore

@@ -13,6 +13,7 @@
 
 # misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local

src/components/Actor/index.js

@@ -2,6 +2,7 @@ import React from "react";
 //Styles
 import {Wrapper, Image} from "./Actor.styles";
 
+//Shows an actor of a movie/series
 const Actor = ({name, character, imageUrl}) => (
   <Wrapper>
       <Image src={imageUrl} alt='actor-thumb' />

src/components/Home.js

@@ -19,6 +19,8 @@ const Home = ({fetchingMovies, setFetchingMovies, searchTerm, setSearchTerm}) =>
 
     if (error) return <div>Something went wrong...</div>;
 
+    //Search will only happen after 3 letters are written, until then only the top movies/series are shown
+    //fetchingMovies determines if we are searching for movies or series
     return (
         <>
             {state.results[0] ?

src/components/Thumbnail/index.js

@@ -3,6 +3,7 @@ import {Link} from "react-router-dom";
 //Styles
 import {Image, TitleBox, Wrapper} from "./Thumbnail.styles";
 
+//Displays the movie/series image and title
 const Thumbnail = ({image, movieId, movieName, clickable}) => (
     <Wrapper>
         {clickable ? (

src/hooks/useHomeFetch.js

@@ -49,6 +49,7 @@ export const useHomeFetch = (fetchingMovies, searchTerm) => {
         fetchMovies(1, search);
     }, [searchTerm]);
 
+    //Render when switching from movies to series
     useEffect(() => {
         setState(initialState);
         fetchMovies(1, searchTerm);

src/hooks/useMovieFetch.js

@@ -1,6 +1,7 @@
 import {useState, useEffect} from "react";
 import API from "../API";
 
+//Also fetches series if isMovie is false
 export const useMovieFetch = (movieId, isMovie) => {
     const [state, setState] = useState({});
     const [loading, setLoading] = useState(true);
@@ -11,7 +12,7 @@ export const useMovieFetch = (movieId, isMovie) => {
             try {
                 setLoading(true);
                 setError(false);
-                console.log(isMovie);
+                //Check if a movie or series has to be fetched
                 const movie = isMovie ? await API.fetchMovie(movieId) : await API.fetchShow(movieId);
                 const credits = isMovie ? await API.fetchMovieCredits(movieId) : await API.fetchShowCredits(movieId);
                 //Get directors