Make no AJAX call when there are only component updates with value null

Author: jissereitsma

view/base/templates/script/ajax-queue.phtml

@@ -83,9 +83,16 @@ if ($interval < 10) {
             this.requests = [];
             this.post(requests);
         },
-        async post(requests) {
+        async post(incomingRequests) {
             this.setLoading(true);
 
+            requests = incomingRequests.filter(request => request.update !== null);
+            if (requests.length === 0) {
+                this.afterPostSuccess(incomingRequests);
+                this.afterPostFinally(incomingRequests);
+                return;
+            }
+
             await fetch('<?= $escaper->escapeUrl($componentUtil->getPostUrl(
             )) ?>?form_key=' + LokiComponentFormKey + '&isAjax=true', {
                 method: 'POST',
@@ -112,21 +119,27 @@ if ($interval < 10) {
                     }
 
                     this.updateTargetsAfterPost(requests, html);
-                    requests.forEach(request => {
-                        request.component.afterPostSuccess();
-                    });
+                    this.afterPostSuccess(incomingRequests);
                 })
                 .catch(error => {
                     Alpine.store('Message').addErrorMessage(error);
                 })
                 .finally(() => {
-                    requests.forEach(request => {
-                        request.component.afterPostFinally();
-                    });
-
-                    this.setLoading(false);
+                    this.afterPostFinally(incomingRequests);
                 });
         },
+        afterPostSuccess(requests) {
+            requests.forEach(request => {
+                request.component.afterPostSuccess();
+            });
+        },
+        afterPostFinally(requests) {
+            requests.forEach(request => {
+                request.component.afterPostFinally();
+            });
+
+            this.setLoading(false);
+        },
         getPostHeaders() {
             return {
                 'X-Alpine-Request': true,