Resume
/
movie-explorer
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix ts build issues

This commit is contained in:
andrzej 2024-05-23 16:43:10 +02:00
parent b0f24624ba
commit 9a5f776d41
3 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -17,7 +17,7 @@
"react-dom": "^18.2.0"
},
"devDependencies": {
"@types/react": "^18.2.66",
"@types/react": "*",
"@types/react-dom": "^18.2.22",
"@typescript-eslint/eslint-plugin": "^7.2.0",
"@typescript-eslint/parser": "^7.2.0",

1
src/App.tsx
View File

@ -32,7 +32,6 @@ class WatchProvidersClass implements WatchProviders {
link = "";
}
export interface Movies { Array<Movie>};
function App() {
const [config, setConfig] = useState<Config>({

23
src/objects/movie-wall.tsx
View File

@ -31,20 +31,25 @@ export interface Movie {
interface MovieWallProps extends React.ComponentPropsWithRef<"div"> {
movies: Array<Movie>;
setMovies: Function;
setChosenMovie: Function;
setSimilarMoviesAvailable: Function;
setMovies: React.Dispatch<React.SetStateAction<any>>;
setChosenMovie: React.Dispatch<React.SetStateAction<any>>;
setSimilarMoviesAvailable: React.Dispatch<React.SetStateAction<boolean>>;
config: Config;
}
export function MovieWall({ movies, setMovies, config, setChosenMovie, setSimilarMoviesAvailable }: MovieWallProps) {
const posters: Array<React.Component> = []
const posters: React.ReactElement[] = []
for (let i = 0; i < movies.length; i++) {
const movie = movies[i]
const isHighlighted = movie.vote_average ? movie.vote_average > 6 : false
posters.push(
<Poster isHighlighted={isHighlighted} movie={movie} key={movie.id} index={i} listSimilar={tmdb.getSimilar} config={config} setMovies={setMovies} setChosenMovie={setChosenMovie} setSimilarMoviesAvailable={setSimilarMoviesAvailable} />
<Poster isHighlighted={isHighlighted} movie={movie} key={movie.id} index={i}
listSimilar={tmdb.getSimilar}
config={config}
setMovies={setMovies}
setChosenMovie={setChosenMovie}
setSimilarMoviesAvailable={setSimilarMoviesAvailable} />
)
}
return <>
@ -54,12 +59,12 @@ export function MovieWall({ movies, setMovies, config, setChosenMovie, setSimila
interface PosterProps extends React.ComponentPropsWithRef<"div"> {
movie: Movie;
listSimilar: Function;
listSimilar: (config: Config, movie: Movie, setMovies: React.Dispatch<React.SetStateAction<Array<Movie>>>, setSimilarMoviesAvailable: React.Dispatch<React.SetStateAction<boolean>>) => Promise<boolean>;
index: number;
config: Config;
setMovies: Function;
setChosenMovie: Function;
setSimilarMoviesAvailable: Function;
setMovies: React.Dispatch<React.SetStateAction<Array<Movie>>>;
setChosenMovie: React.Dispatch<React.SetStateAction<Movie>>;
setSimilarMoviesAvailable: React.Dispatch<React.SetStateAction<boolean>>;
isHighlighted: boolean;
}