More SQL development

Still doesnt work but it is very close

App.js

@@ -9,6 +9,7 @@ import Donate from './screens/donar';
 import Solicitar from './screens/solicitar';
 import Account from './screens/account';
 import Header from './shared/header';
+import EventSearch from './screens/eventSearch';
 
 const screens = {
   About: {
@@ -81,6 +82,12 @@ export default function App() {
               headerTitle: () => <Header navigation={navigation}/>,
           }
         }}/>    
+        <Drawer.Screen name="Event Search" component={EventSearch} 
+        options={({navigation}) => {
+          return {
+              headerTitle: () => <Header navigation={navigation}/>,
+          }
+        }}/> 
       </Drawer.Navigator>
     </NavigationContainer>
   );

screens/calendar.js

@@ -15,95 +15,3 @@ const styles = StyleSheet.create({
         padding: 24
     }
 });
-    // constructor(props)
-    // {
-    //     super(props);
-    //     this.state={eid:'',name:'',Sdate:'',Edate:'',Pcount:'',Plimit:'',description:''};
-    // }
-    // SearchDB=()=>
-    // {
-    //     var findeid=this.state.eid;
-
-    //     if(eid.length==0)
-    //     {
-    //         alert('required filed');
-    //     }
-    //     else{
-    //         var searchAPIURL='https://ada.uprrp.edu/~pablo.puig1/TPMG/React.php'
-
-    //         var header={
-    //                 'Accept':'application/json',
-    //                 'Content-Type':'application/json'
-    //         };
-
-    //         var Data={
-    //             eid:eid
-    //         };
-
-    //         fetch(
-    //             searchAPIURL,
-    //             {
-    //                 method:'POST',
-    //                 headers:header,
-    //                 body: JSON.stringify(Data)
-    //             }
-    //         )
-    //         .then((response)=>response.json())
-    //         .then((response)=>
-    //         {
-    //             this.setState({eid:response[0].eid});
-    //             this.setStare({name:response[0].name});
-    //             this.setState({Sdate:response[0].Sdate});
-    //             this.setState({Edate:response[0].Edate});
-    //             this.setState({Pcount:response[0].Pcount});
-    //             this.setState({Plimit:response[0].Plimit});
-    //             this.setState({description:response[0].description});
-    //         })
-    //         .catch((error)=>
-    //         {
-    //             alert("ERROR: "+ error);
-    //         })
-    //     }
-    // }
-    // render()
-    // {
-    //     return(
-    //         <View style={styles.viewStyle}>
-    //                 <TextInput
-    //                     placeholder={""}
-    //                     style={styles.txtStyle}
-    //                 />
-    //                 <TextInput
-    //                     style={styles.txtStyle}
-    //                     value={this.state.eid.toString()}
-    //                 />
-    //                 <TextInput
-    //                     style={styles.txtStyle}
-    //                     value={this.state.name.toString()}
-    //                 />
-    //                 <TextInput
-    //                     style={styles.txtStyle}
-    //                     value={this.state.Sdate.toString()}
-    //                 />
-    //                 <TextInput
-    //                     style={styles.txtStyle}
-    //                     value={this.state.Edate.toString()}
-    //                 />
-    //                 <TextInput
-    //                     style={styles.txtStyle}
-    //                     value={this.state.Pcount.toString()}
-    //                 />
-    //                 <TextInput
-    //                     style={styles.txtStyle}
-    //                     value={this.state.Plimit.toString()}
-    //                 />
-    //                 <TextInput
-    //                     style={styles.txtStyle}
-    //                     value={this.state.description.toString()}
-    //                 />
-
-
-    //         </View>
-
-    //     );
-    // }

screens/eventSearch.js

@@ -0,0 +1,131 @@
+import { alignProperty } from '@mui/material/styles/cssUtils';
+import React,{Component} from 'react';
+import {View, Text, TextInput, Button, StyleSheet} from 'react-native';
+
+
+export default class EventSearch extends Component
+{
+    constructor(props)
+    {
+        super(props);
+        this.state={EID:'',Name:'',Sdate:'',Edate:'',Pcount:'',Plimit:'',Description:''};
+    }
+    SearchEvent=()=>
+    {
+        var EID=this.state.EID;
+
+        if(EID.length==0)
+        {
+            
+            alert('Field is blank');
+        }
+        else
+        { 
+            var SearchAPIURL="https://ada.uprrp.edu/~pablo.puig1/TPMG/React.php";
+
+            var header={
+                    'Accept':'application/json',
+                    'Content-Type':'application/json'
+            };
+
+            var Data={
+                EID:EID
+            };
+
+            fetch(
+                SearchAPIURL,
+                {
+                    method:'POST',
+                    headers:header,
+                    body: JSON.stringify(Data)
+                }
+            )
+            .then((response)=>response.json())
+            .then((response)=>
+            {
+                this.setState({EID:response[0].EID});
+                this.setState({Name:response[0].Name});
+                this.setState({Sdate:response[0].Sdate});
+                this.setState({Edate:response[0].Edate});
+                this.setState({Pcount:response[0].Pcount});
+                this.setState({Plimit:response[0].Plimit});
+                this.setState({Description:response[0].Description});
+            })
+            .catch((error)=>
+            {
+                alert("Error: " + error);
+            })
+        }
+
+    }
+    render()
+    {
+        return(
+            <View style={styles.viewSyle}>
+                <TextInput
+                    placeholder={"Enter EID"}
+                    placeholderTextColor={"red"}
+                    keyboardType={"numeric"}
+                    style={styles.txtStyle}
+                    onChangeText={EID=>this.setState({EID})}
+                />
+                <Button
+                    title={"Find Event"}
+                    onPress={this.SearchEvent}
+                />
+                <TextInput
+                    style={styles.txtStyle}
+                    value={this.state.EID}
+                />
+
+                <TextInput
+                    style={styles.txtStyle}
+                    value={this.state.Name}
+                />
+
+                <TextInput
+                    style={styles.txtStyle}
+                    value={this.state.Sdate}
+                />
+
+                <TextInput
+                    style={styles.txtStyle}
+                    value={this.state.Edate}
+                />
+
+                <TextInput
+                    style={styles.txtStyle}
+                    value={this.state.Pcount}
+                />
+
+                <TextInput
+                    style={styles.txtStyle}
+                    value={this.state.Plimit}
+                />
+
+                <TextInput
+                    style={styles.txtStyle}
+                    value={this.state.Description}
+                />
+
+            </View>
+
+        );
+    }
+}
+const styles=StyleSheet.create({
+    viewSyle:
+    {
+        flex:1,
+        padding:1,
+        marginTop:90
+    
+    },
+    txtStyle:
+    {
+        borderBottomWidth:1,
+        borderBottonColor:'red',
+        marginBottom:20
+    }
+
+});

screens/solicitar.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StyleSheet, View, Text, Button, Linking } from 'text-native-paper';
+import { StyleSheet, View, Text, Button, Linking } from 'react-native';
 import Header from '../shared/header';
 // import '../shared/routes.js';
 
@@ -8,7 +8,6 @@ export default function Solicitar({navigation}) {
         <View style={styles.container}>
             <Text>Solicitar Screen{"\n\n"}</Text>
                 <Button
-                    mode="contained"
                     onPress={ () => {Linking.openURL("https://forms.gle/SciwvAdF3TAE6hE97")}}
                     title="Solicita Ayuda"
                     accessibilityLable="Solicitar presionando el botón"