fixed pincode to be dinamic

MocionesIUPI/screens/HomeScreen.js

@@ -4,34 +4,11 @@ import { StyleSheet, View, Text, Button } from 'react-native';
 import { globalStyles } from "../styles/global";
 
 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://10.0.0.65:5000/send?PIN=894761'); // connection to the website 
-        const json = await response.json();
-  
-        // setting the content of each category 
-        setPIN(json.PIN);
-  
-      } catch (error) {
-        console.error(error);
-      } 
-      
-    }
-    */}
-
     const pressHandler = () => {
         navigation.navigate('Pinpage');
     }
-    
-    {/*
-    useEffect(() => {
-        getMociones();
-      }, []);
-    */}
+
 
     return (
         <View style = {globalStyles.container}>

MocionesIUPI/screens/MocionScreen.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { ActivityIndicator, Button, FlatList, Text, View } from 'react-native';
 
-export default App = () => {
+export default App = ({ navigation }) => {
   const [mocion, setMocion] = useState(null);
   const [description, setDescription] = useState(null);
   const [pin, setPIN] = useState(null);
@@ -10,7 +10,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.65:5000/send?PIN=894761');
+      const response = await fetch(`http://10.0.0.65:5000/send?PIN=${navigation.state.params.Pin}`); // connection to the website 
       const json = await response.json();
       setMocion(json.Mocion);
       setDescription(json.Description);

MocionesIUPI/screens/PincodeScreen.js

@@ -9,16 +9,19 @@ import { useEffect, useState } from "react";
 export default class App extends React.Component {
 
   
-    // this connects us to the API and fetches the json file with the mociones
-    getMociones = async (code) => {
+    // this checks the pin the user inputs to see if there is a mocion with that pin
+    getPin = async (code) => {
        try {
         const response = await fetch(`http://10.0.0.65:5000/send?PIN=${code}`); // connection to the website 
         const json = await response.json();
         console.log(json);
 
         // checks if the mocion exists
-        if (json == "Error: No hay mocion con ese PIN."){
+        if (JSON.stringify(json) == '{"Error":"No hay mocion con ese PIN."}' ){
           alert("Error: No hay mocion con ese PIN.")
+          this.pinInput.current.shake()
+          .then(() => this.setState({ code: '' }));
+
         } else {
           this.setState({ pincode: true});
         }
@@ -30,32 +33,20 @@ export default class App extends React.Component {
       
     }
     
-
     
-    pressHandler = () => {
+    pressHandler = (code) => {
     {/*Dentro del parentesis va el path al screen para redirigir*/}
-      this.props.navigation.navigate('Mocion')
+      this.props.navigation.navigate('Mocion', {Pin:code})
+      this.setState({ pincode: false});
+      this.setState({ code: '' })
     }
 
     state = {
       code: '',
       pincode: false,
     };
-    pinInput = React.createRef();
-  
-    _checkCode = (code) => {
 
-      this.getMociones(code);
-
-    {/*
-      if (code != 894761) { //this is for recieving the parameters from another screen
-        this.pinInput.current.shake()
-          .then(() => this.setState({ code: '' }));
-      } else {
-        this.setState({ pincode: true});
-      }
-    */} 
-    }
+    pinInput = React.createRef();
   
     render() {
       const { code } = this.state;
@@ -70,13 +61,13 @@ export default class App extends React.Component {
               value={code}
               codeLength={6}
               onTextChange={code => this.setState({ code })}
-              onFulfill={this.getMociones}
+              onFulfill={this.getPin}
               onBackspace={() => console.log('No more back.')}
               />
           </View>
           
           <View style={globalStyles.container}>
-            { pincode && <Button title='Ir a mocion' color = {'#e81b39'} onPress={this.pressHandler} />}
+            { pincode && this.pressHandler(code)} 
           </View>
 
         </View>