Testnet toggler now follows network state (#152)

* [JS] Testnet toggler now follows network state * [JS] Linting fix * Fix issues --------- Co-authored-by: JSKitty <jskitty@protonmail.com>
PIVX-Labs · Jul 11, 2023 · b321a29 · b321a29
1 parent 4b5d2d2
commit b321a29
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/index.template.html b/index.template.html
@@ -1152,8 +1152,8 @@ <h2 id="mnLastSeen" class="stake-balances" style="overflow-wrap: anywhere; top:
                       </div>
 
                       <div class="custom-control custom-switch">
-                        <input type="checkbox" class="custom-control-input" id="tesnetToggler" onclick="MPW.toggleTestnet()">
-                        <label class="custom-control-label" for="tesnetToggler">Testnet Mode</label>
+                        <input type="checkbox" class="custom-control-input" id="testnetToggler" onclick="MPW.toggleTestnet()">
+                        <label class="custom-control-label" for="testnetToggler">Testnet Mode</label>
                       </div>
 
                     </div>

diff --git a/scripts/global.js b/scripts/global.js
@@ -292,6 +292,7 @@ export async function start() {
         domDisplaySettingsBtn: document.getElementById('settingsDisplayBtn'),
         domVersion: document.getElementById('version'),
         domFlipdown: document.getElementById('flipdown'),
+        domTestnetToggler: document.getElementById('testnetToggler'),
     };
     await i18nStart();
     await loadImages();

diff --git a/scripts/settings.js b/scripts/settings.js
@@ -386,8 +386,11 @@ async function setAnalytics(level, fSilent = false) {
 }
 
 export function toggleTestnet() {
-    if (fWalletLoaded)
+    if (fWalletLoaded) {
+        // Revert testnet toggle
+        doms.domTestnetToggler.checked = !doms.domTestnetToggler.checked;
         return createAlert('warning', ALERTS.UNABLE_SWITCH_TESTNET, [], 3250);
+    }
 
     // Update current chain config
     cChainParams.current = cChainParams.current.isTestnet
@@ -403,6 +406,10 @@ export function toggleTestnet() {
     doms.domGuiBalanceStakingTicker.innerText = cChainParams.current.TICKER;
     doms.domPrefixNetwork.innerText =
         cChainParams.current.PUBKEY_PREFIX.join(' or ');
+
+    // Update testnet toggle in settings
+    doms.domTestnetToggler.checked = cChainParams.current.isTestnet;
+
     fillExplorerSelect();
     fillNodeSelect();
     getBalance(true);