Merge pull request #123 from kailash360/build-fail-120

Fixed build fail due to warnings

Author: kaybhutani

.eslintrc.yml

@@ -8,6 +8,7 @@ env:
 root: true
 plugins:
   - react
+  - react-hooks
 rules:
   arrow-spacing: 'error'
   no-const-assign: 'error'
@@ -16,3 +17,5 @@ rules:
   prefer-template: 'error'
   prefer-destructuring: ['error', { 'object': true, 'array': false }]
   object-curly-spacing: [2, 'always']
+  react-hooks/rules-of-hooks: 'error'
+  react-hooks/exhaustive-deps: 'warn'

src/components/Footer.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-export default () => {
+function Footer() {
   return (
     <div className='footer-main'>
       <a className='link link-default' href='/policies'>
@@ -11,3 +11,5 @@ export default () => {
     </div>
   )
 }
+
+export default Footer

src/components/Stories.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef, useCallback } from 'react'
+import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react'
 import { trackPromise, usePromiseTracker } from 'react-promise-tracker'
 
 import Button from './Button'
@@ -16,7 +16,7 @@ const Stories = ({ authorId, followerId }) => {
 
   const [page, setPage] = useState(1)
 
-  const statusOptions = []
+  const statusOptions = useMemo(() => [], [])
 
   const [status, setStatus] = useState('Under consideration')
 

src/modules/TitleSearch.js

@@ -1,5 +1,4 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { debounce } from 'lodash'
+import React, { useState, useEffect } from 'react'
 import userStory from '../services/user_story'
 import { strip } from '../utils/filterText'
 import { EOS_ARROW_FORWARD, EOS_THUMB_UP } from 'eos-icons-react'
@@ -9,20 +8,14 @@ const Search = (props) => {
 
   const [searchResults, setSearchResults] = useState([])
 
-  const handleTitleChange = useCallback(
-    debounce(async (title) => {
+  useEffect(() => {
+    if (!title) return
+
+    setTimeout(async () => {
       const response = await userStory.getStoriesByTitle(title)
       setSearchResults(response.data.data.userStories)
-    }, 600),
-    []
-  )
-
-  useEffect(() => {
-    if (!title) {
-      return
-    }
-    handleTitleChange(title)
-  }, [title, handleTitleChange])
+    }, 600)
+  }, [title])
 
   if (!title) {
     return ''