fix dirent key={index} bug (#6754)

frontend/src/components/dirent-grid-view/dirent-grid-view.js

@@ -839,7 +839,7 @@ class DirentGridView extends React.Component {
             {direntList.map((dirent, index) => {
               return (
                 <DirentGridItem
-                  key={index}
+                  key={dirent.name} // dirent.id is not unique, so use dirent.name as key
                   dirent={dirent}
                   repoID={this.props.repoID}
                   path={this.props.path}

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

@@ -691,7 +691,7 @@ class DirentListView extends React.Component {
               return (
                 <DirentListItem
                   ref={this.setDirentItemRef(index)}
-                  key={index}
+                  key={dirent.name} // dirent.id is not unique, so use dirent.name as key
                   dirent={dirent}
                   path={this.props.path}
                   repoID={this.props.repoID}

frontend/src/pages/lib-content-view/lib-content-view.js

@@ -551,6 +551,10 @@ class LibContentView extends React.Component {
   };
 
   loadDirentList = (path) => {
+    this.setState({
+      isDirentListLoading: true,
+      direntList: [],
+    });
     let repoID = this.props.repoID;
     seafileAPI.listDir(repoID, path, { 'with_thumbnail': true }).then(res => {
       let direntList = [];