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/toolbar/mutilple-dir-operation-toolbar.js

@@ -14,6 +14,7 @@ import EditFileTagDialog from '../dialog/edit-filetag-dialog';
 import ZipDownloadDialog from '../dialog/zip-download-dialog';
 import ModalPortal from '../modal-portal';
 import ItemDropdownMenu from '../dropdown-menu/item-dropdown-menu';
+import toaster from '../toast';
 
 import '../../css/dirents-menu.css';
 
@@ -171,6 +172,9 @@ class MutipleDirOperationToolbar extends React.Component {
         this.props.updateDirent(dirent, 'locked_by_me', true);
         this.props.unSelectDirent();
       }
+    }).catch(error => {
+      let errMessage = Utils.getErrorMsg(error);
+      toaster.danger(errMessage);
     });
   }
 
@@ -182,6 +186,9 @@ class MutipleDirOperationToolbar extends React.Component {
         this.props.updateDirent(dirent, 'locked_by_me', false);
         this.props.unSelectDirent();
       }
+    }).catch(error => {
+      let errMessage = Utils.getErrorMsg(error);
+      toaster.danger(errMessage);
     });
   }
 
@@ -231,6 +238,9 @@ class MutipleDirOperationToolbar extends React.Component {
           viewMode: 'add_related_file',
         });
       }
+    }).catch(error => {
+      let errMessage = Utils.getErrorMsg(error);
+      toaster.danger(errMessage);
     });
   }
 
@@ -255,6 +265,9 @@ class MutipleDirOperationToolbar extends React.Component {
         showLibContentViewDialogs: true,
         showEditFileTagDialog: true,
       });
+    }).catch(error => {
+      let errMessage = Utils.getErrorMsg(error);
+      toaster.danger(errMessage);
     });
   }
 
@@ -274,6 +287,9 @@ class MutipleDirOperationToolbar extends React.Component {
       this.setState({
         relatedFiles: res.data.related_files
       });
+    }).catch(error => {
+      let errMessage = Utils.getErrorMsg(error);
+      toaster.danger(errMessage);
     });
   }
 

frontend/src/components/toolbar/view-file-toolbar.js

@@ -1,9 +1,10 @@
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { DropdownToggle, Dropdown, DropdownMenu, DropdownItem, Tooltip} from 'reactstrap';
-import { Utils } from '../../utils/utils';
 import { gettext, siteRoot, canGenerateShareLink, isDocs } from '../../utils/constants';
 import { seafileAPI } from '../../utils/seafile-api';
+import { Utils } from '../../utils/utils';
+import toaster from '../toast';
 import ModalPotal from '../modal-portal';
 import ShareDialog from '../dialog/share-dialog';
 import EditFileTagDialog from '../dialog/edit-filetag-dialog';
@@ -52,6 +53,9 @@ class ViewFileToolbar extends React.Component {
     let { path, repoID } = this.props;
     seafileAPI.createDraft(repoID, path).then(res => {
       window.location.href = siteRoot + 'lib/' + res.data.origin_repo_id + '/file' + res.data.draft_file_path + '?mode=edit';
+    }).catch(error => {
+      let errMessage = Utils.getErrorMsg(error);
+      toaster.danger(errMessage);
     });
   }