MocionesIUPI/routes/homeStack.js

@@ -28,7 +28,7 @@ const screens = {
 
 const HomeStack = createStackNavigator(screens, {
     defaultNavigationOptions: {
-        title: 'MocinesIUPI',
+        title: 'MocionesIUPI',
         headerStyle:  { backgroundColor: "#e81b39",}
     }
 });

MocionesIUPI/screens/MocionScreen.js

@@ -7,6 +7,7 @@ export default App = () => {
   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
   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 () => {
@@ -18,6 +19,7 @@ export default App = () => {
       setMocion(json.Mocion); 
       setDescription(json.Description);
       setPIN(json.PIN);
+      setVotos(json.Votos);
 
     } catch (error) {
       console.error(error);
@@ -26,8 +28,56 @@ export default App = () => {
     }
   }
 
+  function getVotoNums() {
+    const [countFavor, setcountFavor] = useState(0);
+
+    return (
+      <div>
+        <button onClick={() => setCountFavor(countFavor + 1)}>
+        A favor
+        </button>
+      </div>
+    );
+
+    const [countContra, setCountContra] = useState(0);
+
+    return (
+      <div>
+        <button onClick={() => setCountContra(countContra + 1)}>
+        En contra
+        </button>
+      </div>
+    );
+
+    const [countAbstenid, setCountAbstenid] = useState(0);
+
+    return (
+      <div>
+        <button onClick={() => setCountAbstenid(countAbstenid + 1)}>
+        Abstenida/o
+        </button>
+      </div>
+    );
+  }
+
+  const getVotos = async () => {
+    try {
+      const response = await fetch('http://10.190.1.140:5000/send?PIN=121071'); // connection to the website 
+      const json = await response.json();
+
+      // Getting votes count
+      getVotoNums();
+
+
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setLoading(false); // once found the loading icon will be replaced with the content of the json
+    }
+  }
   useEffect(() => {
     getMociones();
+    getVotos();
   }, []);
 
   // this is for displaying the mocion on the screen
@@ -35,6 +85,7 @@ export default App = () => {
     <View style={{ flex: 1, padding: 24 }}>
       <Text>{Mocion}</Text>
       <Text>{Description}</Text>
+      <Text>{Votos}</Text>
     </View>
   );
 };