Change share dialog (#4245)

* fix share dialog dropdown memu style

* fix some warnings

frontend/src/components/dialog/add-abuse-report-dialog.js

@@ -78,11 +78,11 @@ class AddAbuseReportDialog extends React.Component {
               </Input>
             </FormGroup>
             <FormGroup>
-              <Label>{gettext("Contact Information")}</Label>
+              <Label>{gettext('Contact Information')}</Label>
               <Input type="text" value={this.state.reporter} onChange={(event) => this.setReporter(event)}/>
             </FormGroup>
             <FormGroup>
-              <Label>{gettext("Description")}</Label>
+              <Label>{gettext('Description')}</Label>
               <Input type="textarea" onChange={(event) => this.setDescription(event)}/>
             </FormGroup>
           </Form>

frontend/src/components/file-uploader/upload-list-item.js

@@ -20,7 +20,7 @@ class UploadListItem extends React.Component {
     super(props);
     this.state = {
       uploadState: UPLOAD_UPLOADING
-    }
+    };
   }
 
   componentWillReceiveProps(nextProps) {
@@ -49,7 +49,7 @@ class UploadListItem extends React.Component {
 
   onUploadRetry = (e) => {
     e.preventDefault();
-    this.props.onUploadRetry(this.props.resumableFile)
+    this.props.onUploadRetry(this.props.resumableFile);
   }
 
   formatFileSize = (size) => {

frontend/src/components/main-side-nav.js

@@ -68,11 +68,11 @@ class MainSideNav extends React.Component {
     if (window.uploader &&
       window.uploader.isUploadProgressDialogShow &&
       window.uploader.totalProgress !== 100) {
-        if (!window.confirm(gettext('A file is being uploaded. Are you sure you want to leave this page?'))) {
+      if (!window.confirm(gettext('A file is being uploaded. Are you sure you want to leave this page?'))) {
-          e.preventDefault();
+        e.preventDefault();
-          return false;
+        return false;
-        }
+      }
-        window.uploader.isUploadProgressDialogShow = false;
+      window.uploader.isUploadProgressDialogShow = false;
     }
     this.props.tabItemClick(param, id);
   }

frontend/src/css/share-link-dialog.css

@@ -3,7 +3,6 @@
     min-height: 27rem;
     display: flex;
     flex-direction: row;
-    overflow: hidden;
 }
 
 .share-dialog-content .share-dialog-side {
@@ -22,16 +21,17 @@
     flex: 0 0 78%;
     padding: 1rem 1.5rem 2rem;
 }
+
 .share-dialog-content .share-dialog-main .tab-content {
     flex: 1;
 }
+
 .share-dialog-content .share-dialog-main .tab-pane {
     height: 100%;
 }
 
 .share-list-container {
     max-height: 18rem;
-    overflow: auto;
     height: 100%;
 }
 

frontend/src/pages/my-libs/mylib-repo-list-item.js

@@ -18,7 +18,7 @@ import LabelRepoStateDialog from '../../components/dialog/label-repo-state-dialo
 import LibSubFolderPermissionDialog from '../../components/dialog/lib-sub-folder-permission-dialog';
 import Rename from '../../components/rename';
 import MylibRepoMenu from './mylib-repo-menu';
-import RepoAPITokenDialog from "../../components/dialog/repo-api-token-dialog";
+import RepoAPITokenDialog from '../../components/dialog/repo-api-token-dialog';
 
 const propTypes = {
   repo: PropTypes.object.isRequired,
@@ -119,9 +119,9 @@ class MylibRepoListItem extends React.Component {
     if (this.state.isStarred) {
       seafileAPI.unstarItem(this.props.repo.repo_id, '/').then(() => {
         this.setState({isStarred: !this.state.isStarred});
-          const msg = gettext('Successfully unstarred {library_name_placeholder}.')
+        const msg = gettext('Successfully unstarred {library_name_placeholder}.')
-            .replace('{library_name_placeholder}', repoName);
+          .replace('{library_name_placeholder}', repoName);
-          toaster.success(msg);
+        toaster.success(msg);
       }).catch(error => {
         let errMessage = Utils.getErrorMsg(error);
         toaster.danger(errMessage);
@@ -129,9 +129,9 @@ class MylibRepoListItem extends React.Component {
     } else {
       seafileAPI.starItem(this.props.repo.repo_id, '/').then(() => {
         this.setState({isStarred: !this.state.isStarred});
-          const msg = gettext('Successfully starred {library_name_placeholder}.')
+        const msg = gettext('Successfully starred {library_name_placeholder}.')
-            .replace('{library_name_placeholder}', repoName);
+          .replace('{library_name_placeholder}', repoName);
-          toaster.success(msg);
+        toaster.success(msg);
       }).catch(error => {
         let errMessage = Utils.getErrorMsg(error);
         toaster.danger(errMessage);

frontend/src/pages/sys-admin/users/user-nav.js

@@ -23,7 +23,7 @@ class Nav extends React.Component {
   render() {
     const { currentItem, email, userName } = this.props;
     return (
-     <div>
+      <div>
         <div className="cur-view-path">
           <h3 className="sf-heading"><Link to={`${siteRoot}sys/users/`}>{gettext('Users')}</Link> / {userName}</h3>
         </div>