diff options
| author | Alberto Duarte (PWC) <alberto.duarte.delgado@pwc.com> | 2023-10-09 17:32:25 +0100 |
|---|---|---|
| committer | Alberto Duarte (PWC) <alberto.duarte.delgado@pwc.com> | 2023-10-09 17:32:25 +0100 |
| commit | 72cf36e033ba794db7982befa45f035b62fa6cd2 (patch) | |
| tree | 3a6fd91976c976afcc8bc1a7cf6fc5c1bf25a791 /src/components/Genre.tsx | |
| parent | 66412b7788f49def33fc2143f9e1bd5d25bac261 (diff) | |
Changes
Diffstat (limited to 'src/components/Genre.tsx')
| -rw-r--r-- | src/components/Genre.tsx | 27 |
1 files changed, 0 insertions, 27 deletions
diff --git a/src/components/Genre.tsx b/src/components/Genre.tsx deleted file mode 100644 index e63a26a..0000000 --- a/src/components/Genre.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { useEffect, useState } from "react" - -const Genres = ({id}) => { - - const baseURL = 'https://api.themoviedb.org/3' - const API_KEY = '8216fbb9997cd81a67471e6cb5a6f2df' - const [genres, setGenres] = useState() - - useEffect(() => { - fetch(`${baseURL}/movie/${id}?api_key=${API_KEY}`).then((res) => res.json()).then((data) => { - console.log('MOVIE', data.genres) - setGenres(data.genres) - }) - }, []) - - return ( - <div className="text-white/60 gap-x-3 text-xs flex flex-row flex-wrap relative"> - {genres?.map((genre) => { - return ( - <div>{genre.name}</div> - ) - })} - </div> - ) -} - -export default Genres
\ No newline at end of file |