From cbbf87f446604904fe759bfeb6f82791c7991196 Mon Sep 17 00:00:00 2001 From: Demaceo Howard Date: Wed, 2 Dec 2020 17:03:37 -0700 Subject: [PATCH 1/9] Rearranged file structure --- src/App.js | 2 +- src/{ => Components/Catalogue}/Catalogue.css | 0 src/{ => Components/Catalogue}/Catalogue.js | 2 +- src/Components/Catalogue/Catalogue.test.js | 4 ++++ src/{ => Components/MovieCard}/MovieCard.css | 0 src/{ => Components/MovieCard}/MovieCard.js | 0 src/Components/MovieCard/MovieCard.test.js | 5 +++++ 7 files changed, 11 insertions(+), 2 deletions(-) rename src/{ => Components/Catalogue}/Catalogue.css (100%) rename src/{ => Components/Catalogue}/Catalogue.js (90%) create mode 100644 src/Components/Catalogue/Catalogue.test.js rename src/{ => Components/MovieCard}/MovieCard.css (100%) rename src/{ => Components/MovieCard}/MovieCard.js (100%) create mode 100644 src/Components/MovieCard/MovieCard.test.js diff --git a/src/App.js b/src/App.js index e0d7cb7..ee01d97 100644 --- a/src/App.js +++ b/src/App.js @@ -1,5 +1,5 @@ import React, { Component } from 'react' -import Catalogue from './Catalogue' +import Catalogue from './Components/Catalogue/Catalogue' import movieData from './mockData' import './App.css'; diff --git a/src/Catalogue.css b/src/Components/Catalogue/Catalogue.css similarity index 100% rename from src/Catalogue.css rename to src/Components/Catalogue/Catalogue.css diff --git a/src/Catalogue.js b/src/Components/Catalogue/Catalogue.js similarity index 90% rename from src/Catalogue.js rename to src/Components/Catalogue/Catalogue.js index 64c1bdc..f54a5a6 100644 --- a/src/Catalogue.js +++ b/src/Components/Catalogue/Catalogue.js @@ -1,5 +1,5 @@ import React from 'react' -import MovieCard from './MovieCard' +import MovieCard from '../MovieCard/MovieCard' import './Catalogue.css' function Catalogue(props){ diff --git a/src/Components/Catalogue/Catalogue.test.js b/src/Components/Catalogue/Catalogue.test.js new file mode 100644 index 0000000..8f502a0 --- /dev/null +++ b/src/Components/Catalogue/Catalogue.test.js @@ -0,0 +1,4 @@ +//it should display movies + +//it should display all movies + diff --git a/src/MovieCard.css b/src/Components/MovieCard/MovieCard.css similarity index 100% rename from src/MovieCard.css rename to src/Components/MovieCard/MovieCard.css diff --git a/src/MovieCard.js b/src/Components/MovieCard/MovieCard.js similarity index 100% rename from src/MovieCard.js rename to src/Components/MovieCard/MovieCard.js diff --git a/src/Components/MovieCard/MovieCard.test.js b/src/Components/MovieCard/MovieCard.test.js new file mode 100644 index 0000000..adcaaef --- /dev/null +++ b/src/Components/MovieCard/MovieCard.test.js @@ -0,0 +1,5 @@ +//it should display a movie poster + +//it should display a movie title + +// should be able to click on a movie card From 4d8621bfa66dbb80398ac17f2a66f0ddd8a60701 Mon Sep 17 00:00:00 2001 From: Demaceo Howard Date: Wed, 2 Dec 2020 17:03:52 -0700 Subject: [PATCH 2/9] Create SelectedMovie component --- src/Components/SelectedMovie/SelectedMovie.css | 0 src/Components/SelectedMovie/SelectedMovie.js | 0 src/Components/SelectedMovie/SelectedMovie.test.js | 0 3 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/Components/SelectedMovie/SelectedMovie.css create mode 100644 src/Components/SelectedMovie/SelectedMovie.js create mode 100644 src/Components/SelectedMovie/SelectedMovie.test.js diff --git a/src/Components/SelectedMovie/SelectedMovie.css b/src/Components/SelectedMovie/SelectedMovie.css new file mode 100644 index 0000000..e69de29 diff --git a/src/Components/SelectedMovie/SelectedMovie.js b/src/Components/SelectedMovie/SelectedMovie.js new file mode 100644 index 0000000..e69de29 diff --git a/src/Components/SelectedMovie/SelectedMovie.test.js b/src/Components/SelectedMovie/SelectedMovie.test.js new file mode 100644 index 0000000..e69de29 From 032c203fea4005e61e22f63cc39badecef023cce Mon Sep 17 00:00:00 2001 From: Demaceo Howard Date: Wed, 2 Dec 2020 17:07:49 -0700 Subject: [PATCH 3/9] Create boilerplate for SelectedMovie component --- .eslintcache | 2 +- src/Components/SelectedMovie/SelectedMovie.js | 10 ++++++++++ 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/.eslintcache b/.eslintcache index e827a1c..416946a 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/Catalogue.js":"3","/Users/demaceovincent/rantom/src/mockData.js":"4","/Users/demaceovincent/rantom/src/MovieCard.js":"5"},{"size":198,"mtime":1606864998007,"results":"6","hashOfConfig":"7"},{"size":491,"mtime":1606867876048,"results":"8","hashOfConfig":"7"},{"size":460,"mtime":1606869592955,"results":"9","hashOfConfig":"7"},{"size":6976,"mtime":1606866733423,"results":"10","hashOfConfig":"7"},{"size":262,"mtime":1606870041064,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"dy5e4r",{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/demaceovincent/rantom/src/index.js",[],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/Catalogue.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/MovieCard.js",[]] \ No newline at end of file +[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/mockData.js":"3","/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js":"4","/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js":"5"},{"size":198,"mtime":1606864998007,"results":"6","hashOfConfig":"7"},{"size":512,"mtime":1606953127987,"results":"8","hashOfConfig":"7"},{"size":6976,"mtime":1606952951770,"results":"9","hashOfConfig":"7"},{"size":471,"mtime":1606953189078,"results":"10","hashOfConfig":"7"},{"size":262,"mtime":1606953185908,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"14"},"dy5e4r",{"filePath":"15","messages":"16","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/demaceovincent/rantom/src/index.js",[],["23","24"],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js",[],"/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js",[],{"ruleId":"25","replacedBy":"26"},{"ruleId":"27","replacedBy":"28"},"no-native-reassign",["29"],"no-negated-in-lhs",["30"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file diff --git a/src/Components/SelectedMovie/SelectedMovie.js b/src/Components/SelectedMovie/SelectedMovie.js index e69de29..922d404 100644 --- a/src/Components/SelectedMovie/SelectedMovie.js +++ b/src/Components/SelectedMovie/SelectedMovie.js @@ -0,0 +1,10 @@ +import React from 'react' +import './SelectedMovie.css' + +function SelectedMovie(){ + return ( +

BLEEPBLOOP

+ ) +} + +export default SelectedMovie \ No newline at end of file From dd5c3e3654ab781fca801dfbed5e12b1d887b2a0 Mon Sep 17 00:00:00 2001 From: Demaceo Howard Date: Wed, 2 Dec 2020 18:07:47 -0700 Subject: [PATCH 4/9] Added conditional rendering to App --- .eslintcache | 2 +- src/App.js | 21 ++++++++++++++++--- src/Components/Catalogue/Catalogue.js | 1 + src/Components/SelectedMovie/SelectedMovie.js | 4 ++-- 4 files changed, 22 insertions(+), 6 deletions(-) diff --git a/.eslintcache b/.eslintcache index 416946a..755700b 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/mockData.js":"3","/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js":"4","/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js":"5"},{"size":198,"mtime":1606864998007,"results":"6","hashOfConfig":"7"},{"size":512,"mtime":1606953127987,"results":"8","hashOfConfig":"7"},{"size":6976,"mtime":1606952951770,"results":"9","hashOfConfig":"7"},{"size":471,"mtime":1606953189078,"results":"10","hashOfConfig":"7"},{"size":262,"mtime":1606953185908,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"14"},"dy5e4r",{"filePath":"15","messages":"16","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/demaceovincent/rantom/src/index.js",[],["23","24"],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js",[],"/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js",[],{"ruleId":"25","replacedBy":"26"},{"ruleId":"27","replacedBy":"28"},"no-native-reassign",["29"],"no-negated-in-lhs",["30"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file +[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/mockData.js":"3","/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js":"4","/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js":"5","/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js":"6"},{"size":198,"mtime":1606864998007,"results":"7","hashOfConfig":"8"},{"size":917,"mtime":1606957601086,"results":"9","hashOfConfig":"8"},{"size":6976,"mtime":1606952951770,"results":"10","hashOfConfig":"8"},{"size":526,"mtime":1606957574940,"results":"11","hashOfConfig":"8"},{"size":262,"mtime":1606953185908,"results":"12","hashOfConfig":"8"},{"size":159,"mtime":1606956979968,"results":"13","hashOfConfig":"8"},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},"dy5e4r",{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},"/Users/demaceovincent/rantom/src/index.js",[],["27","28"],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js",[],"/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js",[],"/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js",[],{"ruleId":"29","replacedBy":"30"},{"ruleId":"31","replacedBy":"32"},"no-native-reassign",["33"],"no-negated-in-lhs",["34"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file diff --git a/src/App.js b/src/App.js index ee01d97..363261f 100644 --- a/src/App.js +++ b/src/App.js @@ -1,4 +1,5 @@ import React, { Component } from 'react' +import SelectedMovie from './Components/SelectedMovie/SelectedMovie' import Catalogue from './Components/Catalogue/Catalogue' import movieData from './mockData' import './App.css'; @@ -7,14 +8,28 @@ class App extends Component { constructor(){ super() this.state = { - movies: movieData.movies + movies: movieData.movies, + selectedMovie: 0 } } + + // handleClick = event => { + // this.setState({ + // selectedMovie: event.target.id + // }) + // } + render() { return ( -

HELLOOOOOO WORLD

- + {!this.state.selectedMovie && ( + + )} + {this.state.selectedMovie && } ); } diff --git a/src/Components/Catalogue/Catalogue.js b/src/Components/Catalogue/Catalogue.js index f54a5a6..e3ad417 100644 --- a/src/Components/Catalogue/Catalogue.js +++ b/src/Components/Catalogue/Catalogue.js @@ -6,6 +6,7 @@ function Catalogue(props){ const movieCards = props.movies.map(movie => { return( props.handleClick(event)} poster={movie.poster_path} title={movie.title} id={movie.id} diff --git a/src/Components/SelectedMovie/SelectedMovie.js b/src/Components/SelectedMovie/SelectedMovie.js index 922d404..251f9b3 100644 --- a/src/Components/SelectedMovie/SelectedMovie.js +++ b/src/Components/SelectedMovie/SelectedMovie.js @@ -1,9 +1,9 @@ import React from 'react' import './SelectedMovie.css' -function SelectedMovie(){ +function SelectedMovie() { return ( -

BLEEPBLOOP

+

bleepbloop

) } From beef2e47bb25defec688c95f519a55c5d529bd12 Mon Sep 17 00:00:00 2001 From: Demaceo Howard Date: Thu, 3 Dec 2020 13:01:45 -0700 Subject: [PATCH 5/9] Create conditional rendering with handleClick --- .eslintcache | 2 +- src/App.js | 13 +++++++------ src/Components/Catalogue/Catalogue.js | 1 + src/Components/MovieCard/MovieCard.js | 4 ++-- 4 files changed, 11 insertions(+), 9 deletions(-) diff --git a/.eslintcache b/.eslintcache index 755700b..eca1a27 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/mockData.js":"3","/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js":"4","/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js":"5","/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js":"6"},{"size":198,"mtime":1606864998007,"results":"7","hashOfConfig":"8"},{"size":917,"mtime":1606957601086,"results":"9","hashOfConfig":"8"},{"size":6976,"mtime":1606952951770,"results":"10","hashOfConfig":"8"},{"size":526,"mtime":1606957574940,"results":"11","hashOfConfig":"8"},{"size":262,"mtime":1606953185908,"results":"12","hashOfConfig":"8"},{"size":159,"mtime":1606956979968,"results":"13","hashOfConfig":"8"},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},"dy5e4r",{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},"/Users/demaceovincent/rantom/src/index.js",[],["27","28"],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js",[],"/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js",[],"/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js",[],{"ruleId":"29","replacedBy":"30"},{"ruleId":"31","replacedBy":"32"},"no-native-reassign",["33"],"no-negated-in-lhs",["34"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file +[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/mockData.js":"3","/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js":"4","/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js":"5","/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js":"6"},{"size":198,"mtime":1606864998007,"results":"7","hashOfConfig":"8"},{"size":936,"mtime":1607025273606,"results":"9","hashOfConfig":"8"},{"size":6976,"mtime":1606952951770,"results":"10","hashOfConfig":"8"},{"size":566,"mtime":1607025117386,"results":"11","hashOfConfig":"8"},{"size":332,"mtime":1607025351211,"results":"12","hashOfConfig":"8"},{"size":159,"mtime":1606956979968,"results":"13","hashOfConfig":"8"},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},"dy5e4r",{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},"/Users/demaceovincent/rantom/src/index.js",[],["27","28"],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js",[],"/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js",[],"/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js",[],{"ruleId":"29","replacedBy":"30"},{"ruleId":"31","replacedBy":"32"},"no-native-reassign",["33"],"no-negated-in-lhs",["34"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file diff --git a/src/App.js b/src/App.js index 363261f..8e04644 100644 --- a/src/App.js +++ b/src/App.js @@ -13,11 +13,12 @@ class App extends Component { } } - // handleClick = event => { - // this.setState({ - // selectedMovie: event.target.id - // }) - // } + handleClick = event => { + console.log(event.target); + this.setState({ + selectedMovie: event.target.id + }) + } render() { return ( @@ -25,7 +26,7 @@ class App extends Component { {!this.state.selectedMovie && ( )} diff --git a/src/Components/Catalogue/Catalogue.js b/src/Components/Catalogue/Catalogue.js index e3ad417..94bcd47 100644 --- a/src/Components/Catalogue/Catalogue.js +++ b/src/Components/Catalogue/Catalogue.js @@ -11,6 +11,7 @@ function Catalogue(props){ title={movie.title} id={movie.id} key={movie.id} + handleClick={props.handleClick} /> ) }) diff --git a/src/Components/MovieCard/MovieCard.js b/src/Components/MovieCard/MovieCard.js index 429bda1..b504064 100644 --- a/src/Components/MovieCard/MovieCard.js +++ b/src/Components/MovieCard/MovieCard.js @@ -3,8 +3,8 @@ import './MovieCard.css' function MovieCard(props) { return ( -
- {props.title} +
+ {props.title}

{props.title}

); From 47df9fbbc7ec391c354692604bc2774436b3234b Mon Sep 17 00:00:00 2001 From: Demaceo Howard Date: Thu, 3 Dec 2020 15:33:43 -0700 Subject: [PATCH 6/9] Display SelectedMovie onClick --- .eslintcache | 2 +- src/App.js | 14 ++++++++++---- src/Components/MovieCard/MovieCard.js | 3 ++- src/Components/SelectedMovie/SelectedMovie.js | 7 +++++-- 4 files changed, 18 insertions(+), 8 deletions(-) diff --git a/.eslintcache b/.eslintcache index eca1a27..ceffe56 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/mockData.js":"3","/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js":"4","/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js":"5","/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js":"6"},{"size":198,"mtime":1606864998007,"results":"7","hashOfConfig":"8"},{"size":936,"mtime":1607025273606,"results":"9","hashOfConfig":"8"},{"size":6976,"mtime":1606952951770,"results":"10","hashOfConfig":"8"},{"size":566,"mtime":1607025117386,"results":"11","hashOfConfig":"8"},{"size":332,"mtime":1607025351211,"results":"12","hashOfConfig":"8"},{"size":159,"mtime":1606956979968,"results":"13","hashOfConfig":"8"},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},"dy5e4r",{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},"/Users/demaceovincent/rantom/src/index.js",[],["27","28"],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js",[],"/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js",[],"/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js",[],{"ruleId":"29","replacedBy":"30"},{"ruleId":"31","replacedBy":"32"},"no-native-reassign",["33"],"no-negated-in-lhs",["34"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file +[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/mockData.js":"3","/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js":"4","/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js":"5","/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js":"6"},{"size":198,"mtime":1606864998007,"results":"7","hashOfConfig":"8"},{"size":1171,"mtime":1607034547041,"results":"9","hashOfConfig":"8"},{"size":6976,"mtime":1606952951770,"results":"10","hashOfConfig":"8"},{"size":566,"mtime":1607025117386,"results":"11","hashOfConfig":"8"},{"size":334,"mtime":1607034302631,"results":"12","hashOfConfig":"8"},{"size":278,"mtime":1607034711537,"results":"13","hashOfConfig":"8"},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},"dy5e4r",{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/demaceovincent/rantom/src/index.js",[],["27","28"],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js",[],"/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js",[],"/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js",[],{"ruleId":"29","replacedBy":"30"},{"ruleId":"31","replacedBy":"32"},"no-native-reassign",["33"],"no-negated-in-lhs",["34"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file diff --git a/src/App.js b/src/App.js index 8e04644..2b1f812 100644 --- a/src/App.js +++ b/src/App.js @@ -14,10 +14,10 @@ class App extends Component { } handleClick = event => { - console.log(event.target); this.setState({ - selectedMovie: event.target.id + selectedMovie: event.target }) + console.log(this.state.selectedMovie) } render() { @@ -27,10 +27,16 @@ class App extends Component { )} - {this.state.selectedMovie && } + {this.state.selectedMovie && ( + + )} + {console.log(this.state.selectedMovie)} ); } diff --git a/src/Components/MovieCard/MovieCard.js b/src/Components/MovieCard/MovieCard.js index b504064..2bd61cc 100644 --- a/src/Components/MovieCard/MovieCard.js +++ b/src/Components/MovieCard/MovieCard.js @@ -11,4 +11,5 @@ function MovieCard(props) { } -export default MovieCard \ No newline at end of file + +export default MovieCard; \ No newline at end of file diff --git a/src/Components/SelectedMovie/SelectedMovie.js b/src/Components/SelectedMovie/SelectedMovie.js index 251f9b3..2355a88 100644 --- a/src/Components/SelectedMovie/SelectedMovie.js +++ b/src/Components/SelectedMovie/SelectedMovie.js @@ -1,9 +1,12 @@ import React from 'react' import './SelectedMovie.css' -function SelectedMovie() { +function SelectedMovie(props) { return ( -

bleepbloop

+
+

{props.title}

+ {props.title} +
) } From acecb6e8ea5072a54c2d18ffa856c1df41473e8c Mon Sep 17 00:00:00 2001 From: Demaceo Howard Date: Thu, 3 Dec 2020 15:34:31 -0700 Subject: [PATCH 7/9] Create NavBar component --- src/Components/NavBar/NavBar.css | 0 src/Components/NavBar/NavBar.js | 0 src/Components/NavBar/NavBar.test.js | 0 3 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/Components/NavBar/NavBar.css create mode 100644 src/Components/NavBar/NavBar.js create mode 100644 src/Components/NavBar/NavBar.test.js diff --git a/src/Components/NavBar/NavBar.css b/src/Components/NavBar/NavBar.css new file mode 100644 index 0000000..e69de29 diff --git a/src/Components/NavBar/NavBar.js b/src/Components/NavBar/NavBar.js new file mode 100644 index 0000000..e69de29 diff --git a/src/Components/NavBar/NavBar.test.js b/src/Components/NavBar/NavBar.test.js new file mode 100644 index 0000000..e69de29 From 79a974c0a84a83aa28f9baa7ebd3fab6af5770af Mon Sep 17 00:00:00 2001 From: Demaceo Howard Date: Thu, 3 Dec 2020 15:48:45 -0700 Subject: [PATCH 8/9] Add functionality to NavBar component --- .eslintcache | 2 +- src/App.js | 11 ++++++++++- src/Components/NavBar/NavBar.js | 12 ++++++++++++ src/Components/SelectedMovie/SelectedMovie.js | 2 +- 4 files changed, 24 insertions(+), 3 deletions(-) diff --git a/.eslintcache b/.eslintcache index ceffe56..72fbe78 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/mockData.js":"3","/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js":"4","/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js":"5","/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js":"6"},{"size":198,"mtime":1606864998007,"results":"7","hashOfConfig":"8"},{"size":1171,"mtime":1607034547041,"results":"9","hashOfConfig":"8"},{"size":6976,"mtime":1606952951770,"results":"10","hashOfConfig":"8"},{"size":566,"mtime":1607025117386,"results":"11","hashOfConfig":"8"},{"size":334,"mtime":1607034302631,"results":"12","hashOfConfig":"8"},{"size":278,"mtime":1607034711537,"results":"13","hashOfConfig":"8"},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},"dy5e4r",{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"16"},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/demaceovincent/rantom/src/index.js",[],["27","28"],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js",[],"/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js",[],"/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js",[],{"ruleId":"29","replacedBy":"30"},{"ruleId":"31","replacedBy":"32"},"no-native-reassign",["33"],"no-negated-in-lhs",["34"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file +[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/mockData.js":"3","/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js":"4","/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js":"5","/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js":"6","/Users/demaceovincent/rantom/src/Components/NavBar/NavBar.js":"7"},{"size":198,"mtime":1606864998007,"results":"8","hashOfConfig":"9"},{"size":1347,"mtime":1607035648950,"results":"10","hashOfConfig":"9"},{"size":6976,"mtime":1606952951770,"results":"11","hashOfConfig":"9"},{"size":566,"mtime":1607025117386,"results":"12","hashOfConfig":"9"},{"size":334,"mtime":1607034302631,"results":"13","hashOfConfig":"9"},{"size":277,"mtime":1607035157808,"results":"14","hashOfConfig":"9"},{"size":228,"mtime":1607035600950,"results":"15","hashOfConfig":"9"},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},"dy5e4r",{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"27","messages":"28","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"29","messages":"30","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},"/Users/demaceovincent/rantom/src/index.js",[],["31","32"],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js",[],"/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js",[],"/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js",[],"/Users/demaceovincent/rantom/src/Components/NavBar/NavBar.js",[],{"ruleId":"33","replacedBy":"34"},{"ruleId":"35","replacedBy":"36"},"no-native-reassign",["37"],"no-negated-in-lhs",["38"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file diff --git a/src/App.js b/src/App.js index 2b1f812..3729d80 100644 --- a/src/App.js +++ b/src/App.js @@ -1,4 +1,5 @@ import React, { Component } from 'react' +import NavBar from './Components/NavBar/NavBar' import SelectedMovie from './Components/SelectedMovie/SelectedMovie' import Catalogue from './Components/Catalogue/Catalogue' import movieData from './mockData' @@ -13,16 +14,24 @@ class App extends Component { } } + returnToHome = event => { + this.setState({ + selectedMovie: 0 + }) + } + handleClick = event => { this.setState({ selectedMovie: event.target }) - console.log(this.state.selectedMovie) } render() { return ( + {!this.state.selectedMovie && ( + imma DINGUS + + ) +} + +export default NavBar; \ No newline at end of file diff --git a/src/Components/SelectedMovie/SelectedMovie.js b/src/Components/SelectedMovie/SelectedMovie.js index 2355a88..8059f10 100644 --- a/src/Components/SelectedMovie/SelectedMovie.js +++ b/src/Components/SelectedMovie/SelectedMovie.js @@ -4,7 +4,7 @@ import './SelectedMovie.css' function SelectedMovie(props) { return (
-

{props.title}

+

{props.title}

{props.title}
) From 6bd0b0d4d279ef03570eab7ca42d645fa0162ee6 Mon Sep 17 00:00:00 2001 From: Demaceo Howard Date: Thu, 3 Dec 2020 16:08:49 -0700 Subject: [PATCH 9/9] Display mockMovie data on SelectedMovie page --- .eslintcache | 2 +- src/Components/Catalogue/Catalogue.js | 1 + src/Components/NavBar/NavBar.js | 4 +++- src/Components/SelectedMovie/SelectedMovie.js | 17 ++++++++++++++--- src/mockMovie.js | 17 +++++++++++++++++ 5 files changed, 36 insertions(+), 5 deletions(-) create mode 100644 src/mockMovie.js diff --git a/.eslintcache b/.eslintcache index 72fbe78..9c669f2 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/mockData.js":"3","/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js":"4","/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js":"5","/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js":"6","/Users/demaceovincent/rantom/src/Components/NavBar/NavBar.js":"7"},{"size":198,"mtime":1606864998007,"results":"8","hashOfConfig":"9"},{"size":1347,"mtime":1607035648950,"results":"10","hashOfConfig":"9"},{"size":6976,"mtime":1606952951770,"results":"11","hashOfConfig":"9"},{"size":566,"mtime":1607025117386,"results":"12","hashOfConfig":"9"},{"size":334,"mtime":1607034302631,"results":"13","hashOfConfig":"9"},{"size":277,"mtime":1607035157808,"results":"14","hashOfConfig":"9"},{"size":228,"mtime":1607035600950,"results":"15","hashOfConfig":"9"},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},"dy5e4r",{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"27","messages":"28","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"29","messages":"30","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},"/Users/demaceovincent/rantom/src/index.js",[],["31","32"],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js",[],"/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js",[],"/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js",[],"/Users/demaceovincent/rantom/src/Components/NavBar/NavBar.js",[],{"ruleId":"33","replacedBy":"34"},{"ruleId":"35","replacedBy":"36"},"no-native-reassign",["37"],"no-negated-in-lhs",["38"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file +[{"/Users/demaceovincent/rantom/src/index.js":"1","/Users/demaceovincent/rantom/src/App.js":"2","/Users/demaceovincent/rantom/src/mockData.js":"3","/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js":"4","/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js":"5","/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js":"6","/Users/demaceovincent/rantom/src/Components/NavBar/NavBar.js":"7","/Users/demaceovincent/rantom/src/mockMovie.js":"8"},{"size":198,"mtime":1606864998007,"results":"9","hashOfConfig":"10"},{"size":1347,"mtime":1607035648950,"results":"11","hashOfConfig":"10"},{"size":6976,"mtime":1606952951770,"results":"12","hashOfConfig":"10"},{"size":601,"mtime":1607036459347,"results":"13","hashOfConfig":"10"},{"size":334,"mtime":1607034302631,"results":"14","hashOfConfig":"10"},{"size":843,"mtime":1607036765134,"results":"15","hashOfConfig":"10"},{"size":246,"mtime":1607035750849,"results":"16","hashOfConfig":"10"},{"size":630,"mtime":1607036058744,"results":"17","hashOfConfig":"10"},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},"dy5e4r",{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"27","messages":"28","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"29","messages":"30","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"31","messages":"32","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"33","messages":"34","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/demaceovincent/rantom/src/index.js",[],["35","36"],"/Users/demaceovincent/rantom/src/App.js",[],"/Users/demaceovincent/rantom/src/mockData.js",[],"/Users/demaceovincent/rantom/src/Components/Catalogue/Catalogue.js",[],"/Users/demaceovincent/rantom/src/Components/MovieCard/MovieCard.js",[],"/Users/demaceovincent/rantom/src/Components/SelectedMovie/SelectedMovie.js",["37"],"/Users/demaceovincent/rantom/src/Components/NavBar/NavBar.js",[],"/Users/demaceovincent/rantom/src/mockMovie.js",[],{"ruleId":"38","replacedBy":"39"},{"ruleId":"40","replacedBy":"41"},{"ruleId":"42","severity":1,"message":"43","line":12,"column":9,"nodeType":"44","endLine":12,"endColumn":52},"no-native-reassign",["45"],"no-negated-in-lhs",["46"],"jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","no-global-assign","no-unsafe-negation"] \ No newline at end of file diff --git a/src/Components/Catalogue/Catalogue.js b/src/Components/Catalogue/Catalogue.js index 94bcd47..6e35b9c 100644 --- a/src/Components/Catalogue/Catalogue.js +++ b/src/Components/Catalogue/Catalogue.js @@ -9,6 +9,7 @@ function Catalogue(props){ // onClick={event => props.handleClick(event)} poster={movie.poster_path} title={movie.title} + // style={"width"="200px"} id={movie.id} key={movie.id} handleClick={props.handleClick} diff --git a/src/Components/NavBar/NavBar.js b/src/Components/NavBar/NavBar.js index e302b6d..6a91cd7 100644 --- a/src/Components/NavBar/NavBar.js +++ b/src/Components/NavBar/NavBar.js @@ -3,7 +3,9 @@ import "./NavBar.css"; function NavBar(props) { return ( - ) diff --git a/src/Components/SelectedMovie/SelectedMovie.js b/src/Components/SelectedMovie/SelectedMovie.js index 8059f10..d10e018 100644 --- a/src/Components/SelectedMovie/SelectedMovie.js +++ b/src/Components/SelectedMovie/SelectedMovie.js @@ -1,13 +1,24 @@ import React from 'react' import './SelectedMovie.css' +import mockMovie from '../../mockMovie.js' function SelectedMovie(props) { return ( -
+

{props.title}

{props.title} -
- ) +

{mockMovie.movie.title}

+

{mockMovie.movie.tagline}

+ +

Overview: {mockMovie.movie.overview}

+

Release Date: {mockMovie.movie.release_date}

+

Rating: {mockMovie.movie.average_rating}

+

Genre: {mockMovie.movie.genres[0].name}

+

Budget: ${mockMovie.movie.budget}

+

Revenue: ${mockMovie.movie.revenue}

+

Duration: {mockMovie.movie.runtime} minutes

+
+ ); } export default SelectedMovie \ No newline at end of file diff --git a/src/mockMovie.js b/src/mockMovie.js new file mode 100644 index 0000000..50150f1 --- /dev/null +++ b/src/mockMovie.js @@ -0,0 +1,17 @@ +const mockMovie = { + "movie": { + id: 1, + title: "Fake Movie Title", + poster_path: "https://image.tmdb.org/t/p/original//7G2VvG1lU8q758uOqU6z2Ds0qpA.jpg", + backdrop_path: "https://image.tmdb.org/t/p/original//oazPqs1z78LcIOFslbKtJLGlueo.jpg", + release_date: "2019-12-04", + overview: "Some overview that is full of buzzwords to attempt to entice you to watch this movie! Explosions! Drama! True love! Robots! A cute dog!", + average_rating: 6, + genres: [{id: 18, name:"Drama"}], + budget:63000000, revenue:100853753, + runtime:139, + tagline: "It's a movie!" +} +} + +export default mockMovie; \ No newline at end of file