changed styles of the buttons

MocionesIUPI/screens/HomeScreen.js

@@ -9,7 +9,7 @@ export default App = ({ navigation }) => {
     // this connects us to the API and fetches the json file with the mociones
     const getMociones = async () => {
        try {
-        const response = await fetch('http://10.0.0.66: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();
   
         // setting the content of each category 
@@ -23,7 +23,7 @@ export default App = ({ navigation }) => {
     }
 
     const pressHandler = () => {
-        navigation.navigate('Pinpage', {Pin:PIN},)
+        navigation.navigate('Pinpage', {Pin:PIN},) // with this we send parameters to other screens
     }
     
     useEffect(() => {
@@ -33,7 +33,7 @@ export default App = ({ navigation }) => {
     return (
         <View style = {globalStyles.container}>
             <Text style = {globalStyles.tittleText}>Home Screen</Text>
-            <Button title='Ir a pagina de pin' onPress={pressHandler} />
+            <Button title='Ir a pagina de pin' color={'#e81b39'} 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';
 import Card from '../shared/card';
 
@@ -11,7 +11,7 @@ export default App = () => {
       // this connects us to the API and fetches the json file with the mociones
       const getMociones = async () => {
         try {
-         const response = await fetch('http://10.0.0.66: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();
    
          // setting the content of each category 
@@ -35,6 +35,7 @@ export default App = () => {
 
       <Text>{Mocion}</Text>
       <Text>{Description}</Text>
+      <Button title= 'A favor' color={'#e81b39'} />
     </View>
   );
 };

MocionesIUPI/screens/PincodeScreen.js

@@ -47,7 +47,7 @@ export default class App extends React.Component {
           </View>
           
           <View style={globalStyles.container}>
-            { pincode && <Button title='Ir a mocion' onPress={this.pressHandler} />}
+            { pincode && <Button title='Ir a mocion' color = {'#e81b39'} onPress={this.pressHandler} />}
           </View>
 
         </View>