Group and shared module improve (#2739)

* update seafile-ui.css

* add repo detail for group

* add-detail for groups-view

* group-and-shared-module-improve

* when look detail, clicking navPath, or clicking other item will generator error

frontend/src/components/dir-view/dir-panel.js

@@ -68,6 +68,16 @@ class DirPanel extends React.Component {
     }
   }
 
+  onPathClick = (path) => {
+    this.setState({isDirentDetailShow: false});
+    this.props.onPathClick(path);
+  }
+
+  onItemClick = (dirent) => {
+    this.setState({isDirentDetailShow: false});
+    this.props.onItemClick(dirent);
+  }
+
   onItemDetails = (dirent) => {
     this.setState({
       currentDirent: dirent,
@@ -157,7 +167,7 @@ class DirPanel extends React.Component {
                   pathPrefix={this.props.pathPrefix}
                   currentPath={this.props.path} 
                   permission={this.props.permission}
-                  onPathClick={this.props.onPathClick}
+                  onPathClick={this.onPathClick}
                   onTabNavClick={this.props.onTabNavClick}
                 />
               </div>
@@ -180,7 +190,7 @@ class DirPanel extends React.Component {
                           onItemDetails={this.onItemDetails}
                           onItemMove={this.props.onItemMove}
                           onItemCopy={this.props.onItemCopy}
-                          onItemClick={this.props.onItemClick}
+                          onItemClick={this.onItemClick}
                           onItemDelete={this.props.onItemDelete}
                           onItemRename={this.props.onItemRename}
                           onItemSelected={this.props.onItemSelected}

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

@@ -15,6 +15,7 @@ const propTypes = {
   isItemFreezed: PropTypes.bool.isRequired,
   onFreezedItem: PropTypes.func.isRequired,
   onItemUnshare: PropTypes.func.isRequired,
+  onItmeDetails: PropTypes.func,
 };
 
 class SharedRepoListItem extends React.Component {
@@ -131,7 +132,7 @@ class SharedRepoListItem extends React.Component {
   }
 
   onItemDetails = () => {
-    // todo
+    this.props.onItemDetails(this.props.repo);
   }
 
   onItemShare = () => {

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

@@ -10,6 +10,7 @@ const propTypes = {
   repoList: PropTypes.array.isRequired,
   onItemUnshare: PropTypes.func.isRequired,
   onItemDelete: PropTypes.func.isRequired,
+  onItemDetails: PropTypes.func,
 };
 
 class SharedRepoListView extends React.Component {
@@ -41,6 +42,7 @@ class SharedRepoListView extends React.Component {
               onFreezedItem={this.onFreezedItem}
               onItemUnshare={this.props.onItemUnshare}
               onItemDelete={this.props.onItemDelete}
+              onItemDetails={this.props.onItemDetails}
             />
           );
         })}