Files (#5881)

* [side nav] redesigned it: added a new item 'Files', and made 'My Libraries' and some other items as its sub nav items

* ['Files'] added new page 'Files'(added 'My Libraries' to it)

* ['Files'] added 'Shared with me' to it

* ['Files'] added 'Shared with all' to it

* ['Files'] added 'Shared with groups' to it (removed 'details' for 'department')

frontend/src/components/shared-repo-list-view/shared-repo-list-item.js

@@ -29,7 +29,6 @@ const propTypes = {
   onFreezedItem: PropTypes.func.isRequired,
   onUnfreezedItem: PropTypes.func.isRequired,
   onItemUnshare: PropTypes.func.isRequired,
-  onItemDetails: PropTypes.func,
   onItemRename: PropTypes.func,
   onItemDelete: PropTypes.func,
   onMonitorRepo: PropTypes.func
@@ -165,9 +164,6 @@ class SharedRepoListItem extends React.Component {
       case 'Folder Permission':
         this.onItemFolderPermissionToggle();
         break;
-      case 'Details':
-        this.onItemDetails();
-        break;
       case 'Share':
         this.onItemShare();
         break;
@@ -251,10 +247,6 @@ class SharedRepoListItem extends React.Component {
     this.setState({isHistorySettingDialogShow: !this.state.isHistorySettingDialogShow});
   };
 
-  onItemDetails = () => {
-    this.props.onItemDetails(this.props.repo);
-  };
-
   onItemShare = (e) => {
     e.preventDefault();
     this.setState({isShowSharedDialog: true});
@@ -338,9 +330,6 @@ class SharedRepoListItem extends React.Component {
       case 'Folder Permission':
         translateResult = gettext('Folder Permission');
         break;
-      case 'Details':
-        translateResult = gettext('Details');
-        break;
       case 'Unshare':
         translateResult = gettext('Unshare');
         break;
@@ -423,7 +412,7 @@ class SharedRepoListItem extends React.Component {
               const monitorOp = repo.monitored ? 'Unwatch File Changes' : 'Watch File Changes';
               operations.push(monitorOp);
             }
-            operations.push('Divider', 'History Setting', 'Details');
+            operations.push('Divider', 'History Setting');
             if (Utils.isDesktop()) {
               operations.push('Advanced');
             }

frontend/src/components/shared-repo-list-view/shared-repo-list-view.js

@@ -17,7 +17,6 @@ const propTypes = {
   repoList: PropTypes.array.isRequired,
   onItemUnshare: PropTypes.func.isRequired,
   onItemDelete: PropTypes.func,
-  onItemDetails: PropTypes.func,
   onItemRename: PropTypes.func,
   hasNextPage: PropTypes.bool,
   onMonitorRepo: PropTypes.func,
@@ -98,7 +97,6 @@ class SharedRepoListView extends React.Component {
               onUnfreezedItem={this.onUnfreezedItem}
               onItemUnshare={this.props.onItemUnshare}
               onItemDelete={this.props.onItemDelete}
-              onItemDetails={this.props.onItemDetails}
               onItemRename={this.props.onItemRename}
               onMonitorRepo={this.props.onMonitorRepo}
             />
@@ -109,12 +107,11 @@ class SharedRepoListView extends React.Component {
   };
 
   renderPCUI = () => {
-    let isShowTableThread = this.props.isShowTableThread !== undefined ? this.props.isShowTableThread : true;
-
+    const { theadHidden = false } = this.props;
     const { sortByName, sortByTime, sortBySize, sortIcon } = this.getSortMetaData();
 
     return (
-      <table className={isShowTableThread ? '' : 'table-thead-hidden'}>
+      <table className={theadHidden ? 'table-thead-hidden' : ''}>
         <thead>
           <tr>
             <th width="4%"></th>