continuação mobile

Author: Alzemiro

backend/uploads/background-1581812854094.jpg

@@ -1,7 +1,7 @@
 import axios from 'axios';
 
 const api = axios.create({
-   baseURL: "http://10.0.0.40:3333", 
+   baseURL: "http://n-b490-iago:3333", 
 });
 
 export default api;

frontend/src/assets/logo.png

@@ -0,0 +1,43 @@
+import React, {useEffect, useState} from 'react';
+import {View, Text, StyleSheet} from 'react-native';
+
+import api from '../services/api';
+
+export default function Spotlist({tech}){
+    const [spots, setSpots]  = useState([]);
+    
+    useEffect(() => {
+        async function loadSpots(){
+            const response = await api.get('/spots', {
+                params: {tech}
+            })
+           setSpots(response.data);
+        }
+        loadSpots();
+    }, []);
+
+    return (
+        <View style={styles.container}>
+            <Text style={styles.title}>Empresas que usam <Text style={styles.bold}>{tech}</Text></Text>
+        </View>
+    );
+    
+}
+
+const styles = StyleSheet.create({
+    container: {
+        marginTop: 30,
+
+    },
+
+    title:{
+        fontSize: 20,
+        color: '#444',
+        paddingHorizontal: 20,
+        marginBottom: 15,
+    },
+
+    bold: {
+        fontWeight: 'bold',
+    },
+});

frontend/src/assets/logo@2x.png

@@ -1,5 +1,8 @@
 import React, { useState, useEffect } from 'react';
-import { View, AsyncStorage, Text } from 'react-native';
+import { SafeAreaView, StyleSheet, AsyncStorage, Image, Text } from 'react-native';
+
+import SpotList from '../components/SpotList';
+import logo from '../assets/logo.png';
 
 export default function List() {
     const [techs, setTechs] = useState([]);
@@ -13,5 +16,24 @@ export default function List() {
     }, []);
 
 
-    return <Text>{techs}</Text>
-}
+    return (
+        <SafeAreaView style={styles.container}>
+            <Image source={logo} style={styles.logo}/>
+
+            {techs.map(tech => <SpotList key={tech} tech={tech} />)}
+        </SafeAreaView>
+    )
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1, 
+    },
+
+    logo: {
+      height: 32,
+      resizeMode: "contain",
+      alignSelf: 'center',
+      marginTop: 10        
+    },
+});

frontend/src/assets/logo@3x.png

@@ -1,7 +1,7 @@
 import axios from 'axios';
 
 const api = axios.create({
-    baseURL: 'http://10.0.0.40:3333',
+    baseURL: 'http://n-b490-iago:3333',
 });
 
 export default api;