volvemos a la normalidad

acuerdense de cambiar su IPaddr en la parte de fetch

MocionesIUPI/routes/homeStack.js

@@ -4,6 +4,7 @@ import React from "react";
 
 import HomeScreen from '../screens/HomeScreen';
 import MocionScreen from '../screens/MocionScreen';
+import PincodeScreen from '../screens/PincodeScreen';
 import Header from '../shared/header';
 
 {/*Aqui deberan estar todas las pantallas de la aplicacion
@@ -15,6 +16,13 @@ const screens = {
            headerTitle: () => <Header />
         }
     },
+    
+    Pinpage: {
+        screen: PincodeScreen,
+        navigationOptions: {
+            headerTitle: () => <Header />
+        }
+    },
 
     Mocion: {
         screen: MocionScreen,

MocionesIUPI/screens/HomeScreen.js

@@ -17,13 +17,12 @@ export default App = ({ navigation }) => {
   
       } catch (error) {
         console.error(error);
-      } finally {
-        setLoading(false); // once found the loading icon will be replaced with the content of the json
-      }
+      } 
+      
     }
 
     const pressHandler = () => {
-        navigation.navigate('Mocion');
+        navigation.navigate('Pinpage', {Pin:PIN});
     }
     
     useEffect(() => {

MocionesIUPI/screens/MocionScreen.js

@@ -1,41 +1,64 @@
 import React, { useEffect, useState } from 'react';
-import { ActivityIndicator, Button, FlatList, Text, TouchableOpacity, View } from 'react-native';
-import { globalStyles } from '../styles/global';
-import Card from '../shared/card';
+import { ActivityIndicator, Button, FlatList, Text, View } from 'react-native';
 
 export default App = () => {
-  const [isLoading, setLoading] = useState(true);
-  const [Description, setDescription] = useState([]); // this is looking for 'Description' and it's content
-  const [Mocion, setMocion] = useState([]); // this is looking for 'Mocion' and it's content
-  
-      // this connects us to the API and fetches the json file with the mociones
-      const getMociones = async () => {
-        try {
-         const response = await fetch('http://192.168.1.200:5000/send?PIN=613382'); // connection to the website 
-         const json = await response.json();
-   
-         // setting the content of each category 
-         setMocion(json.Mocion); 
-         setDescription(json.Description);
-       } catch (error) {
-         console.error(error);
-       } finally {
-         setLoading(false); // once found the loading icon will be replaced with the content of the json
-       }
-     }
-
-     useEffect(() => {
-      getMociones();
-    }, []);
-
-
-  // this is for displaying the mocion on the screen
+  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 () => {
+     try {
+      const response = await fetch('http://10.190.1.140:5000/send?PIN=121071');
+      const json = await response.json();
+      setMocion(json.Mocion);
+      setDescription(json.Description);
+      setPIN(json.PIN);
+    } catch (error) {
+      console.error(error);
+    } 
+    
+  }
+
+  useEffect(() => {
+    getMociones();
+  }, []);
+
+  // this recieves the value of the button pressed and sends it to the api 
+  const sendVotes = (value) => {
+    console.log(value); // testing that we recied the value
+
+    //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 
+  // it's supposed to be like buttons. Once clicked it would let you vote inside
   return (
     <View style={{ flex: 1, padding: 24 }}>
+      <Text>{mocion}</Text>
+      <Text>{description}</Text>
+      
+      {/* container for the look of the buttons */}
+      <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>
 
-      <Text>{Mocion}</Text>
-      <Text>{Description}</Text>
-      <Button title= 'A favor' color={'#e81b39'} />
     </View>
   );
 };