diff --git a/src/app/api/client.js b/src/app/api/client.js new file mode 100644 index 0000000..2c55b6d --- /dev/null +++ b/src/app/api/client.js @@ -0,0 +1,8 @@ +import { create } from 'apisauce' + + +const apiClient = create({ + baseURL: 'https://waterproofing.geog.uni-heidelberg.de/api' +}); + +export default apiClient; \ No newline at end of file diff --git a/src/app/api/getforms.js b/src/app/api/getforms.js new file mode 100644 index 0000000..6aab38f --- /dev/null +++ b/src/app/api/getforms.js @@ -0,0 +1,9 @@ +import client from './client'; + +const endpoint = '/hot/capability' + +const getForms = () => client.get(endpoint); + +export default { + getForms, +} diff --git a/src/app/screens/MapFeedScreen.js b/src/app/screens/MapFeedScreen.js index d34dd84..6d6413d 100644 --- a/src/app/screens/MapFeedScreen.js +++ b/src/app/screens/MapFeedScreen.js @@ -1,11 +1,28 @@ -import React, { useEffect, useContext } from "react"; +import React, { useEffect, useContext, useState } from "react"; import { StyleSheet, View } from "react-native"; import OpenStreetMap from "../components/map/OpenStreetMap"; import attachFocusToQuery from "../hooks/useFocus"; import { MapMarkerList } from "../components/MapMarkerList"; +import formsApi from "../api/getforms"; export default function MapFeedScreen() { const focusChanged = attachFocusToQuery(); + const [error, setError] = useState(false); + + useEffect(() => { + loadForms(); + }, []); + + const loadForms = async () => { + const response = await formsApi.getForms(); + console.log(response); + if (!response.ok) { + console.log("resposta não ok!"); + return setError(true); + } + setError(false); + } + return (