show error when the server responds with a 429 error

web-frontend/modules/core/plugins/clientHandler.js

@@ -88,6 +88,15 @@ class ErrorHandler {
     return this.response !== undefined && this.response.status === 404
   }
 
+  /**
+   * Returns true if the response status code is equal to not found (429) which
+   * means that the user is sending too much requests to the server.
+   * @return {boolean}
+   */
+  isTooManyRequests() {
+    return this.response !== undefined && this.response.status === 429
+  }
+
   /**
    * Return true if there is a network error.
    * @return {boolean}
@@ -142,11 +151,25 @@ class ErrorHandler {
     )
   }
 
+  /**
+   * Returns a standard network error message. For example if the API server
+   * could not be reached.
+   */
+  getTooManyRequestsError() {
+    return new ResponseErrorMessage(
+      'Too many requests',
+      'You are sending too many requests to the server. Please wait a moment.'
+    )
+  }
+
   /**
    * If there is an error or the requested detail is not found an error
    * message related to the problem is returned.
    */
   getMessage(name = null, specificErrorMap = null) {
+    if (this.isTooManyRequests()) {
+      return this.getTooManyRequestsError()
+    }
     if (this.hasNetworkError()) {
       return this.getNetworkErrorMessage()
     }

web-frontend/modules/database/pages/table.vue

@@ -90,6 +90,7 @@
 import { mapState } from 'vuex'
 
 import { StoreItemLookupError } from '@baserow/modules/core/errors'
+import { notifyIf } from '@baserow/modules/core/utils/error'
 import ViewsContext from '@baserow/modules/database/components/view/ViewsContext'
 import ViewFilter from '@baserow/modules/database/components/view/ViewFilter'
 import ViewSort from '@baserow/modules/database/components/view/ViewSort'
@@ -253,7 +254,11 @@ export default {
     async refresh(event) {
       this.viewLoading = true
       const type = this.$registry.get('view', this.view.type)
-      await type.refresh({ store: this.$store }, this.view)
+      try {
+        await type.refresh({ store: this.$store }, this.view)
+      } catch (error) {
+        notifyIf(error)
+      }
       if (
         Object.prototype.hasOwnProperty.call(this.$refs, 'view') &&
         Object.prototype.hasOwnProperty.call(this.$refs.view, 'refresh')