@@ -23,13 +23,13 @@ function CategoryTest() {
2323 ) . slice ( 0 , 4 )
2424
2525 const awardWinners = movies . filter ( movie =>
26- [ 'Parasite' , 'Nomadland' , ' Green Book', 'Moonlight' , 'The Shape of Water' ] . includes ( movie . title )
27- ) . slice ( 0 , 5 )
26+ [ 'Parasite' , 'Green Book' , 'Moonlight' , 'The Shape of Water' ] . includes ( movie . title )
27+ ) . slice ( 0 , 4 )
2828
2929 const modernBlockbusters = movies . filter ( movie =>
30- [ 'Avatar: The Way of Water' , 'Top Gun: Maverick' , 'Black Panther: Wakanda Forever' , ' Spider-Man: No Way Home', 'Avengers: Endgame' ] . includes ( movie . title )
31- ) . slice ( 0 , 5 )
32-
30+ [ 'Avatar: The Way of Water' , 'Top Gun: Maverick' , 'Spider-Man: No Way Home' , 'Avengers: Endgame' ] . includes ( movie . title )
31+ ) . slice ( 0 , 4 )
32+
3333 setCategories ( { trending, popular, scifi, awardWinners, modernBlockbusters } )
3434 } catch ( error ) {
3535 console . error ( 'Error loading movies:' , error )
@@ -96,7 +96,7 @@ function CategoryTest() {
9696 { categories . awardWinners && categories . awardWinners . length > 0 && (
9797 < div >
9898 < h2 className = "text-2xl font-bold mb-4 text-yellow-500" > Award Winners (Oscar Best Picture)</ h2 >
99- < div className = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4" >
99+ < div className = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4" >
100100 { categories . awardWinners . map ( movie => (
101101 < div key = { movie . id } className = "bg-gray-800 rounded-lg p-4" >
102102 < img src = { movie . image_url } alt = { movie . title } className = "w-full h-48 object-cover rounded mb-2" />
@@ -119,7 +119,7 @@ function CategoryTest() {
119119 { categories . modernBlockbusters && categories . modernBlockbusters . length > 0 && (
120120 < div >
121121 < h2 className = "text-2xl font-bold mb-4 text-purple-500" > Modern Blockbusters (2019-2022)</ h2 >
122- < div className = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4" >
122+ < div className = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4" >
123123 { categories . modernBlockbusters . map ( movie => (
124124 < div key = { movie . id } className = "bg-gray-800 rounded-lg p-4" >
125125 < img src = { movie . image_url } alt = { movie . title } className = "w-full h-48 object-cover rounded mb-2" />
0 commit comments