Added setAlert functionto catch the call from search.js

Author: stephin007

src/App.js

@@ -3,6 +3,7 @@ import axios from 'axios'
 
 
 import Navbar from './components/layout/Navbar'
+import Alert from './components/layout/Alert'
 import Users from './components/users/Users'
 import Search from './components/users/Search'
 
@@ -11,7 +12,8 @@ import './App.css';
 class App extends Component {
   state={
     users: [],
-    loading: false
+    loading: false,
+    alert: null
   }
 
   async componentDidMount(){
@@ -37,16 +39,28 @@ class App extends Component {
       loading: false
     })
   }
+
+  setAlert = (message, type) =>{
+    this.setState({
+      alert:{
+        message: message,
+        type: type
+      }
+    })
+    setTimeout(()=> this.setState({alert: null}), 3000)
+  }
 
   render(){
     return (
       <div >
         <Navbar title="Github Finder" icon="fab fa-github"/>
         <div className="container">
+          <Alert alert={this.state.alert}/>
           <Search 
             searchUsers={this.searchUsers} 
             clearUsers={this.clearUsers} 
-            showClear={this.state.users.length > 0 ? true : false} />
+            showClear={this.state.users.length > 0 ? true : false}
+            setAlert={this.setAlert} />
         <Users 
           loading={this.state.loading} 
           users={this.state.users} />