From de3a9fe001d34b09a8fce12d956bc816583b974a Mon Sep 17 00:00:00 2001
From: shanshuirenjia <978987373@qq.com>
Date: Mon, 17 Dec 2018 11:54:25 +0800
Subject: [PATCH] adjust new dialog style

---
 .../components/dialog/create-file-dialog.js   | 31 +++++++++----------
 .../components/dialog/create-folder-dialog.js | 23 +++++++-------
 2 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/frontend/src/components/dialog/create-file-dialog.js b/frontend/src/components/dialog/create-file-dialog.js
index 0d7796fbd6..8df41dcedb 100644
--- a/frontend/src/components/dialog/create-file-dialog.js
+++ b/frontend/src/components/dialog/create-file-dialog.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button, Modal, ModalHeader, Input, ModalBody, ModalFooter, Form, FormGroup, Label, Col, FormText } from 'reactstrap';
+import { Button, Modal, ModalHeader, Input, ModalBody, ModalFooter, Form, FormGroup, Label } from 'reactstrap';
 import { gettext } from '../../utils/constants';
 
 const propTypes = {
@@ -109,28 +109,27 @@ class CreateFile extends React.Component {
         <ModalHeader toggle={this.toggle}>{gettext('New File')}</ModalHeader>
         <ModalBody>
           <Form>
-            <FormGroup row>
-              <Label sm={3}>Parent path: </Label>
-              <Col sm={9} className="parent-path"><FormText>{this.state.parentPath}</FormText></Col>
+            <FormGroup>
+              <Label for="fileName">{gettext('Name')}</Label>
+              <Input 
+                onKeyPress={this.handleKeyPress} 
+                innerRef={input => {this.newInput = input;}} 
+                id="fileName" 
+                placeholder={gettext('new name')} 
+                value={this.state.childName} 
+                onChange={this.handleChange}
+              />
             </FormGroup>
-            <FormGroup row>
-              <Label for="fileName" sm={3}>{gettext('Name')}: </Label>
-              <Col sm={9}>
-                <Input onKeyPress={this.handleKeyPress} innerRef={input => {this.newInput = input;}} id="fileName" placeholder={gettext('newName')} value={this.state.childName} onChange={this.handleChange}/>
-              </Col>
-            </FormGroup>
-            <FormGroup row>
-              <Label sm={3} check />
-              <Col sm={9}>
+            <FormGroup check>
+              <Label check>
                 <Input type="checkbox" onChange={this.handleCheck}/>{'  '}{gettext('This is a draft.')}
-              </Col>
+              </Label>
             </FormGroup>
-
           </Form>
         </ModalBody>
         <ModalFooter>
-          <Button color="primary" onClick={this.handleSubmit}>{gettext('Submit')}</Button>
           <Button color="secondary" onClick={this.toggle}>{gettext('Cancel')}</Button>
+          <Button color="primary" onClick={this.handleSubmit}>{gettext('Submit')}</Button>
         </ModalFooter>
       </Modal>
     );
diff --git a/frontend/src/components/dialog/create-folder-dialog.js b/frontend/src/components/dialog/create-folder-dialog.js
index 843d6866f0..7176035425 100644
--- a/frontend/src/components/dialog/create-folder-dialog.js
+++ b/frontend/src/components/dialog/create-folder-dialog.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button, Modal, ModalHeader, Input, ModalBody, ModalFooter, Form, FormGroup, Label, Col, FormText } from 'reactstrap';
+import { Button, Modal, ModalHeader, Input, ModalBody, ModalFooter, Form, FormGroup, Label } from 'reactstrap';
 import { gettext } from '../../utils/constants';
 
 const propTypes = {
@@ -58,21 +58,22 @@ class CreateForder extends React.Component {
         <ModalHeader toggle={this.toggle}>{gettext('New Folder')}</ModalHeader>
         <ModalBody>
           <Form>
-            <FormGroup row>
-              <Label sm={3}>Parent path: </Label>
-              <Col sm={9} className="parent-path"><FormText>{this.state.parentPath}</FormText></Col>
-            </FormGroup>
-            <FormGroup row>
-              <Label for="fileName" sm={3}>{gettext('Name')}: </Label>
-              <Col sm={9}>
-                <Input onKeyPress={this.handleKeyPress} innerRef={input => {this.newInput = input;}} id="fileName" placeholder={gettext('newName')} value={this.state.childName} onChange={this.handleChange}/>
-              </Col>
+            <FormGroup>
+              <Label for="folderName">{gettext('Name')}</Label>
+              <Input 
+                id="folderName" 
+                placeholder={gettext('new name')} 
+                value={this.state.childName} 
+                innerRef={input => {this.newInput = input;}} 
+                onKeyPress={this.handleKeyPress} 
+                onChange={this.handleChange}
+              />
             </FormGroup>
           </Form>
         </ModalBody>
         <ModalFooter>
-          <Button color="primary" onClick={this.handleSubmit}>{gettext('Submit')}</Button>
           <Button color="secondary" onClick={this.toggle}>{gettext('Cancel')}</Button>
+          <Button color="primary" onClick={this.handleSubmit}>{gettext('Submit')}</Button>
         </ModalFooter>
       </Modal>
     );