From 4191518af034a94ab435f693e6aa8386e0c30e10 Mon Sep 17 00:00:00 2001
From: analuizaff <nanaluff@hotmail.com>
Date: Mon, 2 Aug 2021 19:39:18 -0300
Subject: [PATCH] testing API connection - fetching data

---
 src/app/api/client.js            |  8 ++++++++
 src/app/api/getforms.js          |  9 +++++++++
 src/app/screens/MapFeedScreen.js | 19 ++++++++++++++++++-
 3 files changed, 35 insertions(+), 1 deletion(-)
 create mode 100644 src/app/api/client.js
 create mode 100644 src/app/api/getforms.js

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 (
     <View style={styles.container}>