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

frontend/src/components/dirent-list-view/dirent-list-item.js

@@ -201,13 +201,13 @@ class DirentListItem extends React.Component {
 
   onMenuItemClick = (operation, event) => {
     switch(operation) {
-      case 'Download': 
+      case 'Download':
         this.onItemDownload(event);
         break;
       case 'Share':
         this.onItemShare(event);
         break;
-      case 'Delete': 
+      case 'Delete':
         this.onItemDelete(event);
         break;
       case 'Rename':
@@ -303,7 +303,7 @@ class DirentListItem extends React.Component {
       toaster.danger(errMessage);
     });
   }
-  
+
   onUnlockItem = () => {
     let repoID = this.props.repoID;
     let filePath = this.getDirentPath(this.props.dirent);
@@ -323,7 +323,7 @@ class DirentListItem extends React.Component {
     let url = URLDecorator.getUrl({type: 'file_revisions', repoID: repoID, filePath: filePath});
     location.href = url;
   }
-  
+
   onAccessLog = () => {
     let filePath = this.getDirentPath(this.props.dirent);
     let path = siteRoot + 'repo/file-access/' + this.props.repoID + '/?p=' + encodeURIComponent(filePath) ;
@@ -411,7 +411,7 @@ class DirentListItem extends React.Component {
       this.setState({isDropTipshow: true});
     }
   }
-  
+
   onItemDragOver = (e) => {
     if (Utils.isIEBrower()) {
       return false;
@@ -459,7 +459,7 @@ class DirentListItem extends React.Component {
       if (direntPaths.some(direntPath => { return direntPath === selectedPath;})) { //eg; A/B, A/C --> A/B
         return;
       }
-      
+
       this.props.onItemsMove(this.props.currentRepoInfo, selectedPath);
       return ;
     }
@@ -501,7 +501,7 @@ class DirentListItem extends React.Component {
 
     return (
       <Fragment>
-        {selectedDirentList.length > 1 ? 
+        {selectedDirentList.length > 1 ?
           <Fragment>
             {this.state.isOperationShow && !dirent.isSelected &&
               <div className="operations">
@@ -535,9 +535,9 @@ class DirentListItem extends React.Component {
                 </ul>
               </div>
             }
-          </Fragment> : 
+          </Fragment> :
           <Fragment>
-            {this.state.isOperationShow && 
+            {this.state.isOperationShow &&
               <div className="operations">
                 <ul className="operation-group">
                   {(dirent.permission === 'rw' || dirent.permission === 'r') && (
@@ -602,17 +602,17 @@ class DirentListItem extends React.Component {
 
     const isDesktop = Utils.isDesktop();
     const desktopItem = (
-      <tr 
-        className={trClass} 
+      <tr
+        className={trClass}
         draggable="true"
-        onMouseEnter={this.onMouseEnter} 
-        onMouseOver={this.onMouseOver} 
-        onMouseLeave={this.onMouseLeave} 
-        onClick={this.onDirentClick} 
-        onDragStart={this.onItemDragStart} 
-        onDragEnter={this.onItemDragEnter} 
-        onDragOver={this.onItemDragOver} 
-        onDragLeave={this.onItemDragLeave} 
+        onMouseEnter={this.onMouseEnter}
+        onMouseOver={this.onMouseOver}
+        onMouseLeave={this.onMouseLeave}
+        onClick={this.onDirentClick}
+        onDragStart={this.onItemDragStart}
+        onDragEnter={this.onItemDragEnter}
+        onDragOver={this.onItemDragOver}
+        onDragLeave={this.onItemDragLeave}
         onDrop={this.onItemDragDrop}
         onMouseDown={this.onItemMouseDown}
         onContextMenu={this.onItemContextMenu}
@@ -655,13 +655,13 @@ class DirentListItem extends React.Component {
                 {tagTitle}
               </UncontrolledTooltip>
             </Fragment>
-          )} 
+          )}
         </td>
         <td className="operation">{this.renderItemOperation()}</td>
         <td className="file-size">{dirent.size && dirent.size}</td>
         <td className="last-update">{dirent.mtime_relative}</td>
       </tr>
-    ); 
+    );
     const mobileItem = (
       <tr>
         <td>
@@ -708,11 +708,11 @@ class DirentListItem extends React.Component {
           </Dropdown>
         </td>
       </tr>
-    ); 
+    );
 
     return (
       <Fragment>
-        {isDesktop ? desktopItem : mobileItem} 
+        {isDesktop ? desktopItem : mobileItem}
         {this.state.isMoveDialogShow &&
           <ModalPortal>
             <MoveDirentDialog
@@ -760,7 +760,7 @@ class DirentListItem extends React.Component {
         }
         {this.state.isShareDialogShow &&
           <ModalPortal>
-            <ShareDialog 
+            <ShareDialog
               itemType={dirent.type}
               itemName={dirent.name}
               itemPath={direntPath}
@@ -775,7 +775,7 @@ class DirentListItem extends React.Component {
         }
         {this.state.isPermissionDialogOpen &&
           <ModalPortal>
-            <LibSubFolderPermissionDialog 
+            <LibSubFolderPermissionDialog
               toggleDialog={this.onPermissionItem}
               repoID={this.props.repoID}
               folderPath={direntPath}