Fix SessionForm component edit mode
authorsalimr <riwad.salim@yahoo.fr>
Tue, 09 Oct 2018 18:54:42 +0200
changeset 164 30a5baa31314
parent 163 78c54cb473cd
child 165 62e5be0df812
Fix SessionForm component edit mode
client/src/components/SessionForm.js
--- a/client/src/components/SessionForm.js	Tue Oct 09 11:03:18 2018 +0200
+++ b/client/src/components/SessionForm.js	Tue Oct 09 18:54:42 2018 +0200
@@ -17,31 +17,31 @@
     enterKeyValue: false,
   }
 
-onChange = (e) => {
-  const { name, value } = e.target;
-  const changes = { [name]: value }
-  this.onChangeThrottle(changes);
-}
+  onChange = (e) => {
+    const { name, value } = e.target;
+    const changes = { [name]: value }
+    this.onChangeThrottle(changes);
+  }
 
-onChangeThrottle = _.debounce((changes) => {
-  this.props.sessionsActions.updateSession(this.props.currentSession, changes);
-}, 750)
+  onChangeThrottle = _.debounce((changes) => {
+    this.props.sessionsActions.updateSession(this.props.currentSession, changes);
+  }, 750)
 
-onGroupChange = (e) => {
-  const groupName = e.target.value;
+  onGroupChange = (e) => {
+    const groupName = e.target.value;
 
-  const group = this.props.groups.find((g) => g.get('name') === groupName);
+    const group = this.props.groups.find((g) => g.get('name') === groupName);
 
-  this.props.sessionsActions.updateSession(this.props.currentSession, { group: groupName, protocol: group?group.get('protocol'):'' });
-}
+    this.props.sessionsActions.updateSession(this.props.currentSession, { group: groupName, protocol: group?group.get('protocol'):'' });
+  }
 
-componentDidMount() {
-  document.addEventListener('mousedown', this.handleClickOutside);
-}
+  componentDidMount() {
+    document.addEventListener('mousedown', this.handleClickOutside);
+  }
 
-componentWillUnmount() {
-  document.removeEventListener('mousedown', this.handleClickOutside);
-}
+  componentWillUnmount() {
+    document.removeEventListener('mousedown', this.handleClickOutside);
+  }
 
   componentWillUpdate = (nextProps, nextState) => {
     if (nextState.createGroup && nextProps.createGroup.get('success')) {
@@ -56,29 +56,25 @@
     });
   }
 
-  toggleOnTitleEditMode = (e) => {
-    e.preventDefault();
+  toggleOnTitleEditMode = () => {
     this.setState({
       titleEditMode: true,
     });
   }
 
-  toggleOnDescriptionEditMode = (e) => {
-    e.preventDefault();
+  toggleOnDescriptionEditMode = () => {
     this.setState({
       descriptionEditMode: true,
     });
   }
 
-  toggleOffTitleEditMode = (e) => {
-    e.preventDefault();
+  toggleOffTitleEditMode = () => {
     this.setState({
       titleEditMode: false,
     });
   }
 
-  toggleOffDescriptionEditMode = (e) => {
-    e.preventDefault();
+  toggleOffDescriptionEditMode = () => {
     this.setState({
       descriptionEditMode: false,
     });
@@ -86,17 +82,16 @@
 
   handleClickOutside = (e) => {
     if (this.title && !this.title.contains(e.target)) {
-      this.toggleOffTitleEditMode(e)
+      this.toggleOffTitleEditMode()
     }
 
     if (this.desc && !this.desc.contains(e.target)) {
-      this.toggleOffDescriptionEditMode(e)
+      this.toggleOffDescriptionEditMode()
     }
   }
 
   saveEdit = (e) => {
 
-    e.preventDefault();
 
     if (e.key === 'Enter') {
       this.setState({enterKeyValue: true})
@@ -107,8 +102,6 @@
     }
 
     if (e.key === 'Enter' && this.state.enterKeyValue === true) {
-
-      e.preventDefault();
       this.setState({
         enterKeyValue: false,
         titleEditMode: false,