Improve response catch module (#3848)

* add err hanlder for dialog ajax request

* add error handler for component ajax request

* repair code bug

* repair code bug

* add handler for page ajax module

frontend/src/components/file-chooser/file-chooser.js

@@ -4,6 +4,7 @@ import { Input } from 'reactstrap';
 import { seafileAPI } from '../../utils/seafile-api';
 import { gettext, isPro } from '../../utils/constants';
 import { Utils } from '../../utils/utils';
+import toaster from '../toast';
 import RepoInfo from '../../models/repo-info';
 import RepoListView from './repo-list-view';
 import Loading from '../loading';
@@ -54,6 +55,9 @@ class FileChooser extends React.Component {
           selectedRepo: repoInfo
         });
         this.props.onRepoItemClick(repoInfo);
+      }).catch(error => {
+        let errMessage = Utils.getErrorMsg(error);
+        toaster.danger(errMessage);
       });
     } else { // only_all_repos
       seafileAPI.listRepos().then(res => {
@@ -222,10 +226,9 @@ class FileChooser extends React.Component {
         isResultGot: true
       });
       this.source = null;
-    }).catch(res => {
-      /* eslint-disable */
-      console.log(res);
-      /* eslint-enable */
+    }).catch(error => {
+      let errMessage = Utils.getErrorMsg(error);
+      toaster.danger(errMessage);
     });
   }
 
@@ -321,6 +324,9 @@ class FileChooser extends React.Component {
           selectedPath: path,
           isCurrentRepoShow: true,
         });
+      }).catch(error => {
+        let errMessage = Utils.getErrorMsg(error);
+        toaster.danger(errMessage);
       });
     } else {
       if (!this.state.hasRequest) {

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

@@ -7,6 +7,7 @@ import Dirent from '../../models/dirent';
 import { seafileAPI } from '../../utils/seafile-api';
 import treeHelper from '../../components/tree-view/tree-helper';
 import { Utils } from '../../utils/utils';
+import toaster from '../toast';
 
 const propTypes = {
   isShowFile: PropTypes.bool,
@@ -43,6 +44,9 @@ class RepoListItem extends React.Component {
 
       this.addResponseListToNode(direntList, tree.root);
       this.setState({treeData: tree});
+    }).catch(error => {
+      let errMessage = Utils.getErrorMsg(error);
+      toaster.danger(errMessage);
     });
 
     if (this.props.selectedItemInfo.repoID === this.props.repo.repo_id) {
@@ -79,6 +83,9 @@ class RepoListItem extends React.Component {
         }
         this.addResponseListToNode(direntList, node);
         this.setState({treeData: tree});
+      }).catch(error => {
+        let errMessage = Utils.getErrorMsg(error);
+        toaster.danger(errMessage);
       });
     } else {
       tree.expandNode(node);
@@ -117,6 +124,9 @@ class RepoListItem extends React.Component {
       this.setState({
         treeData: tree
       });
+    }).catch(error => {
+      let errMessage = Utils.getErrorMsg(error);
+      toaster.danger(errMessage);
     });
   }