Repository: dusk-network/rusk (language: rust)

Issue:
web-wallet: Remove Network Section from Settings
### Description
The current implementation of the **Network** section in Settings is redundant and lacks clear purpose. The status and network name are already displayed on the dashboard, making this section unnecessary.

This section should be removed entirely to streamline the Settings pane and eliminate duplication. If there’s a need to display network-related or diagnostics information, it should be reconsidered in a more purposeful and user-friendly manner.


Discussion / hints:

Fix patch:
diff --git a/web-wallet/CHANGELOG.md b/web-wallet/CHANGELOG.md
index 7493619297..0763ff1ff1 100644
--- a/web-wallet/CHANGELOG.md
+++ b/web-wallet/CHANGELOG.md
@@ -17,6 +17,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Removed
 
+- Remove "Network" section from Settings [#3160]
+
 ### Fixed
 
 ## [0.9.0] - 2024-12-03
@@ -424,6 +426,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 [#3099]: https://github.com/dusk-network/rusk/issues/3099
 [#3113]: https://github.com/dusk-network/rusk/issues/3113
 [#3129]: https://github.com/dusk-network/rusk/issues/3129
+[#3160]: https://github.com/dusk-network/rusk/issues/3160
 
 <!-- VERSIONS -->
 
diff --git a/web-wallet/src/routes/(app)/settings/+page.svelte b/web-wallet/src/routes/(app)/settings/+page.svelte
index cb8f7063f5..60315dbe02 100644
--- a/web-wallet/src/routes/(app)/settings/+page.svelte
+++ b/web-wallet/src/routes/(app)/settings/+page.svelte
@@ -5,14 +5,12 @@
     mdiAccountQuestionOutline,
     mdiApplicationCogOutline,
     mdiArrowLeft,
-    mdiCheckNetworkOutline,
     mdiGasStationOutline,
     mdiRestoreAlert,
   } from "@mdi/js";
   import { mapWith, rename } from "lamb";
-
   import {
-    Badge,
+    Anchor,
     Button,
     ErrorDetails,
     Icon,
@@ -21,16 +19,10 @@
   } from "$lib/dusk/components";
   import { AppAnchorButton, GasControls } from "$lib/components";
   import { currencies } from "$lib/dusk/currency";
-  import {
-    gasStore,
-    networkStore,
-    settingsStore,
-    walletStore,
-  } from "$lib/stores";
+  import { gasStore, settingsStore, walletStore } from "$lib/stores";
   import { areValidGasSettings } from "$lib/contracts";
   import { logout } from "$lib/navigation";
   import loginInfoStorage from "$lib/services/loginInfoStorage";
-  import Anchor from "$lib/dusk/components/Anchor/Anchor.svelte";
 
   const confirmResetMessage =
     "Confirm you've saved your recovery phrase before resetting the wallet. Proceed?";
@@ -60,7 +52,6 @@
   const currenciesToOptions = mapWith(currencyToOption);
   const { currency, darkMode, gasLimit, gasPrice } = $settingsStore;
   const { gasLimitLower, gasLimitUpper, gasPriceLower } = $gasStore;
-  const { networkName } = $networkStore;
 
   let isDarkMode = darkMode;
   let isGasValid = false;
@@ -69,12 +60,6 @@
   let resetError = null;
 
   $: ({ syncStatus } = $walletStore);
-  $: ({ connected } = $networkStore);
-
-  /** @type {import("svelte").ComponentProps<Badge>} */
-  $: connectedBadgeProps = connected
-    ? { text: "Online", variant: "success" }
-    : { text: "Offline", variant: "error" };
 </script>
 
 <section class="settings">
@@ -83,20 +68,6 @@
   </header>
 
   <div class="settings__content">
-    <hr />
-    <article class="settings-group">
-      <header class="settings-group__header settings-group__header--network">
-        <div class="settings-group__header">
-          <Icon path={mdiCheckNetworkOutline} />
-          <h3 class="h4 settings-group__heading">Network</h3>
-        </div>
-        <Badge {...connectedBadgeProps} />
-      </header>
-      <strong class="h1 settings-group__label">
-        {networkName}
-      </strong>
-    </article>
-    <hr />
     <article class="settings-group">
       <header class="settings-group__header">
         <Icon path={mdiGasStationOutline} />
@@ -134,27 +105,11 @@
         <h3 class="h4 settings-group__heading">Preferences</h3>
       </header>
       <div class="settings-group__multi-control-content">
-        <label
-          class="settings-group__control settings-group__control--switch"
-          for={undefined}
-        >
-          <span>Dark mode</span>
-          <Switch
-            bind:value={isDarkMode}
-            on:change={() => {
-              settingsStore.update((store) => {
-                store.darkMode = isDarkMode;
-
-                return store;
-              });
-            }}
-          />
-        </label>
         <label
           class="settings-group__control settings-group__control--with-label"
           for={undefined}
         >
-          <span>Currency</span>
+          <span>Currency:</span>
           <Select
             className="settings-group__control settings-group__control--with-label"
             value={currency}
@@ -171,6 +126,22 @@
             options={currenciesToOptions(currencies)}
           />
         </label>
+        <label
+          class="settings-group__control settings-group__control--switch"
+          for={undefined}
+        >
+          <span>Dark mode</span>
+          <Switch
+            bind:value={isDarkMode}
+            on:change={() => {
+              settingsStore.update((store) => {
+                store.darkMode = isDarkMode;
+
+                return store;
+              });
+            }}
+          />
+        </label>
       </div>
     </article>
     <hr />
@@ -280,15 +251,6 @@
       display: flex;
       align-items: center;
       gap: 0.75em;
-
-      &--network {
-        width: 100%;
-        justify-content: space-between;
-      }
-    }
-
-    &__label {
-      text-transform: capitalize;
     }
 
     &__heading {


Test patch:
diff --git a/web-wallet/src/routes/(app)/settings/__tests__/__snapshots__/page.spec.js.snap b/web-wallet/src/routes/(app)/settings/__tests__/__snapshots__/page.spec.js.snap
index 923a1b8860..003678f335 100644
--- a/web-wallet/src/routes/(app)/settings/__tests__/__snapshots__/page.spec.js.snap
+++ b/web-wallet/src/routes/(app)/settings/__tests__/__snapshots__/page.spec.js.snap
@@ -2,10 +2,10 @@
 
 exports[`Settings > Resetting the wallet > should show an error if clearing local data fails 1`] = `
 <section
-  class="settings svelte-zikvd5"
+  class="settings svelte-1mpdn76"
 >
   <header
-    class="settings__header svelte-zikvd5"
+    class="settings__header svelte-1mpdn76"
   >
     <h2>
       Settings
@@ -13,58 +13,13 @@ exports[`Settings > Resetting the wallet > should show an error if clearing loca
   </header>
    
   <div
-    class="settings__content svelte-zikvd5"
+    class="settings__content svelte-1mpdn76"
   >
-    <hr />
-     
-    <article
-      class="settings-group svelte-zikvd5"
-    >
-      <header
-        class="settings-group__header settings-group__header--network svelte-zikvd5"
-      >
-        <div
-          class="settings-group__header svelte-zikvd5"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--default"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M8,10.37L9.24,9.13L10.93,10.83L14.76,7L16,8.5L10.93,13.57L8,10.37Z"
-            />
-          </svg>
-          
-           
-          <h3
-            class="h4 settings-group__heading svelte-zikvd5"
-          >
-            Network
-          </h3>
-        </div>
-         
-        <span
-          class="dusk-badge dusk-badge--variant-success"
-        >
-          Online
-        </span>
-      </header>
-       
-      <strong
-        class="h1 settings-group__label svelte-zikvd5"
-      >
-        unknown
-      </strong>
-    </article>
-     
-    <hr />
-     
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -78,14 +33,14 @@ exports[`Settings > Resetting the wallet > should show an error if clearing loca
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Gas
         </h3>
       </header>
        
       <div
-        class="settings-group__multi-control-content svelte-zikvd5"
+        class="settings-group__multi-control-content svelte-1mpdn76"
       >
         <label
           class="gas-control svelte-1p4ekyk"
@@ -130,10 +85,10 @@ exports[`Settings > Resetting the wallet > should show an error if clearing loca
     <hr />
      
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -147,38 +102,22 @@ exports[`Settings > Resetting the wallet > should show an error if clearing loca
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Preferences
         </h3>
       </header>
        
       <div
-        class="settings-group__multi-control-content svelte-zikvd5"
+        class="settings-group__multi-control-content svelte-1mpdn76"
       >
         <label
-          class="settings-group__control settings-group__control--switch svelte-zikvd5"
-        >
-          <span>
-            Dark mode
-          </span>
-           
-          <div
-            aria-checked="false"
-            aria-disabled="false"
-            class="dusk-switch"
-            role="switch"
-            tabindex="0"
-          />
-        </label>
-         
-        <label
-          class="settings-group__control settings-group__control--with-label svelte-zikvd5"
+          class="settings-group__control settings-group__control--with-label svelte-1mpdn76"
         >
           <span
-            class="svelte-zikvd5"
+            class="svelte-1mpdn76"
           >
-            Currency
+            Currency:
           </span>
            
           <select
@@ -457,16 +396,32 @@ exports[`Settings > Resetting the wallet > should show an error if clearing loca
             
           </select>
         </label>
+         
+        <label
+          class="settings-group__control settings-group__control--switch svelte-1mpdn76"
+        >
+          <span>
+            Dark mode
+          </span>
+           
+          <div
+            aria-checked="false"
+            aria-disabled="false"
+            class="dusk-switch"
+            role="switch"
+            tabindex="0"
+          />
+        </label>
       </div>
     </article>
      
     <hr />
      
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -480,7 +435,7 @@ exports[`Settings > Resetting the wallet > should show an error if clearing loca
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Support
         </h3>
@@ -524,10 +479,10 @@ exports[`Settings > Resetting the wallet > should show an error if clearing loca
     <hr />
      
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -541,14 +496,14 @@ exports[`Settings > Resetting the wallet > should show an error if clearing loca
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Reset wallet
         </h3>
       </header>
        
       <div
-        class="settings-group__multi-control-content svelte-zikvd5"
+        class="settings-group__multi-control-content svelte-1mpdn76"
       >
         <p>
           Resetting your wallet clears the cache and restores default settings
@@ -599,10 +554,10 @@ exports[`Settings > Resetting the wallet > should show an error if clearing loca
 
 exports[`Settings > should render the settings page displaying the status of the network 1`] = `
 <section
-  class="settings svelte-zikvd5"
+  class="settings svelte-1mpdn76"
 >
   <header
-    class="settings__header svelte-zikvd5"
+    class="settings__header svelte-1mpdn76"
   >
     <h2>
       Settings
@@ -610,58 +565,13 @@ exports[`Settings > should render the settings page displaying the status of the
   </header>
    
   <div
-    class="settings__content svelte-zikvd5"
+    class="settings__content svelte-1mpdn76"
   >
-    <hr />
-     
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header settings-group__header--network svelte-zikvd5"
-      >
-        <div
-          class="settings-group__header svelte-zikvd5"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--default"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M8,10.37L9.24,9.13L10.93,10.83L14.76,7L16,8.5L10.93,13.57L8,10.37Z"
-            />
-          </svg>
-          
-           
-          <h3
-            class="h4 settings-group__heading svelte-zikvd5"
-          >
-            Network
-          </h3>
-        </div>
-         
-        <span
-          class="dusk-badge dusk-badge--variant-success"
-        >
-          Online
-        </span>
-      </header>
-       
-      <strong
-        class="h1 settings-group__label svelte-zikvd5"
-      >
-        unknown
-      </strong>
-    </article>
-     
-    <hr />
-     
-    <article
-      class="settings-group svelte-zikvd5"
-    >
-      <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -675,14 +585,14 @@ exports[`Settings > should render the settings page displaying the status of the
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Gas
         </h3>
       </header>
        
       <div
-        class="settings-group__multi-control-content svelte-zikvd5"
+        class="settings-group__multi-control-content svelte-1mpdn76"
       >
         <label
           class="gas-control svelte-1p4ekyk"
@@ -727,10 +637,10 @@ exports[`Settings > should render the settings page displaying the status of the
     <hr />
      
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -744,38 +654,22 @@ exports[`Settings > should render the settings page displaying the status of the
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Preferences
         </h3>
       </header>
        
       <div
-        class="settings-group__multi-control-content svelte-zikvd5"
+        class="settings-group__multi-control-content svelte-1mpdn76"
       >
         <label
-          class="settings-group__control settings-group__control--switch svelte-zikvd5"
-        >
-          <span>
-            Dark mode
-          </span>
-           
-          <div
-            aria-checked="false"
-            aria-disabled="false"
-            class="dusk-switch"
-            role="switch"
-            tabindex="0"
-          />
-        </label>
-         
-        <label
-          class="settings-group__control settings-group__control--with-label svelte-zikvd5"
+          class="settings-group__control settings-group__control--with-label svelte-1mpdn76"
         >
           <span
-            class="svelte-zikvd5"
+            class="svelte-1mpdn76"
           >
-            Currency
+            Currency:
           </span>
            
           <select
@@ -1054,16 +948,32 @@ exports[`Settings > should render the settings page displaying the status of the
             
           </select>
         </label>
+         
+        <label
+          class="settings-group__control settings-group__control--switch svelte-1mpdn76"
+        >
+          <span>
+            Dark mode
+          </span>
+           
+          <div
+            aria-checked="false"
+            aria-disabled="false"
+            class="dusk-switch"
+            role="switch"
+            tabindex="0"
+          />
+        </label>
       </div>
     </article>
      
     <hr />
      
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -1077,7 +987,7 @@ exports[`Settings > should render the settings page displaying the status of the
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Support
         </h3>
@@ -1121,10 +1031,10 @@ exports[`Settings > should render the settings page displaying the status of the
     <hr />
      
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -1138,14 +1048,14 @@ exports[`Settings > should render the settings page displaying the status of the
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Reset wallet
         </h3>
       </header>
        
       <div
-        class="settings-group__multi-control-content svelte-zikvd5"
+        class="settings-group__multi-control-content svelte-1mpdn76"
       >
         <p>
           Resetting your wallet clears the cache and restores default settings
@@ -1178,10 +1088,10 @@ exports[`Settings > should render the settings page displaying the status of the
 
 exports[`Settings > should render the settings page displaying the status of the network 2`] = `
 <section
-  class="settings svelte-zikvd5"
+  class="settings svelte-1mpdn76"
 >
   <header
-    class="settings__header svelte-zikvd5"
+    class="settings__header svelte-1mpdn76"
   >
     <h2>
       Settings
@@ -1189,58 +1099,13 @@ exports[`Settings > should render the settings page displaying the status of the
   </header>
    
   <div
-    class="settings__content svelte-zikvd5"
+    class="settings__content svelte-1mpdn76"
   >
-    <hr />
-     
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header settings-group__header--network svelte-zikvd5"
-      >
-        <div
-          class="settings-group__header svelte-zikvd5"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--default"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M8,10.37L9.24,9.13L10.93,10.83L14.76,7L16,8.5L10.93,13.57L8,10.37Z"
-            />
-          </svg>
-          
-           
-          <h3
-            class="h4 settings-group__heading svelte-zikvd5"
-          >
-            Network
-          </h3>
-        </div>
-         
-        <span
-          class="dusk-badge dusk-badge--variant-success"
-        >
-          Online
-        </span>
-      </header>
-       
-      <strong
-        class="h1 settings-group__label svelte-zikvd5"
-      >
-        unknown
-      </strong>
-    </article>
-     
-    <hr />
-     
-    <article
-      class="settings-group svelte-zikvd5"
-    >
-      <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -1254,14 +1119,14 @@ exports[`Settings > should render the settings page displaying the status of the
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Gas
         </h3>
       </header>
        
       <div
-        class="settings-group__multi-control-content svelte-zikvd5"
+        class="settings-group__multi-control-content svelte-1mpdn76"
       >
         <label
           class="gas-control svelte-1p4ekyk"
@@ -1306,10 +1171,10 @@ exports[`Settings > should render the settings page displaying the status of the
     <hr />
      
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -1323,38 +1188,22 @@ exports[`Settings > should render the settings page displaying the status of the
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Preferences
         </h3>
       </header>
        
       <div
-        class="settings-group__multi-control-content svelte-zikvd5"
+        class="settings-group__multi-control-content svelte-1mpdn76"
       >
         <label
-          class="settings-group__control settings-group__control--switch svelte-zikvd5"
-        >
-          <span>
-            Dark mode
-          </span>
-           
-          <div
-            aria-checked="false"
-            aria-disabled="false"
-            class="dusk-switch"
-            role="switch"
-            tabindex="0"
-          />
-        </label>
-         
-        <label
-          class="settings-group__control settings-group__control--with-label svelte-zikvd5"
+          class="settings-group__control settings-group__control--with-label svelte-1mpdn76"
         >
           <span
-            class="svelte-zikvd5"
+            class="svelte-1mpdn76"
           >
-            Currency
+            Currency:
           </span>
            
           <select
@@ -1633,16 +1482,32 @@ exports[`Settings > should render the settings page displaying the status of the
             
           </select>
         </label>
+         
+        <label
+          class="settings-group__control settings-group__control--switch svelte-1mpdn76"
+        >
+          <span>
+            Dark mode
+          </span>
+           
+          <div
+            aria-checked="false"
+            aria-disabled="false"
+            class="dusk-switch"
+            role="switch"
+            tabindex="0"
+          />
+        </label>
       </div>
     </article>
      
     <hr />
      
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -1656,7 +1521,7 @@ exports[`Settings > should render the settings page displaying the status of the
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Support
         </h3>
@@ -1700,10 +1565,10 @@ exports[`Settings > should render the settings page displaying the status of the
     <hr />
      
     <article
-      class="settings-group svelte-zikvd5"
+      class="settings-group svelte-1mpdn76"
     >
       <header
-        class="settings-group__header svelte-zikvd5"
+        class="settings-group__header svelte-1mpdn76"
       >
         <svg
           class="dusk-icon dusk-icon--size--default"
@@ -1717,14 +1582,14 @@ exports[`Settings > should render the settings page displaying the status of the
         
          
         <h3
-          class="h4 settings-group__heading svelte-zikvd5"
+          class="h4 settings-group__heading svelte-1mpdn76"
         >
           Reset wallet
         </h3>
       </header>
        
       <div
-        class="settings-group__multi-control-content svelte-zikvd5"
+        class="settings-group__multi-control-content svelte-1mpdn76"
       >
         <p>
           Resetting your wallet clears the cache and restores default settings