import React, {Component} from 'react';
import {StyleSheet, Text, View} from 'react-native';
import axios from 'axios';

const requestUrl = 'https://ws.fulltrack2.com/events/all';

const requestHeaders = {
    apiKey: 'a_key',
    secretKey: 'a_secret_key',
  };

state = {
      dados: [],
      error: false,
    };

  componentDidMount(){
      axios
        .get(requestUrl, { headers: requestHeaders })
        .then(response => {
          console.log('response data:' response.data);

          const mapped = mapResponse(response);
          console.log('Mapped response:', mapped);
          // Should log [ { latitude: '2799007260', longitude: '-22.215966' } ]
        })
        .catch(error =>{
            console.log('error' + error);
        })
  }

function mapResponse(response) {
    return response.data.map(function(element) {
      return {
          latitude: element.ras_eve_latitude,
          longitude: element.ras_eve_longitude,
      };
    });
  }

export default class App extends Component<Props> {



  render() {
    return (
      <View style={styles.container}>

      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
});