on change

src/UserComponents/Calendar/Calendar.js

@@ -637,8 +637,22 @@ export default class Calendar extends Component {
   }
   _eventTapped(event) {
     // alert((event.title));
+    // this.setState({
+    //   event: event,
+      
+    // })
     this.setState({
-      event: event
+      title: event.title,
+      start: event.start,
+      end: event.end,
+      summary:event.summary,
+      status:event.status,
+      eventdescription:event.eventdescription,
+      Id:event.Id,
+      Location:event.Location
+
+
+      
     })
     this.setModalVisible(true)
   }
@@ -714,11 +728,11 @@ export default class Calendar extends Component {
         <Modal isVisible={modalVisible} style={this.state.event.status === 0 ? styles.mssize : styles.mbsize}>
           <View style={{ backgroundColor: 'white', padding: 10 }}>
             <View style={{ width: '100%', backgroundColor: '#00A2C1', padding: 2 }}>
-              <Text style={{ color: 'white', fontSize: 16 }}>{this.state.event.title}</Text>
+              <Text style={{ color: 'white', fontSize: 16 }}>{this.state.title}</Text>
             </View>
-            <Text style={{ padding: 5 }}>{this.state.event.start}</Text>
-            <Text style={{ paddingLeft: 5 }}>{this.state.event.summary}</Text>
-            <Text style={{ paddingLeft: 5, paddingTop: 5 }}>{this.state.event.Location}</Text>
+            <Text style={{ padding: 5 }}>{this.state.start}</Text>
+            <Text style={{ paddingLeft: 5 }}>{this.state.summary}</Text>
+            <Text style={{ paddingLeft: 5, paddingTop: 5 }}>{this.state.Location}</Text>
 
             <TouchableOpacity style={{ padding: 5, backgroundColor: '#00A2C1', marginLeft: 8, borderRadius: 10, width: 50, left: '80%' }}
               onPress={() => this.setModalVisible(!modalVisible)}
@@ -726,7 +740,7 @@ export default class Calendar extends Component {
               <Text style={{ color: 'white', fontSize: 12 }}>CLOSE</Text>
             </TouchableOpacity>
             {
-              this.state.event.status &&
+              this.state.status &&
               <View>
                 <View
                   style={{
@@ -740,9 +754,15 @@ export default class Calendar extends Component {
                 <View style={{ marginLeft: 10, width: '100%', }}>
 
                   <Text style={{ color: 'red' }}>{this.state.error2}</Text>
+                 
+
                   <TextInput placeholder="Title" style={{ width: '90%', borderBottomWidth: 0.5, borderBottomColor: 'black' }}
-                    value={this.state.event.title}
-                    onChangeText={(text) => this.setState({ title: text })}></TextInput>
+                  value={this.state.title}
+                    onChangeText={(text) => this.setState({title: text})}
+                    
+                    >
+
+                    </TextInput>
 
                 </View>
 
@@ -872,7 +892,7 @@ export default class Calendar extends Component {
 
                   <Text style={{ color: 'red' }}>{this.state.error2}</Text>
                   <TextInput placeholder="Description" style={{ width: '90%', borderBottomWidth: 0.5, borderBottomColor: 'black' }}
-                    value={this.state.event.eventdescription}
+                    value={this.state.eventdescription}
                     onChangeText={(eventdescription) => this.setState({ eventdescription: eventdescription })}></TextInput>
 
                 </View>