Un nuevo comienzo

MocionesIUPI/screens/HomeScreen.js

@@ -4,9 +4,6 @@ import { StyleSheet, View, Text, Button } from 'react-native';
 import { globalStyles } from "../styles/global";
 
 export default App = ({ navigation }) => {
-    const [isLoading, setLoading] = useState(true);
-    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
   
     // this connects us to the API and fetches the json file with the mociones
@@ -16,8 +13,6 @@ export default App = ({ navigation }) => {
         const json = await response.json();
   
         // setting the content of each category 
-        setMocion(json.Mocion); 
-        setDescription(json.Description);
         setPIN(json.PIN);
   
       } catch (error) {

MocionesIUPI/screens/MocionScreen.js

@@ -7,7 +7,26 @@ export default App = () => {
   const [isLoading, setLoading] = useState(true);
   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
+  
+      // 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 json = await response.json();
+   
+         // setting the content of each category 
+         setMocion(json.Mocion); 
+         setDescription(json.Description);
+       } catch (error) {
+         console.error(error);
+       } finally {
+         setLoading(false); // once found the loading icon will be replaced with the content of the json
+       }
+     }
+
+     useEffect(() => {
+      getMociones();
+    }, []);
 
 
   // this is for displaying the mocion on the screen

MocionesIUPI/screens/PincodeScreen.js

@@ -9,7 +9,7 @@ export default class App extends React.Component {
     
     pressHandler = () => {
     {/*Dentro del parentesis va el path al screen para redirigir*/}
-      this.props.navigation.navigate('test')
+      this.props.navigation.navigate('Mocion')
     }
 
     state = {