agregue PropTypes

Luis-Kristen · Mar 26, 2020 · 0785cc4 · 0785cc4
1 parent c445cde
commit 0785cc4
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 8 deletions.
diff --git a/node_modules/prop-types/package.json b/node_modules/prop-types/package.json
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
     "eslint-plugin-import": "^2.20.1",
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-react": "^7.19.0",
+    "prop-types": "^15.7.2",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
   },

diff --git a/src/components/CarouselItem.jsx b/src/components/CarouselItem.jsx
@@ -1,7 +1,9 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import '../assets/styles/components/CarouselItem.scss';
 import playIcon from '../assets/static/play-icon.png';
 import plusIcon from '../assets/static/plus-icon.png';
+import Carousel from './Carousel';
 
 const CarouselItem = ({ cover, title, year, contentRating, duration }) => (
     <div className="carousel-item">
@@ -19,5 +21,11 @@ const CarouselItem = ({ cover, title, year, contentRating, duration }) => (
     </div>
 ); 
 
-
+CarouselItem.propTypes = {
+  cover: PropTypes.string,
+  title: PropTypes.string,
+  year: PropTypes.number,
+  contentRating: PropTypes.string,
+  duration: PropTypes.number,
+}
 export default CarouselItem;