aboutsummaryrefslogtreecommitdiffstats
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/Genre.tsx27
-rw-r--r--src/components/PreviewCard.tsx19
2 files changed, 0 insertions, 46 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
diff --git a/src/components/PreviewCard.tsx b/src/components/PreviewCard.tsx
deleted file mode 100644
index 5c4129f..0000000
--- a/src/components/PreviewCard.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-const imageURL = 'https://image.tmdb.org/t/p/original';
-import Genre from "./Genre";
-const baseURL ='https://api.themoviedb.org/3/'
-
-const PreviewCard = ({ movie }) => {
- return (
- <div className="hover:z-10">
- <div className="rounded ring-white hover:ring-4 flex-col p-1 relative bg-cover h-32 w-60 shrink-0 flex justify-end cursor-pointer hover:scale-125 transition ease-in-out" style={{backgroundImage: `url(${imageURL}${movie?.backdrop_path})`}}>
- <div className="absolute h-full w-full inset-0 bg-gradient-to-t from-black/70"></div>
- <h3 className={"text-white text-sm relative"}>
- {movie.original_title}
- </h3>
- <Genre id={movie.id}/>
- </div>
- </div>
- )}
-
-
-export default PreviewCard \ No newline at end of file