Fix lint

src/Component/Common/AppHeader/index.js

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const AppHeader = ({name, link}) => {
+const AppHeader = ({ name, link }) => {
   return (
     <nav className='navbar is-primary' role='navigation' aria-label='main navigation'>
       <div className='navbar-brand'>

src/Component/Common/ResultNotFound/index.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import clx from 'classnames'
 
-const ResultNotFound = ({className = 'is-primary', onDelete, children}) => (
+const ResultNotFound = ({ className = 'is-primary', onDelete, children }) => (
   <div className={clx('notification', className)}>
     <button className='delete' onClick={onDelete} />
     {children}

src/Component/Page/NotFound/index.js

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const NotFound = ({message = 'Oops! Not found page.'}) => {
+const NotFound = ({ message = 'Oops! Not found page.' }) => {
   return (
     <div
       data-role='not-found'

src/Component/Page/Search/RepoCard/index.js

@@ -1,7 +1,7 @@
 import React from 'react'
 
 const RepoCard = (props) => {
-  const {repo = {}} = props
+  const { repo = {} } = props
   const {
     name,
     description,

src/Component/Page/Search/SearchArea/index.js

@@ -20,8 +20,8 @@ const SearchArea = (props) => {
             name='userName'
             className={clx(
               'input is-fullwidth',
-              {'is-primary': !isEmptyUserName},
-              {'is-danger': isEmptyUserName}
+              { 'is-primary': !isEmptyUserName },
+              { 'is-danger': isEmptyUserName }
             )}
             placeholder='Find user'
             onChange={onUserNameChange}
@@ -40,7 +40,7 @@ const SearchArea = (props) => {
             type='submit'
             className={clx(
               'button is-primary is-outlined',
-              {'is-loading': isLoading}
+              { 'is-loading': isLoading }
             )}
             disabled={isEmptyUserName}
           >

src/Component/Page/Search/index.js

@@ -1,8 +1,8 @@
-import React, {Component} from 'react'
-import {withRouter} from 'react-router-dom'
+import React, { Component } from 'react'
+import { withRouter } from 'react-router-dom'
 import clx from 'classnames'
 import _ from 'lodash'
-import {API_END_POINT} from '../../../constant'
+import { API_END_POINT } from '../../../constant'
 import SearchArea from './SearchArea'
 import RepoCard from './RepoCard'
 import ResultNotFound from '../../Common/ResultNotFound'
@@ -18,23 +18,23 @@ class Search extends Component {
   }
 
   componentDidMount () {
-    const {location} = this.props
+    const { location } = this.props
     const params = new URLSearchParams(_.get(location, 'search', ''))
     const defaultUserName = params.get('userName') || ''
     this.setState(
-      () => ({userName: defaultUserName}),
+      () => ({ userName: defaultUserName }),
       () => !_.isEmpty(defaultUserName) && this.submitForm()
     )
   }
 
   submitForm = (event) => {
-    const {history, location} = this.props
-    const {userName} = this.state
+    const { history, location } = this.props
+    const { userName } = this.state
     if (event) {
       event.preventDefault()
       history.push({
         pathname: _.get(location, 'pathname', ''),
-        search: `?${_.toString(new URLSearchParams({userName}))}`
+        search: `?${_.toString(new URLSearchParams({ userName }))}`
       })
     }
     this.setState({
@@ -62,7 +62,7 @@ class Search extends Component {
       })
   }
 
-  onUserNameChange = e => this.setState({userName: e.target.value})
+  onUserNameChange = e => this.setState({ userName: e.target.value })
 
   render () {
     const {
@@ -83,7 +83,7 @@ class Search extends Component {
     }
     const resultNotFoundProps = {
       className: '',
-      onDelete: () => this.setState({message: ''})
+      onDelete: () => this.setState({ message: '' })
     }
     return (
       <React.Fragment>