Fix VTX status

Author: haslinghuis

locales/en/messages.json

@@ -6099,6 +6099,10 @@
         "message": "Save",
         "description": "Save button in the VTX tab"
     },
+    "vtxButtonSaving": {
+        "message": "Saving",
+        "description": "Show state of the Save button in the VTX tab"
+    },
     "vtxButtonSaved": {
         "message": "Saved",
         "description": "Saved action button in the VTX tab"

src/js/tabs/vtx.js

@@ -885,13 +885,19 @@ vtx.initialize = function (callback) {
 
             TABS.vtx.vtxTableSavePending = false;
 
-            const oldText = $("#save_button").text();
-            $("#save_button").html(i18n.getMessage('vtxButtonSaved'));
-            setTimeout(function () {
-                $("#save_button").html(oldText);
-            }, 2000);
+            const saveButton = $("#save_button");
+            const oldText = saveButton.text();
+
+            saveButton.html(i18n.getMessage('vtxButtonSaving'));
 
-            TABS.vtx.initialize();
+            setTimeout(() => {
+                saveButton.html(i18n.getMessage('vtxButtonSaved'));
+
+                setTimeout(() => {
+                    saveButton.html(oldText);
+                    TABS.vtx.initialize();
+                }, 2000); // Allow firmware to make relevant changes before initialization
+            }, 2000);
         }
     }