added smooth-code-input again

MocionesIUPI/package-lock.json

@@ -10,6 +10,7 @@
       "dependencies": {
         "@apollo/client": "^3.7.2",
         "@expo/webpack-config": "^0.17.2",
+        "deprecated-react-native-prop-types": "^2.2.0",
         "expo": "~47.0.6",
         "expo-status-bar": "~1.4.2",
         "graphql": "^15.8.0",
@@ -21,6 +22,7 @@
         "react-native-paper": "^3.12.0",
         "react-native-safe-area-context": "4.4.1",
         "react-native-screens": "~3.18.0",
+        "react-native-smooth-pincode-input": "^1.0.9",
         "react-native-svg": "^13.4.0",
         "react-native-vector-icons": "^9.2.0",
         "react-native-web": "~0.18.9",
@@ -8900,6 +8902,16 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/deprecated-react-native-prop-types": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/deprecated-react-native-prop-types/-/deprecated-react-native-prop-types-2.2.0.tgz",
+      "integrity": "sha512-SiessglRbgelU8sHCrGRImdlNKfVGSp0n6+K304d0rCdHGU8wladJkPmufxE2AkjN2jy71sgekNd9IvdZp9jZg==",
+      "dependencies": {
+        "@react-native/normalize-color": "*",
+        "invariant": "*",
+        "prop-types": "*"
+      }
+    },
     "node_modules/des.js": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
@@ -16863,6 +16875,14 @@
         "react": "18.1.0"
       }
     },
+    "node_modules/react-native-animatable": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/react-native-animatable/-/react-native-animatable-1.3.3.tgz",
+      "integrity": "sha512-2ckIxZQAsvWn25Ho+DK3d1mXIgj7tITkrS4pYDvx96WyOttSvzzFeQnM2od0+FUMzILbdHDsDEqZvnz1DYNQ1w==",
+      "dependencies": {
+        "prop-types": "^15.7.2"
+      }
+    },
     "node_modules/react-native-codegen": {
       "version": "0.70.6",
       "resolved": "https://registry.npmjs.org/react-native-codegen/-/react-native-codegen-0.70.6.tgz",
@@ -16986,6 +17006,18 @@
         "react-native": "*"
       }
     },
+    "node_modules/react-native-smooth-pincode-input": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/react-native-smooth-pincode-input/-/react-native-smooth-pincode-input-1.0.9.tgz",
+      "integrity": "sha512-4V4tyUGJaze55FHuJW/gYVOD3fc4Pd7cTIrv7liTRIXR49y09C2O3XqJUdgNR+UwTgLrTt/8L2lvEuEVUk3kig==",
+      "dependencies": {
+        "prop-types": "^15.5.10",
+        "react-native-animatable": "^1.3.0"
+      },
+      "peerDependencies": {
+        "react-native": "*"
+      }
+    },
     "node_modules/react-native-svg": {
       "version": "13.4.0",
       "resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-13.4.0.tgz",

MocionesIUPI/package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@apollo/client": "^3.7.2",
     "@expo/webpack-config": "^0.17.2",
+    "deprecated-react-native-prop-types": "^2.2.0",
     "expo": "~47.0.6",
     "expo-status-bar": "~1.4.2",
     "graphql": "^15.8.0",
@@ -22,6 +23,7 @@
     "react-native-paper": "^3.12.0",
     "react-native-safe-area-context": "4.4.1",
     "react-native-screens": "~3.18.0",
+    "react-native-smooth-pincode-input": "^1.0.9",
     "react-native-svg": "^13.4.0",
     "react-native-vector-icons": "^9.2.0",
     "react-native-web": "~0.18.9",

MocionesIUPI/screens/HomeScreen.js

@@ -4,12 +4,13 @@ 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
+  {/*
+  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.190.1.140:5000/send?PIN=121071'); // connection to the website 
+        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 
@@ -20,14 +21,17 @@ export default App = ({ navigation }) => {
       } 
       
     }
+    */}
 
     const pressHandler = () => {
-        navigation.navigate('Pinpage', {Pin:PIN});
+        navigation.navigate('Pinpage');
     }
     
+    {/*
     useEffect(() => {
         getMociones();
       }, []);
+    */}
 
     return (
         <View style = {globalStyles.container}>

MocionesIUPI/screens/MocionScreen.js

@@ -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.190.1.140:5000/send?PIN=121071');
+      const response = await fetch('http://10.0.0.65:5000/send?PIN=894761');
       const json = await response.json();
       setMocion(json.Mocion);
       setDescription(json.Description);

MocionesIUPI/screens/PincodeScreen.js

@@ -2,11 +2,35 @@ import React from "react";
 import { StyleSheet, View, Text, Button } from 'react-native';
 import { globalStyles } from "../styles/global";
 import SmoothPinCodeInput from 'react-native-smooth-pincode-input';
-
+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) => {
+       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."){
+          alert("Error: No hay mocion con ese PIN.")
+        } else {
+          this.setState({ pincode: true});
+        }
+        
+  
+      } catch (error) {
+        console.error(error);
+      } 
+      
+    }
+    
+
     
     pressHandler = () => {
     {/*Dentro del parentesis va el path al screen para redirigir*/}
@@ -20,12 +44,17 @@ export default class App extends React.Component {
     pinInput = React.createRef();
   
     _checkCode = (code) => {
-      if (code != this.props.navigation.state.params.Pin) { //this is for recieving the parameters from another screen
+
+      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});
       }
+    */} 
     }
   
     render() {
@@ -41,7 +70,7 @@ export default class App extends React.Component {
               value={code}
               codeLength={6}
               onTextChange={code => this.setState({ code })}
-              onFulfill={this._checkCode}
+              onFulfill={this.getMociones}
               onBackspace={() => console.log('No more back.')}
               />
           </View>