fixed things with buttons

MocionesIUPI/screens/HomeScreen.js

@@ -1,19 +1,43 @@
 import { propertiesListToString } from "@expo/config-plugins/build/android/Properties";
-import React from "react";
+import React, { useEffect, useState }from "react";
 import { StyleSheet, View, Text, Button } from 'react-native';
 import { globalStyles } from "../styles/global";
 
-export default function HomeScreen({ navigation }) {
-    
+export default App = ({ navigation }) => {
+    const [PIN, setPIN] = useState([]); // this is looking for 'PIN' 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=121071'); // connection to the website 
+        const json = await response.json();
+  
+        // setting the content of each category 
+        setPIN(json.PIN);
+  
+      } 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},) // with this we send parameters to other screens
     }
     
-    
+    useEffect(() => {
+        getMociones();
+      }, []);
+
     return (
         <View style = {globalStyles.container}>
             <Text style = {globalStyles.tittleText}>Home Screen</Text>
-            <Button title="go to pin page" onPress={pressHandler}/>
+            <Button title='Ir a pagina de pin' onPress={pressHandler} />
         </View>
+
+        
+        
+
     )
 }

MocionesIUPI/screens/MocionScreen.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { ActivityIndicator, FlatList, Text, TouchableOpacity, View } from 'react-native';
+import { ActivityIndicator, Button, FlatList, Text, TouchableOpacity, View } from 'react-native';
 import { globalStyles } from '../styles/global';
 
 export default App = () => {
@@ -9,10 +9,11 @@ export default App = () => {
   const [PIN, setPIN] = useState([]); // this is looking for 'PIN' and it's content
   const [Votos, setVotos] = useState(0); // this is looking for 'Votos' 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://10.190.1.140:5000/send?PIN=121071'); // connection to the website 
+      const response = await fetch('http://192.168.1.200:5000/send?PIN=2'); // connection to the website 
       const json = await response.json();
 
       // setting the content of each category 
@@ -28,7 +29,10 @@ export default App = () => {
     }
   }
 
-  function getVotosNums() {
+  function sendVotos() {
+    
+  }
+  {/*function getVotoFavorNums() {
     const [countFavor, setCountFavor] = useState(0);
     const [countContra, setCountContra] = useState(0);
     const [countAbstenid, setCountAbstenid] = useState(0);
@@ -41,16 +45,31 @@ export default App = () => {
         <button onClick={() => setCountContra(countContra + 1)}>
           En contra
         </button>
+      </div>
+    );
+  }
+
+  function getVotoAbstenidNums() {
+    const [countAbstenid, setCountAbstenid] = useState(0);
+
+    return (
+      <div>
         <button onClick={() => setCountAbstenid(countAbstenid + 1)}>
-          Abstenido
+        Abstenida/o
         </button>
       </div>
     );
   }
 
+  function getVotoNums() {
+    getVotoFavorNums();
+    getVotoContraNums();
+    getVotoAbstenidNums();
+  }
+
   const getVotos = async () => {
     try {
-      const response = await fetch('http://10.190.1.140:5000/send?PIN=121071'); // connection to the website 
+      const response = await fetch('http://192.168.1.200:5000/send?PIN=121071'); // connection to the website 
       const json = await response.json();
 
       // Getting votes count
@@ -62,10 +81,10 @@ export default App = () => {
     } finally {
       setLoading(false); // once found the loading icon will be replaced with the content of the json
     }
-  }
+  } */}
   useEffect(() => {
     getMociones();
-    getVotos();
+    //getVotos();
   }, []);
 
   // this is for displaying the mocion, its description, and votes' options on the screen
@@ -73,18 +92,9 @@ export default App = () => {
     <View style={{ flex: 1, padding: 24 }}>
       <Text>{Mocion}</Text>
       <Text>{Description}</Text>
-      <Button>
-        title = "A favor"
-        onPress={() => Alert.alert('Voto a favor')}
-      </Button>
-      <Button>
-        title = "En contra"
-        onPress={() => Alert.alert('Voto en contra')}
-      </Button>
-      <Button>
-        title = "Abstenido"
-        onPress={() => Alert.alert('Se abstuvo al voto')}
-      </Button>
+      <Button title = "A favor "  color={'#e81b39'} />
+      <Button title = "En Contra" color={'#e81b39'} />
+      <Button title = "Abstenido" color={'#e81b39'} />
     </View>
   );
 };

MocionesIUPI/styles/global.js

@@ -14,6 +14,16 @@ export const globalStyles = StyleSheet.create({
   paragraph: {
     marginVertical: 8,
     lineHeight: 20,
+  },
+
+  button: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 12,
+    paddingHorizontal: 32,
+    borderRadius: 4,
+    elevation: 3,
+    backgroundColor: '#e81b39',
   }
 });