[eslint] updated eslintrc and improved the code (#4702)

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

@@ -16,7 +16,7 @@ class GroupItem extends React.Component {
       isOperationShow: false
     };
   }
-  
+
   onMouseEnter = () => {
     this.setState({isOperationShow: true});
   }
@@ -42,7 +42,7 @@ class GroupItem extends React.Component {
       <tr onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
         <td className='name'>{item.group_info.name}</td>
         <td>
-          <SharePermissionEditor 
+          <SharePermissionEditor
             isTextMode={true}
             isEditIconShow={this.state.isOperationShow}
             currentPermission={currentPermission}
@@ -53,7 +53,7 @@ class GroupItem extends React.Component {
         <td>
           <span
             className={`sf2-icon-x3 action-icon ${this.state.isOperationShow ? '' : 'hide'}`}
-            onClick={this.deleteShareItem} 
+            onClick={this.deleteShareItem}
             title={gettext('Delete')}
           >
           </span>
@@ -71,9 +71,9 @@ class GroupList extends React.Component {
       <tbody>
         {items.map((item, index) => {
           return (
-            <GroupItem 
-              key={index} 
-              item={item} 
+            <GroupItem
+              key={index}
+              item={item}
               permissions={this.props.permissions}
               deleteShareItem={this.props.deleteShareItem}
               onChangeUserPermission={this.props.onChangeUserPermission}
@@ -150,7 +150,7 @@ class ShareToGroup extends React.Component {
 
   listSharedGroups = () => {
     let path = this.props.itemPath;
-    let repoID = this.props.repoID; 
+    let repoID = this.props.repoID;
     seafileAPI.listSharedItems(repoID, path, 'group').then((res) => {
       if(res.data.length !== 0) {
         this.setState({
@@ -170,7 +170,7 @@ class ShareToGroup extends React.Component {
   shareToGroup = () => {
     let groups = [];
     let path = this.props.itemPath;
-    let repoID = this.props.repoID; 
+    let repoID = this.props.repoID;
     let isGroupOwnedRepo = this.props.isGroupOwnedRepo;
     if (this.state.selectedOption && this.state.selectedOption.length > 0 ) {
       for (let i = 0; i < this.state.selectedOption.length; i ++) {
@@ -195,7 +195,7 @@ class ShareToGroup extends React.Component {
           };
           return sharedItem;
         });
-  
+
         this.setState({
           errorMsg: errorMsg,
           sharedItems: this.state.sharedItems.concat(items),
@@ -214,7 +214,7 @@ class ShareToGroup extends React.Component {
             errorMsg[i] = res.data.failed[i];
           }
         }
-  
+
         this.setState({
           errorMsg: errorMsg,
           sharedItems: this.state.sharedItems.concat(res.data.success),
@@ -230,11 +230,11 @@ class ShareToGroup extends React.Component {
 
   deleteShareItem = (groupID) => {
     let path = this.props.itemPath;
-    let repoID = this.props.repoID; 
+    let repoID = this.props.repoID;
     if (this.props.isGroupOwnedRepo) {
       seafileAPI.deleteGroupOwnedRepoSharedGroupItem(repoID, groupID, path).then(() => {
         this.setState({
-          sharedItems: this.state.sharedItems.filter(item => { return item.group_info.id !== groupID; }) 
+          sharedItems: this.state.sharedItems.filter(item => { return item.group_info.id !== groupID; })
         });
       }).catch(error => {
         let errMessage = Utils.getErrorMsg(error);
@@ -243,7 +243,7 @@ class ShareToGroup extends React.Component {
     } else {
       seafileAPI.deleteShareToGroupItem(repoID, path, 'group', groupID).then(() => {
         this.setState({
-          sharedItems: this.state.sharedItems.filter(item => { return item.group_info.id !== groupID; }) 
+          sharedItems: this.state.sharedItems.filter(item => { return item.group_info.id !== groupID; })
         });
       }).catch(error => {
         let errMessage = Utils.getErrorMsg(error);
@@ -272,7 +272,7 @@ class ShareToGroup extends React.Component {
       });
     }
   }
-  
+
   updateSharedItems = (item, permission) => {
     let groupID = item.group_info.id;
     let sharedItems = this.state.sharedItems.map(sharedItem => {
@@ -315,7 +315,7 @@ class ShareToGroup extends React.Component {
                 />
               </td>
               <td>
-                <SharePermissionEditor 
+                <SharePermissionEditor
                   isTextMode={false}
                   isEditIconShow={false}
                   currentPermission={this.state.permission}
@@ -327,7 +327,7 @@ class ShareToGroup extends React.Component {
                 <Button onClick={this.shareToGroup}>{gettext('Submit')}</Button>
               </td>
             </tr>
-            {this.state.errorMsg.length > 0 &&                  
+            {this.state.errorMsg.length > 0 &&
               this.state.errorMsg.map((item, index) => {
                 let errMessage = item.group_name + ': ' + item.error_msg;
                 return (
@@ -335,17 +335,17 @@ class ShareToGroup extends React.Component {
                     <td colSpan={3}><p className="error">{errMessage}</p></td>
                   </tr>
                 );
-              })                                                
+              })
             }
           </tbody>
         </table>
         <div className="share-list-container">
           <table className="table-thead-hidden w-xs-200">
             {thead}
-            <GroupList 
+            <GroupList
               items={this.state.sharedItems}
               permissions={this.permissions}
-              deleteShareItem={this.deleteShareItem} 
+              deleteShareItem={this.deleteShareItem}
               onChangeUserPermission={this.onChangeUserPermission}
             />
           </table>