Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit cd6f652

Browse files
committedFeb 10, 2021
bug fixes
1 parent 1bc41c4 commit cd6f652

File tree

13 files changed

+39
-24
lines changed

13 files changed

+39
-24
lines changed
 

‎.eslintcache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
[{"E:\\Coding\\React\\movie-series-app\\src\\index.js":"1","E:\\Coding\\React\\movie-series-app\\src\\App.js":"2","E:\\Coding\\React\\movie-series-app\\src\\components\\MainNav.js":"3","E:\\Coding\\React\\movie-series-app\\src\\components\\Header\\Header.js":"4","E:\\Coding\\React\\movie-series-app\\src\\Pages\\Movies\\Movies.js":"5","E:\\Coding\\React\\movie-series-app\\src\\Pages\\Trending\\Trending.js":"6","E:\\Coding\\React\\movie-series-app\\src\\Pages\\Series\\Series.js":"7","E:\\Coding\\React\\movie-series-app\\src\\Pages\\Search\\Search.js":"8","E:\\Coding\\React\\movie-series-app\\src\\components\\SingleContent\\SingleContent.js":"9","E:\\Coding\\React\\movie-series-app\\src\\components\\Genres\\Genres.js":"10","E:\\Coding\\React\\movie-series-app\\src\\config\\config.js":"11","E:\\Coding\\React\\movie-series-app\\src\\hooks\\useGenre.js":"12","E:\\Coding\\React\\movie-series-app\\src\\components\\Pagination\\CustomPagination.js":"13","E:\\Coding\\React\\movie-series-app\\src\\components\\ContentModal\\ContentModal.js":"14","E:\\Coding\\React\\movie-series-app\\src\\components\\Carousel\\Carousel.js":"15","E:\\Coding\\React\\movie-series-app\\src\\serviceWorkerRegistration.js":"16"},{"size":281,"mtime":1611921081417,"results":"17","hashOfConfig":"18"},{"size":917,"mtime":1611921184693,"results":"19","hashOfConfig":"18"},{"size":1887,"mtime":1611476354015,"results":"20","hashOfConfig":"18"},{"size":213,"mtime":1611919014871,"results":"21","hashOfConfig":"18"},{"size":2060,"mtime":1611918547661,"results":"22","hashOfConfig":"18"},{"size":1335,"mtime":1611918596223,"results":"23","hashOfConfig":"18"},{"size":2027,"mtime":1611918593194,"results":"24","hashOfConfig":"18"},{"size":3063,"mtime":1611922730549,"results":"25","hashOfConfig":"18"},{"size":875,"mtime":1611918061947,"results":"26","hashOfConfig":"18"},{"size":1663,"mtime":1611918589254,"results":"27","hashOfConfig":"18"},{"size":444,"mtime":1611919835155,"results":"28","hashOfConfig":"18"},{"size":232,"mtime":1611569176034,"results":"29","hashOfConfig":"18"},{"size":863,"mtime":1611915767112,"results":"30","hashOfConfig":"18"},{"size":4496,"mtime":1611918584592,"results":"31","hashOfConfig":"18"},{"size":1479,"mtime":1611918579659,"results":"32","hashOfConfig":"18"},{"size":5064,"mtime":1611921063010,"results":"33","hashOfConfig":"18"},{"filePath":"34","messages":"35","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"43nqr1",{"filePath":"36","messages":"37","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"38","messages":"39","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"40","messages":"41","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"42","messages":"43","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"44","messages":"45","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"46","messages":"47","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"48","messages":"49","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"50","messages":"51","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"52","messages":"53","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"54","messages":"55","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"60","messages":"61","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"62","messages":"63","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"E:\\Coding\\React\\movie-series-app\\src\\index.js",[],"E:\\Coding\\React\\movie-series-app\\src\\App.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\MainNav.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\Header\\Header.js",[],"E:\\Coding\\React\\movie-series-app\\src\\Pages\\Movies\\Movies.js",[],"E:\\Coding\\React\\movie-series-app\\src\\Pages\\Trending\\Trending.js",[],"E:\\Coding\\React\\movie-series-app\\src\\Pages\\Series\\Series.js",[],"E:\\Coding\\React\\movie-series-app\\src\\Pages\\Search\\Search.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\SingleContent\\SingleContent.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\Genres\\Genres.js",[],"E:\\Coding\\React\\movie-series-app\\src\\config\\config.js",[],"E:\\Coding\\React\\movie-series-app\\src\\hooks\\useGenre.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\Pagination\\CustomPagination.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\ContentModal\\ContentModal.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\Carousel\\Carousel.js",[],"E:\\Coding\\React\\movie-series-app\\src\\serviceWorkerRegistration.js",[]]
1+
[{"E:\\Coding\\React\\movie-series-app\\src\\index.js":"1","E:\\Coding\\React\\movie-series-app\\src\\App.js":"2","E:\\Coding\\React\\movie-series-app\\src\\components\\MainNav.js":"3","E:\\Coding\\React\\movie-series-app\\src\\components\\Header\\Header.js":"4","E:\\Coding\\React\\movie-series-app\\src\\Pages\\Movies\\Movies.js":"5","E:\\Coding\\React\\movie-series-app\\src\\Pages\\Trending\\Trending.js":"6","E:\\Coding\\React\\movie-series-app\\src\\Pages\\Series\\Series.js":"7","E:\\Coding\\React\\movie-series-app\\src\\Pages\\Search\\Search.js":"8","E:\\Coding\\React\\movie-series-app\\src\\components\\SingleContent\\SingleContent.js":"9","E:\\Coding\\React\\movie-series-app\\src\\components\\Genres\\Genres.js":"10","E:\\Coding\\React\\movie-series-app\\src\\config\\config.js":"11","E:\\Coding\\React\\movie-series-app\\src\\hooks\\useGenre.js":"12","E:\\Coding\\React\\movie-series-app\\src\\components\\Pagination\\CustomPagination.js":"13","E:\\Coding\\React\\movie-series-app\\src\\components\\ContentModal\\ContentModal.js":"14","E:\\Coding\\React\\movie-series-app\\src\\components\\Carousel\\Carousel.js":"15","E:\\Coding\\React\\movie-series-app\\src\\serviceWorkerRegistration.js":"16"},{"size":281,"mtime":1611921081417,"results":"17","hashOfConfig":"18"},{"size":917,"mtime":1611921184693,"results":"19","hashOfConfig":"18"},{"size":1887,"mtime":1611476354015,"results":"20","hashOfConfig":"18"},{"size":213,"mtime":1611919014871,"results":"21","hashOfConfig":"18"},{"size":2070,"mtime":1612849643293,"results":"22","hashOfConfig":"18"},{"size":1334,"mtime":1612758101307,"results":"23","hashOfConfig":"18"},{"size":2053,"mtime":1612758097059,"results":"24","hashOfConfig":"18"},{"size":3175,"mtime":1612849308927,"results":"25","hashOfConfig":"18"},{"size":875,"mtime":1611918061947,"results":"26","hashOfConfig":"18"},{"size":1663,"mtime":1611918589254,"results":"27","hashOfConfig":"18"},{"size":543,"mtime":1612876479736,"results":"28","hashOfConfig":"18"},{"size":232,"mtime":1611569176034,"results":"29","hashOfConfig":"18"},{"size":901,"mtime":1612444744991,"results":"30","hashOfConfig":"18"},{"size":4557,"mtime":1612875542038,"results":"31","hashOfConfig":"18"},{"size":1479,"mtime":1611918579659,"results":"32","hashOfConfig":"18"},{"size":5092,"mtime":1611921187595,"results":"33","hashOfConfig":"18"},{"filePath":"34","messages":"35","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"43nqr1",{"filePath":"36","messages":"37","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"38","messages":"39","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"40","messages":"41","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"42","messages":"43","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"44","messages":"45","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"46","messages":"47","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"48","messages":"49","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"50","messages":"51","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"52","messages":"53","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"54","messages":"55","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"60","messages":"61","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"62","messages":"63","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"E:\\Coding\\React\\movie-series-app\\src\\index.js",[],"E:\\Coding\\React\\movie-series-app\\src\\App.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\MainNav.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\Header\\Header.js",[],"E:\\Coding\\React\\movie-series-app\\src\\Pages\\Movies\\Movies.js",[],"E:\\Coding\\React\\movie-series-app\\src\\Pages\\Trending\\Trending.js",[],"E:\\Coding\\React\\movie-series-app\\src\\Pages\\Series\\Series.js",[],"E:\\Coding\\React\\movie-series-app\\src\\Pages\\Search\\Search.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\SingleContent\\SingleContent.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\Genres\\Genres.js",[],"E:\\Coding\\React\\movie-series-app\\src\\config\\config.js",[],"E:\\Coding\\React\\movie-series-app\\src\\hooks\\useGenre.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\Pagination\\CustomPagination.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\ContentModal\\ContentModal.js",[],"E:\\Coding\\React\\movie-series-app\\src\\components\\Carousel\\Carousel.js",[],"E:\\Coding\\React\\movie-series-app\\src\\serviceWorkerRegistration.js",[]]

‎src/App.css

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,28 @@
1+
* {
2+
scroll-behavior: smooth;
3+
}
4+
15
.app {
26
min-height: 100vh;
3-
/* background-color: #282c34; */
47
background-color: #39445a;
58
color: white;
69
padding-top: 130px;
710
padding-bottom: 70px;
811
}
12+
913
@media (max-width: 700px) {
1014
.app {
1115
padding-top: 70px;
1216
}
1317
}
18+
1419
.pageTitle {
1520
text-transform: uppercase;
1621
display: flex;
1722
justify-content: center;
1823
font-family: "Montserrat", sans-serif;
1924
font-size: 2vw;
2025
padding: 4px;
21-
/* margin: 5px 0; */
22-
/* background-color: #39445a;
23-
box-shadow: 0px 1px 5px black; */
2426
border-radius: 50px;
2527
color: white;
2628
}

‎src/Pages/Movies/Movies.css

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎src/Pages/Movies/Movies.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import axios from "axios";
2-
import "./Movies.css";
32
import { useEffect, useState } from "react";
43
import Genres from "../../components/Genres/Genres";
54
import SingleContent from "../../components/SingleContent/SingleContent";
@@ -13,17 +12,18 @@ const Movies = () => {
1312
const [content, setContent] = useState([]);
1413
const [numOfPages, setNumOfPages] = useState();
1514
const genreforURL = useGenre(selectedGenres);
15+
// console.log(selectedGenres);
1616

1717
const fetchMovies = async () => {
1818
const { data } = await axios.get(
1919
`https://api.themoviedb.org/3/discover/movie?api_key=${process.env.REACT_APP_API_KEY}&language=en-US&sort_by=popularity.desc&include_adult=false&include_video=false&page=${page}&with_genres=${genreforURL}`
2020
);
2121
setContent(data.results);
2222
setNumOfPages(data.total_pages);
23-
// console.log(data);
2423
};
2524

2625
useEffect(() => {
26+
window.scroll(0, 0);
2727
fetchMovies();
2828
// eslint-disable-next-line
2929
}, [genreforURL, page]);

‎src/Pages/Search/Search.js

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -30,17 +30,22 @@ const Search = () => {
3030
});
3131

3232
const fetchSearch = async () => {
33-
const { data } = await axios.get(
34-
`https://api.themoviedb.org/3/search/${type ? "tv" : "movie"}?api_key=${
35-
process.env.REACT_APP_API_KEY
36-
}&language=en-US&query=${searchText}&page=${page}&include_adult=false`
37-
);
38-
setContent(data.results);
39-
setNumOfPages(data.total_pages);
40-
// console.log(data);
33+
try {
34+
const { data } = await axios.get(
35+
`https://api.themoviedb.org/3/search/${type ? "tv" : "movie"}?api_key=${
36+
process.env.REACT_APP_API_KEY
37+
}&language=en-US&query=${searchText}&page=${page}&include_adult=false`
38+
);
39+
setContent(data.results);
40+
setNumOfPages(data.total_pages);
41+
// console.log(data);
42+
} catch (error) {
43+
console.error(error);
44+
}
4145
};
4246

4347
useEffect(() => {
48+
window.scroll(0, 0);
4449
fetchSearch();
4550
// eslint-disable-next-line
4651
}, [type, page]);

‎src/Pages/Series/Series.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@ const Series = () => {
2323
};
2424

2525
useEffect(() => {
26+
window.scroll(0, 0);
2627
fetchSeries();
2728
// eslint-disable-next-line
2829
}, [genreforURL, page]);

‎src/Pages/Trending/Trending.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.trending {
22
display: flex;
33
flex-wrap: wrap;
4-
justify-content: space-between;
4+
justify-content: space-around;
55
}

‎src/Pages/Trending/Trending.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,10 @@ const Trending = () => {
1414
);
1515

1616
setContent(data.results);
17-
// console.log(data);
1817
};
1918

2019
useEffect(() => {
20+
window.scroll(0, 0);
2121
fetchTrending();
2222
// eslint-disable-next-line
2323
}, [page]);

‎src/components/ContentModal/ContentModal.css

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");
22

33
.ContentModal__landscape {
4-
/* height: 40%; */
54
object-fit: contain;
65
border-radius: 10px;
76
}

‎src/components/ContentModal/ContentModal.js

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@ export default function TransitionsModal({ children, media_type, id }) {
5252
);
5353

5454
setContent(data);
55+
// console.log(data);
5556
};
5657

5758
const fetchVideo = async () => {
@@ -115,10 +116,11 @@ export default function TransitionsModal({ children, media_type, id }) {
115116
<div className="ContentModal__about">
116117
<span className="ContentModal__title">
117118
{content.name || content.title} (
118-
{(content.first_air_date || content.release_date).substring(
119-
0,
120-
4
121-
)}
119+
{(
120+
content.first_air_date ||
121+
content.release_date ||
122+
"-----"
123+
).substring(0, 4)}
122124
)
123125
</span>
124126
{content.tagline && (

‎src/components/Genres/Genres.js

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,6 @@ const Genres = ({
5151
clickable
5252
size="small"
5353
onDelete={() => handleRemove(genre)}
54-
// onClick={() => handleRemove(genre)}
5554
/>
5655
))}
5756
{genres.map((genre) => (

‎src/components/Pagination/CustomPagination.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ const darkTheme = createMuiTheme({
99
});
1010

1111
export default function CustomPagination({ setPage, numOfPages = 10 }) {
12+
// Scroll to top when page changes
1213
const handlePageChange = (page) => {
1314
setPage(page);
1415
window.scroll(0, 0);

‎src/config/config.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,15 @@
1+
//image sizes for tmdb
12
export const img_300 = "https://image.tmdb.org/t/p/w300";
23
export const img_500 = "https://image.tmdb.org/t/p/w500";
4+
5+
// contentModal and singleContent
36
export const unavailable =
47
"https://www.movienewz.com/img/films/poster-holder.jpg";
8+
9+
// contentModal
510
export const unavailableLandscape =
611
"https://user-images.githubusercontent.com/10515204/56117400-9a911800-5f85-11e9-878b-3f998609a6c8.jpg";
12+
13+
// For Carousel
714
export const noPicture =
815
"https://upload.wikimedia.org/wikipedia/en/6/60/No_Picture.jpg";

0 commit comments

Comments
 (0)
Please sign in to comment.