Note45
diff --git a/‎github-search-app/src/pages/main/index.js
Lines changed: 8 additions & 15 deletions b/‎github-search-app/src/pages/main/index.js
Lines changed: 8 additions & 15 deletions
diff --git a/‎github-search-app/src/services/api.js
Lines changed: 8 additions & 0 deletions b/‎github-search-app/src/services/api.js
Lines changed: 8 additions & 0 deletions
@@ -1,38 +1,31 @@
 import React, { Component } from 'react';
 
-import api from '../../services/api';
+import { searchDevs } from '../../services/api';
 import Dev from '../../components/Dev';
 import './styles.css';
 
 export default class Main extends Component {
   state = {
-    dev: {},
+    dev: [],
   }
 
-  searchDevs = async () => {
-    let inputElement = document.getElementById('txtBusca');
+  getDev = async () => {
+   let response = await searchDevs();
 
-    let response = await api.get(`/${inputElement.value}`);
-    this.setState({ dev: response.data });
-    
-  }
- 
-  renderDevs = async () => {
-    await this.searchDevs();
+   this.setState({ dev: [...this.state.dev, response ]});
   } 
 
   render() {
     return(
       <div>
         <div id="divBusca">
         <input type="text" id="txtBusca" placeholder="Buscar..."/>
-        <button id="btnBusca" onClick={this.renderDevs}>Buscar</button>
+        <button id="btnBusca" onClick={this.getDev}>Buscar</button>
         {console.log(this.state.dev)}
         </div> 
-        {this.state.dev.login ?
-          <Dev data={this.state.dev} /> : null}
+        {this.state.dev ?
+          this.state.dev.map((value) => (<Dev data={value}/>)) : null}
       </div>
-
     );
   }
 }
@@ -2,4 +2,12 @@ import axios from 'axios';
 
 const api = axios.create({ baseURL: 'https://api.github.com/users' });
 
+export async function searchDevs(){
+  let inputElement = document.getElementById('txtBusca');
+
+  let response = await api.get(`/${inputElement.value}`);
+  
+  return response.data;
+}
+
 export default api;