Improve current folder updated notification (#2704)

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

@@ -39,6 +39,7 @@ class DirView extends React.Component {
       errorMsg: '',
     };
     window.onpopstate = this.onpopstate;
+    this.lastModifyTime = new Date();
   }
 
   onpopstate = (event) => {
@@ -97,7 +98,15 @@ class DirView extends React.Component {
     collabServer.unwatchRepo(this.props.repoID);
   }
 
+  componentDidUpdate() {
+    this.lastModifyTime = new Date();
+  }
+
   onRepoUpdateEvent = () => {
+    let currentTime = new Date();
+    if ((parseFloat(currentTime - this.lastModifyTime)/1000) <= 5) {
+      return;
+    }
     let repoID = this.props.repoID;
     let { path, dirID } = this.state;
     seafileAPI.dirMetaData(repoID, path).then((res) => {
@@ -107,7 +116,7 @@ class DirView extends React.Component {
             {gettext('This folder has been updated. ')}
             <a href='' >{gettext('Refresh')}</a>
           </span>,
-          {duration: 3600}
+          {id: 'repo_updated', duration: 3600}
         );
       }
     })

frontend/src/repo-wiki-mode.js

@@ -53,6 +53,7 @@ class Wiki extends Component {
     };
     window.onpopstate = this.onpopstate;
     this.hash = '';
+    this.lastModifyTime = new Date();
   }
 
   componentWillMount() {
@@ -87,7 +88,15 @@ class Wiki extends Component {
     collabServer.unwatchRepo(repoID);
   }
 
+  componentDidUpdate() {
+    this.lastModifyTime = new Date();
+  }
+
   onRepoUpdateEvent = () => {
+    let currentTime = new Date();
+    if ((parseFloat(currentTime - this.lastModifyTime)/1000) <= 5) {
+      return;
+    }
     let { path, dirID } = this.state;
     seafileAPI.dirMetaData(repoID, path).then((res) => {
       if (res.data.id !== dirID) {
@@ -96,7 +105,7 @@ class Wiki extends Component {
             {gettext('This folder has been updated. ')}
             <a href='' >{gettext('Refresh')}</a>
           </span>,
-          {duration: 3600}
+          {id: 'repo_updated', duration: 3600}
         );
       }
     })