optimized code style

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

@@ -8,12 +8,14 @@ import { Utils } from '../../utils/utils';
 import { seafileAPI } from '../../utils/seafile-api.js';
 
 class GroupItem extends React.Component {
+
   constructor(props) {
     super(props);
     this.state = {
       isOperationShow: false
     };
   }
+  
   onMouseEnter = () => {
     this.setState({isOperationShow: true});
   }

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

@@ -7,12 +7,14 @@ import { Button, Input } from 'reactstrap';
 import { seafileAPI } from '../../utils/seafile-api.js';
 
 class UserItem extends React.Component {
+
   constructor(props) {
     super(props);
     this.state = {
       isOperationShow: false
     };
   }
+  
   onMouseEnter = () => {
     this.setState({isOperationShow: true});
   }

frontend/src/components/file-chooser/repo-list-item.js

@@ -46,14 +46,14 @@ class RepoListItem extends React.Component {
           <span className="icon far fa-folder"></span>
           <span className="name">{this.props.repo.repo_name}</span>
         </span>
-        {
+        {this.state.isShowChildren && (
           <DirentListView 
             repo={this.props.repo} 
             isShowChildren={this.state.isShowChildren} 
             onDirentItemClick={this.onDirentItemClick}
             selectedPath={this.props.selectedPath}
           />
-        }
+        )}
       </li>
     );
   }