Pantalla de analisis añadida

Navigation.js

@@ -16,7 +16,7 @@ const StackDenuncias = createNativeStackNavigator();
 function Stacks() {
   return (
     <StackDenuncias.Navigator initialRouteName="DenunciasIni">
-      <StackDenuncias.Screen name="DenunciasIni" component={Denuncias} />
+      <StackDenuncias.Screen name="Denuncias" component={Denuncias} />
       <StackDenuncias.Screen name="Formulario" component={Formulario} />
       <StackDenuncias.Screen name="Lista" component={Lista} />
       <StackDenuncias.Screen name="Drna" component={Drna} />

screens/Analisis.js

@@ -3,24 +3,146 @@ import {
   View,
   Text,
   StyleSheet,
-  TouchableOpacity,
-  TextInput,
 } from "react-native";
 
+// TOOL DESCRIPTIONS
+const bodyEJScreen = "EJScreen es..... Presione para ir al enlace."
+const bodyCEJST = "CEJST es..... Presione para ir al enlace."
+const bodyEJAtlas = "EJAtlas es..... Presione para ir al enlace."
+const bodyIPCC = "El ''Intergovernmental Panel on Climate Change'' o IPCC es..... Presione para ir al enlace."
+
 const Analisis = () => {
   return (
-    <View>
-      <Text
-        style={{
-          fontSize: 30,
-          textAlign: "center",
-          marginTop: "20%",
-        }}
-      >
-        Herramientas de analisis
-      </Text>
-    </View>
-  );
-};
+  <View>
+
+    {/* TAB TITLE CODE*/}
+    {/* TAB TITLE */}
+    <Text style={styles.Tab}> 
+      Enlaces a Herramientas de Análisis Externas
+    </Text>
+  
+    {/* FIRST TOOL CODE*/}
+    {/* FIRST TOOL TITLE */}
+    <View style={styles.Number}>
+      <Text style={styles.Number}>
+        1)
+      </Text>
+      <Text style={styles.Title} 
+        onPress={ ()=> Linking.openURL('https://ejscreen.epa.gov/mapper/') }>
+        Enlace a EJScreen
+      </Text>
+    </View>
+    {/* FIRST TOOL BODY */}
+    <View style={styles.Bullet}>
+      <Text style={styles.Bullet}>
+        {'\u002D'}
+      </Text>
+      <Text style={styles.Body}>
+        {bodyEJScreen}
+      </Text>
+    </View>
+    
+    {/* SECOND TOOL CODE*/}
+    {/* SECOND TOOL TITLE */}
+    <View style={styles.Number}>
+      <Text style={styles.Number}>
+        2)</Text>
+      <Text style={styles.Title} 
+        onPress={ ()=> Linking.openURL('https://screeningtool.geoplatform.gov/en/#3/33.47/-97.5') }>
+        Enlace a CEJST
+      </Text>
+    </View>
+    {/* SECOND TOOL BODY */}
+    <View style={styles.Bullet}>
+      <Text style={styles.Bullet}>
+        {'\u002D'}
+      </Text>
+      <Text style={styles.Body}>
+        {bodyCEJST}
+      </Text>
+    </View>
+  
+    {/* THIRD TOOL CODE*/}
+    {/* THIRD TOOL TITLE */}
+    <View style={styles.Number}>
+      <Text style={styles.Number}>
+        3)
+      </Text>
+      <Text style={styles.Title} 
+        onPress={ ()=> Linking.openURL('https://ejatlas.org/') }>
+        Enlace a EJAtlas
+      </Text>
+    </View>
+    {/* THIRD TOOL BODY */}
+    <View style={styles.Bullet}>
+      <Text style={styles.Bullet}>
+        {'\u002D'}
+      </Text>
+      <Text style={styles.Body}>
+         {bodyEJAtlas}
+      </Text>
+    </View>
+  
+    {/* FOURTH TOOL CODE*/}
+    {/* FOURTH TOOL TITLE */}
+    <View style={styles.Number}>
+      <Text style={styles.Number}>
+        4)
+      </Text>
+      <Text style={styles.Title} 
+        onPress={ ()=> Linking.openURL('https://www.ipcc.ch/') }>
+        Enlace al IPCC
+      </Text>
+    </View>
+    {/* FOURTH TOOL BODY */}
+    <View style={styles.Bullet}>
+      <Text style={styles.Bullet}>
+        {'\u002D'}
+      </Text>
+      <Text style={styles.Body}>
+        {bodyIPCC}
+      </Text>
+    </View>
+          
+  </View>
+)}
+  
+const styles = StyleSheet.create({
+  Tab: { fontSize: 30,
+         textAlign: "center",
+         marginTop: "12%",
+         marginLeft: "1.4%",
+         marginRight: "1.4%"
+        },
+  
+  Number: { fontSize: 23,
+            textAlign: "left",
+            marginLeft: "2.5%",
+            marginTop: "5.5%",
+            flexDirection: 'row'
+          },
+  
+  Title: { fontSize: 23,
+           textAlign: "left",
+           marginTop: "5.5%", 
+           color: "#6495ed",
+           flex: 0,
+           paddingLeft: 6
+          },
+  
+  Body: { fontSize: 18,
+          textAlign: "left",
+          marginTop: "2%",
+          flex: 1, 
+          paddingLeft: 5
+        },
+  
+  Bullet: { fontSize: 18,
+            textAlign: "left",
+            marginLeft: "6%",
+            marginTop: "2%",
+            flexDirection: 'row'
+          }
+});
 
 export default Analisis;

screens/Drna.js

@@ -27,7 +27,7 @@ const postData = (URL, data) => {
 };
 
 const Drna = () => {
-  const URL = "http://192.168.50.171:5000/complaints/add";
+  const URL = "http://192.168.7.178:5001/complaints/add";
   const [name, onChangeName] = React.useState(null);
   const [email, onChangeEmail] = React.useState(null);
   const [place, onChangePlace] = React.useState(null);
@@ -108,6 +108,7 @@ const Drna = () => {
             name: name,
             email: email,
             place: place,
+            complaint_status: "pending",
             complaint_type: selected.valueOf(),
             complaint_description: description,
           })

screens/Lista.js

@@ -14,7 +14,7 @@ const Lista = () => {
 
   const getComplaints = async () => {
     try {
-      const response = await fetch("http://192.168.50.171:5000/complaints/all");
+      const response = await fetch("http://192.168.7.178:5001/complaints/all");
       const json = await response.json();
       setData(json.Complaints);
     } catch (error) {
@@ -40,7 +40,7 @@ const Lista = () => {
             <Text style={{ padding: 8 }}>
               ID:{item.id}, Tipo de denuncia: {item.complaint_type}, Hecha por:{" "}
               {item.name}, en el lugar: {item.place}, descripcion del problema:{" "}
-              {item.complaint_description}
+              {item.complaint_description}, estatus:{"En espera"}
             </Text>
           )}
         />