doc: create MovieList function

This commit is contained in:
Leon Xu
2022-09-03 12:38:53 -07:00
parent dbf3ee2897
commit 9687230690
+19
View File
@@ -0,0 +1,19 @@
import { Grid } from '@mui/material';
import useStyles from './styles';
import { Movie } from '../index';
function MovieList({ movies, numberOfMovies, excludeFirst }) {
const classes = useStyles();
const startFrom = excludeFirst ? 1 : 0;
return (
<Grid container className={classes.moviesContainer}>
{movies.results.slice(startFrom, numberOfMovies).map((movie, i) => (
<Movie key={i} movie={movie} i={i} />
))}
</Grid>
);
}
export default MovieList;