Fix bugs (#3070)

* fix-loading

* fix-group-dialog

frontend/src/components/dialog/create-group-dialog.js

@@ -53,7 +53,7 @@ class CreateGroupDialog extends React.Component {
   render() {
     return(
       <Modal isOpen={this.props.showAddGroupModal} toggle={this.props.toggleAddGroupModal}>
-        <ModalHeader toggle={this.toggle}>{gettext('New Group')}</ModalHeader>
+        <ModalHeader toggle={this.props.toggleAddGroupModal}>{gettext('New Group')}</ModalHeader>
         <ModalBody>
           <label htmlFor="groupName">{gettext('Name')}</label>
           <Input type="text" id="groupName" value={this.state.groupName}

frontend/src/components/dialog/share-dialog.js

@@ -158,7 +158,7 @@ class ShareDialog extends React.Component {
     const enableShareLink = !repoEncrypted && canGenerateShareLink;
     return (
       <div>
-        <Modal isOpen={true} style={{maxWidth: '720px'}} className="share-dialog">
+        <Modal isOpen={true} style={{maxWidth: '720px'}} className="share-dialog" toggle={this.props.toggleDialog}>
           <ModalHeader toggle={this.props.toggleDialog}>{gettext('Share')} <span className="op-target" title={itemName}>{itemName}</span></ModalHeader>
           <ModalBody className="dialog-list-container share-dialog-content">
             {(itemType === 'library' || itemType === 'dir') && this.renderDirContent()}

frontend/src/components/select-editor/select-editor.js

@@ -81,9 +81,9 @@ class SelectEditor extends React.Component {
             options={this.options}
             className="permission-editor-select"
             classNamePrefix="permission-editor"
-            placeholder={gettext('Select...')}
+            placeholder={this.props.translateOption(currentOption)}
             onChange={this.onOptionChanged}
-            menuPlacement="auto"
+            captureMenuScroll={false}
           />
         }
         {(isTextMode && !this.state.isEditing) &&

frontend/src/draft.js

@@ -145,7 +145,8 @@ class Draft extends React.Component {
     const url = 'history-' + preCommitID + '-' + currentCommitID;
     this.setURL(url);
     this.setState({
-      activeItem: activeItem
+      activeItem: activeItem,
+      isLoading: true,
     });
     axios.all([
       seafileAPI.getFileRevision(draftRepoID, currentCommitID, currentItem.path),
@@ -417,7 +418,8 @@ class Draft extends React.Component {
   setDiffViewerContent = (newContent, prevContent) => {
     this.setState({
       draftContent: newContent,
-      draftOriginContent: prevContent  
+      draftOriginContent: prevContent,
+      isLoading: false,
     });
   }