add keypress (#2303)

frontend/src/components/menu-component/menu-dialog/create-fileforder-dialog.js

@@ -27,6 +27,12 @@ class CreateFileForder extends React.Component {
     }
   } 
 
+  handleKeyPress = (e) => {
+    if (e.key === 'Enter') {
+      this.handleSubmit();
+    }
+  }
+
   toggle = () => {
     if (this.props.isFile) {
       this.props.addFileCancel();
@@ -83,7 +89,7 @@ class CreateFileForder extends React.Component {
             <FormGroup row>
               <Label for="fileName" sm={3}>{gettext("Name")}: </Label>
               <Col sm={9}>
-                <Input innerRef={input => {this.newInput = input}} id="fileName" placeholder={gettext("newName")} value={this.state.childName} onChange={this.handleChange}/>
+                <Input onKeyPress={this.handleKeyPress} innerRef={input => {this.newInput = input}} id="fileName" placeholder={gettext("newName")} value={this.state.childName} onChange={this.handleChange}/>
               </Col>
             </FormGroup>
           </Form>

frontend/src/components/menu-component/menu-dialog/rename-dialog.js

@@ -21,6 +21,12 @@ class Rename extends React.Component {
     this.props.onRename(this.state.newName);
   }
 
+  handleKeyPress = (e) => {
+    if (e.key === 'Enter') {
+      this.handleSubmit()
+    } 
+  }
+
   toggle = () => {
     this.props.toggleCancel();
   }
@@ -59,7 +65,7 @@ class Rename extends React.Component {
         <ModalHeader toggle={this.toggle}>{type === 'file' ? gettext("Rename File") : gettext("Rename Folder") }</ModalHeader>
         <ModalBody>
           <p>{type === 'file' ? gettext("Enter the new file name:"): gettext("Enter the new folder name:")}</p>
-          <Input innerRef={input => {this.newInput = input}} placeholder="newName" value={this.state.newName} onChange={this.handleChange} />
+          <Input onKeyPress={this.handleKeyPress} innerRef={input => {this.newInput = input}} placeholder="newName" value={this.state.newName} onChange={this.handleChange} />
         </ModalBody>
         <ModalFooter>
           <Button color="primary" onClick={this.handleSubmit}>{gettext("Submit")}</Button>