Fix: error in movie card and pass result to movie result

Iraq-WBC-Capstones-2020 · Aug 23, 2020 · 002a7ac · 002a7ac
1 parent cfdcb81
commit 002a7ac
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 11 deletions.
diff --git a/src/App.js b/src/App.js
@@ -36,7 +36,7 @@ function App() {
               />
             )}
           />
-          <Route path="/result" component={Result} />
+          <Route path="/result" render={() => <Result result={result} />} />
           <Route path="/movie/:id" component={Movie} />
           <Route component={Error404} />
         </Switch>

diff --git a/src/components/ResultedMovies/MovieCard.js b/src/components/ResultedMovies/MovieCard.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import PropTypes, { object } from 'prop-types';
 
 export default function MovieCard({ movie }) {
   return (
@@ -22,11 +22,5 @@ export default function MovieCard({ movie }) {
   );
 }
 MovieCard.propTypes = {
-  movie: PropTypes.arrayOf(
-    PropTypes.shape({
-      id: PropTypes.string,
-      Title: PropTypes.string,
-      poster_path: PropTypes.string,
-    })
-  ),
+  movie: object
 };
diff --git a/src/pages/ResultPage/ResultPage.js b/src/pages/ResultPage/ResultPage.js
@@ -3,7 +3,7 @@ import MovieProjector from '../../components/MovieProjector/MovieProjector';
 import MovieGrid from '../../components/ResultedMovies/MovieGrid';
 import { Spin } from 'react-loading-io';
 import './resultpage.css';
-const ResutlPage = () => {
+const ResutlPage = ({ result }) => {
   useEffect(() => {
     getPosters();
   }, []);
@@ -14,7 +14,6 @@ const ResutlPage = () => {
     const info = await fetch(url + api_key);
     const result = await info.json();
     setPoster(result.results);
-    console.log(result.results);
   };
   if (poster.length > 0) {
     return (