Update settings.js

Author: kirbIndustries

assets/gurapp/intl/settings/settings.js

@@ -280,6 +280,11 @@ function initializeSettingsApp() {
             licenseBtn.addEventListener('click', loadLicenses);
         }
 
+        const aboutBtn = document.querySelector('.nav-item[data-page="page-about"]');
+        if (aboutBtn) {
+            aboutBtn.addEventListener('click', updateVersionDisplay);
+        }
+
         backBtn.addEventListener('click', navigateBack);
 
         document.querySelectorAll('.toggle-switch, .styled-select, .styled-slider, .color-picker, .form-input').forEach(control => {
@@ -452,6 +457,15 @@ function initializeSettingsApp() {
             });
         });
     }
+    
+    function updateVersionDisplay() {
+        const versionLabel = document.querySelector('#page-about .setting-info .setting-label');
+        const parentVersion = window.parent.systemVersion;
+        
+        if (versionLabel && parentVersion) {
+            versionLabel.textContent = `Polygol ${parentVersion}`;
+        }
+    }
 
     // --- Real-time Syncing ---
     window.addEventListener('message', (event) => {
@@ -648,12 +662,6 @@ function initializeSettingsApp() {
     bindEventListeners();
     updateHeader();
 
-    // Version Info
-    const versionLabel = document.querySelector('#page-about .setting-info .setting-label');
-    if (versionLabel && window.parent.systemVersion) {
-        versionLabel.textContent = `Polygol ${window.parent.systemVersion}`;
-    }
-    
     // Announce readiness to the parent, which will trigger the initial settings sync.
     if (window.parent) {
         window.parent.postMessage({ type: 'gurapp-ready' }, window.location.origin);