added proptypes

package.json

@@ -8,6 +8,7 @@
     "@testing-library/react": "^9.4.0",
     "@testing-library/user-event": "^7.2.1",
     "gh-pages": "^2.2.0",
+    "proptypes": "^1.1.0",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
     "react-scripts": "3.4.0"

src/App.js → src/components/App.js

@@ -20,7 +20,7 @@ function App() {
         setFiltered(json.results);
         setCount(count + 1);
         setApi(true);
-        console.log('API call count:', count);
+        // console.log('API call count:', count);
       })
       .catch(e => console.error(e));
   };

src/Pokemon.js → src/components/Pokemon.js

@@ -1,6 +1,7 @@
 import React, { Fragment } from 'react';
+import PropTypes from 'prop-types';
 
-function Pokemon({ filtered, counter }) {
+function Pokemon({ filtered }) {
   const renderPokemon = () => {
     return filtered.map((pokemon, index) => {
       return (
@@ -19,4 +20,8 @@ function Pokemon({ filtered, counter }) {
   );
 }
 
+Pokemon.propTypes = {
+  filtered: PropTypes.array.isRequired
+};
+
 export default Pokemon;

src/Search.js → src/components/Search.js

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
+import PropTypes from 'prop-types';
 
 const Search = ({ searchPokemon }) => {
   const [query, setQuery] = useState('');
-  console.log('SEARCH query:', query);
 
   const handleSubmit = e => {
     searchPokemon(query);
@@ -14,10 +14,14 @@ const Search = ({ searchPokemon }) => {
         type='text'
         value={query}
         onChange={e => setQuery(e.target.value)}
-        placeholder="Search for a pokemon..."
+        placeholder='Search for a pokemon...'
       />
     </form>
   );
 };
 
+Search.propTypes = {
+  searchPokemon: PropTypes.func.isRequired
+};
+
 export default Search;

src/Sort.js → src/components/Sort.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import PropTypes from 'prop-types';
 
 const Sort = ({ sort, sortType }) => {
   const [sorted, setSorted] = useState(false);
@@ -20,4 +21,9 @@ const Sort = ({ sort, sortType }) => {
   );
 };
 
+Sort.propTypes = {
+  sort: PropTypes.func.isRequired,
+  sortType: PropTypes.string.isRequired
+};
+
 export default Sort;

src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+import App from './components/App';
 
 ReactDOM.render(<App />, document.getElementById('root'));