Add proptype validation

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "dependencies": {
     "node-sass": "^4.12.0",
+    "prop-types": "^15.7.2",
     "react": "^16.10",
     "react-dom": "^16.10",
     "react-modal": "^3.10.1",

src/components/AppModal/index.jsx

@@ -1,3 +1,4 @@
+// react-libraries
 import Modal from "react-modal";
 import React, { Component } from "react";
 import { withRouter } from "react-router";

src/components/Button/index.jsx

@@ -1,6 +1,9 @@
 // react libraries
 import React from "react";
 
+// external libraries
+import PropTypes from 'prop-types'; 
+
 // styles
 import "./Button.scss";
 
@@ -43,3 +46,8 @@ export const FacebookButton = () => {
     </div>
   );
 };
+
+Button.propTypes = {
+  text: PropTypes.string,
+  handleClick: PropTypes.func
+}

src/components/DestinationCard/index.jsx

@@ -1,6 +1,9 @@
 // react libraries
 import React from "react";
 
+// external libraries
+import PropTypes from 'prop-types'; 
+
 // styles
 import "./DestinationCard.scss";
 
@@ -60,4 +63,12 @@ const DestinationCard = ({
   );
 };
 
+DestinationCard.propTypes = {
+  title: PropTypes.string,
+  address: PropTypes.string,
+  destinationImage: PropTypes.string,
+  likesNo: PropTypes.number,
+  ratingNo: PropTypes.number
+}
+
 export default DestinationCard;

src/components/Input/index.jsx

@@ -1,6 +1,9 @@
 // react libraries
 import React from "react";
 
+// external libraries
+import PropTypes from 'prop-types'; 
+
 // styles
 import "./Input.scss";
 
@@ -17,4 +20,12 @@ const Input = ({ type, placeholder, style, required, handleOnChange }) => {
   );
 };
 
+Input.propTypes = {
+  type: PropTypes.string,
+  placeholder: PropTypes.string,
+  style: PropTypes.object,
+  required: PropTypes.bool,
+  handleOnChange: PropTypes.func
+}
+
 export default Input;

src/components/LoginNavigation/LoginNavigation.scss

@@ -45,7 +45,7 @@
     padding: 0 rem(120px) 0 rem(40px);
   }
 
-  @include sm {
+  @include md {
     display: none;
   }
 }

src/pages/Home/index.jsx

@@ -4,6 +4,9 @@ import { Link } from 'react-router-dom'
 // styles
 import "./Home.scss";
 
+// external libraries
+import PropTypes from 'prop-types'; 
+
 // components
 import DestinationCard from "../../components/DestinationCard";
 import { Button } from "../../components/Button";
@@ -117,4 +120,10 @@ class Home extends Component {
   }
 }
 
+Home.propTypes = {
+  history: PropTypes.shape({
+    push: PropTypes.func.isRequired
+  }).isRequired,
+}
+
 export default Home;