votos are complete

MocionesIUPI/App.js

@@ -3,9 +3,10 @@ import { ActivityIndicator, Button, FlatList, Text, View } from 'react-native';
 
 export default App = () => {
   const [isLoading, setLoading] = useState(true);
-  const[json, setJson] = useState(null);
-  const [mocion, setMocion] = useState([]);
-  const [description, setDescription] = useState([]);
+  const [mocion, setMocion] = useState(null);
+  const [description, setDescription] = useState(null);
+  const [pin, setPIN] = useState(null);
+  const [response, setResponse] = useState(null);
 
   // this connects us to the API and fetches the json file with the mociones
   const getMociones = async () => {
@@ -14,6 +15,7 @@ export default App = () => {
       const json = await response.json();
       setMocion(json.Mocion);
       setDescription(json.Description);
+      setPIN(json.PIN);
     } catch (error) {
       console.error(error);
     } finally {
@@ -26,18 +28,20 @@ export default App = () => {
   }, []);
 
   // this recieves the value of the button pressed and sends it to the api 
-  const sendVotos = (value) => {
+  const sendVotes = (value) => {
     console.log(value); // testing that we recied the value
 
-    //adding new values to json
-    fetch('http://10.190.1.140:5000', {
-      method: 'POST',
-      body: JSON.stringify(json),
-      headers: {
-        'Accept': 'application/json',
-        'Content-Type': 'application/json'
-      },
-    });
+    //sending to the API
+    const PIN = pin;
+    const Token = 'abc123'
+    const votos = value;
+
+    const url = `http://10.190.1.140:5000/vote?PIN=${PIN}&Token=${Token}&votos=${votos}`;
+
+    //connecting to API
+    fetch(url)
+
+    console.log(response);
   };
 
   // here we want to display each mocion in a flatlist 
@@ -48,10 +52,13 @@ export default App = () => {
       <Text>{description}</Text>
       
       {/* container for the look of the buttons */}
-      <View >
-      <Button title='A favor' onPress={() => sendVotos('A Favor')} />
-      <Button title='En Contra'onPress={() => sendVotos('En Contra')} />
-      <Button title='Abstenido/a' onPress={() => sendVotos('Abstenido/a')} />
+      <View>
+
+      <Button title='A favor' onPress={() => sendVotes('A Favor')} />
+      <Button title='En Contra'onPress={() => sendVotes('En Contra')} />
+      <Button title='Abstenido/a' onPress={() => sendVotes('Abstenido/a')} />
+
+
       </View>
 
     </View>