TW-1542: Apply design for settings menu (#1199)

* TW-1555 Update some design and fix some bugs * TW-1555 Make some modals close after their backdrop is clicked * TW-1542 Resolve merge conflicts * TW-1542 Revert harmful changes * TW-1542 Remove unused components * TW-1542 Implement new Settings menu design * TW-1542 Remove some unused translations * TW-1542 Fix find-deadcode errors * TW-1542 Add changes from comments * TW-1542 Move localStorage clearing to frontend * TW-1542 Update a label * TW-1555 Some more bugfixes * TW-1555 Remove some commented out code * TW-1555 Refactor setting classes Co-authored-by: Alex <alexseleznov@madfish.solutions> * TW-1555 Fix prettier problem * TW-1555 Agree styles for app content wrapper and action modals * TW-1542 Change a label * TW-1542 Fix font size for page header --------- Co-authored-by: Alex <alexseleznov@madfish.solutions>
madfish-solutions · Sep 24, 2024 · 9bb455e · 9bb455e
1 parent 0f3f769
commit 9bb455e
Show file tree

Hide file tree

Showing 58 changed files with 448 additions and 1,168 deletions.
diff --git a/e2e/src/page-objects/index.ts b/e2e/src/page-objects/index.ts
@@ -18,7 +18,6 @@ import { InternalConfirmationPage } from './pages/internal-confirmation.page';
 import { ManualBackupModalPage } from './pages/modal/manual-backup-modal.page';
 import { NewsletterModalPage } from './pages/modal/newsletter-modal.page';
 import { OnRumModalPage } from './pages/modal/on-rum-modal.page';
-import { RevealSecretsPage } from './pages/reveal-secrets.page';
 import { SendPage } from './pages/send.page';
 import { SettingsPage } from './pages/settings.page';
 import { setWalletPage } from './pages/setWalletPassword.page';
@@ -30,7 +29,6 @@ export const Pages = {
   ImportExistingWallet: new ImportExistingWalletPage(),
   SetWallet: new setWalletPage(),
   Settings: new SettingsPage(),
-  RevealSecrets: new RevealSecretsPage(),
   UnlockScreen: new UnlockScreenPage(),
   DelegateTab: new DelegateTab(),
   DelegateForm: new DelegateFormPage(),

diff --git a/e2e/src/page-objects/pages/reveal-secrets.page.ts b/e2e/src/page-objects/pages/reveal-secrets.page.ts
diff --git a/public/_locales/de/messages.json b/public/_locales/de/messages.json
@@ -34,10 +34,6 @@
       }
     }
   },
-  "authorizedDApps": {
-    "message": "Autorisierte DApps",
-    "description": "DApps = Decentralized Applications"
-  },
   "clickIconToResetPermissions": {
     "message": "Klicken Sie auf das X-Symbol, um die Berechtigungen zurückzusetzen."
   },
@@ -647,38 +643,19 @@
   "revealPrivateKey": {
     "message": "Privaten Schlüssel freigeben"
   },
-  "revealPrivateKeyDescription": {
-    "message": "Auch bekannt als „Exportkonto“, zeigt den privaten Schlüssel für Ihr ausgewähltes Konto an."
-  },
   "revealSeedPhrase": {
     "message": "Seed-Phrase freigeben"
   },
-  "revealSeedPhraseDescription": {
-    "message": "Auch als \"Export-Wallet\" bekannt, Sie benötigen diese Seed-Phrase möglicherweise, um auf Ihre Wallet und Konten auf anderen Geräten zuzugreifen."
-  },
   "dApps": {
     "message": "DApps",
     "description": "DApps = Decentralized Applications"
   },
-  "dAppsDescription": {
-    "message": "In diesem Abschnitt können Sie die Möglichkeit zur Interaktion mit dezentralen Anwendungen aktivieren, die Temple Wallet unterstützen."
-  },
-  "networksDescription": {
-    "message": "In diesem Abschnitt können Sie benutzerdefinierte Tezos-Netzwerke hinzufügen oder löschen.",
-    "description": "Tezos = blockchain name (https://tezos.com/)"
-  },
   "removeAccount": {
     "message": "Konto entfernen"
   },
   "removeAccountDescription": {
     "message": "Verwenden Sie diesen Abschnitt, um Ihr ausgewähltes Konto zu entfernen. Nur importierte Konten können entfernt werden."
   },
-  "about": {
-    "message": "Über"
-  },
-  "aboutDescription": {
-    "message": "Verwenden Sie diesen Abschnitt, um Metainformationen zu Temple Wallet anzuzeigen."
-  },
   "unlockWallet": {
     "message": "Die Wallet entsperren"
   },
@@ -1274,9 +1251,6 @@
   "generalSettings": {
     "message": "Allgemein"
   },
-  "generalSettingsDescription": {
-    "message": "Hier können Sie die Spracheinstellungen und den Anzeigemodus verwalten."
-  },
   "swapNoun": {
     "message": "Wechseln"
   },
@@ -1895,9 +1869,6 @@
   "addressBook": {
     "message": "Adressbuch"
   },
-  "addressBookDescription": {
-    "message": "Fügen Sie Ihre Kontakte hinzu, entfernen und verwalten Sie sie."
-  },
   "addNewContact": {
     "message": "Neuer Kontakt"
   },

diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
@@ -51,15 +51,9 @@
       }
     }
   },
-  "authorizedDApps": {
-    "message": "Authorized DApps",
-    "description": "DApps = Decentralized Applications"
-  },
-  "advancedFeatures": {
-    "message": "Advanced Features"
-  },
-  "advancedFeaturesDescription": {
-    "message": "In this section you can customize additional Temple extension features"
+  "connectedDApps": {
+    "message": "Connected Dapps",
+    "description": "Dapps = Decentralized Applications"
   },
   "clickIconToResetPermissions": {
     "message": "Click on the X icon to reset permissions."
@@ -703,6 +697,18 @@
   "resetExtension": {
     "message": "Reset Extension"
   },
+  "resetExtensionModalTitle": {
+    "message": "Reset Extension?"
+  },
+  "resetExtensionModalDescription": {
+    "message": "Resetting will delete wallets, accounts and erase all data. Ensure your Seed Phrases and Private Keys are backed up to avoid permanent loss and recover access to assets later."
+  },
+  "resetPasswordInputLabel": {
+    "message": "Enter the password to confirm reset"
+  },
+  "reset": {
+    "message": "Reset"
+  },
   "resetExtensionConfirmation": {
     "message": "Are you sure you want to reset the Temple Wallet?\nAs a result, all your data will be deleted."
   },
@@ -948,29 +954,16 @@
   "revealPrivateKey": {
     "message": "Reveal Private Key"
   },
-  "revealPrivateKeyDescription": {
-    "message": "Also known as \"Export Account\", reveals private key for your selected account."
-  },
   "revealPrivateKeyPasswordLabel": {
     "message": "Enter your password to reveal private key"
   },
   "revealSeedPhrase": {
     "message": "Reveal Seed Phrase"
   },
-  "revealSeedPhraseDescription": {
-    "message": "Also known as \"Export Wallet\", you may need this seed phrase to access your wallet and accounts on other devices."
-  },
   "dApps": {
     "message": "DApps",
     "description": "DApps = Decentralized Applications"
   },
-  "dAppsDescription": {
-    "message": "In this section you can enable ability to interact with decentralized applications that support Temple Wallet."
-  },
-  "networksDescription": {
-    "message": "In this section you can add or delete custom Tezos networks.",
-    "description": "Tezos = blockchain name (https://tezos.com/)"
-  },
   "removeAccount": {
     "message": "Remove Account"
   },
@@ -980,8 +973,8 @@
   "accountsManagement": {
     "message": "Accounts management"
   },
-  "accountsManagementDescription": {
-    "message": "Use this section to create, edit, and delete accounts."
+  "securityAndPrivacy": {
+    "message": "Security & Privacy"
   },
   "editAccount": {
     "message": "Edit Account"
@@ -1026,15 +1019,15 @@
   "selectNetworkToReveal": {
     "message": "Select Network to reveal"
   },
-  "about": {
-    "message": "About"
+  "advancedFeatures": {
+    "message": "Advanced Features"
+  },
+  "aboutAndSupport": {
+    "message": "About & Support"
   },
   "info": {
     "message": "Info"
   },
-  "aboutDescription": {
-    "message": "Use this section to view meta info about Temple Wallet."
-  },
   "unlockWallet": {
     "message": "Unlock the Wallet"
   },
@@ -1815,9 +1808,6 @@
   "generalSettings": {
     "message": "General"
   },
-  "generalSettingsDescription": {
-    "message": "Here you can manage languages preferences and display mode."
-  },
   "swapNoun": {
     "message": "Swap"
   },
@@ -2588,9 +2578,6 @@
   "addressBook": {
     "message": "Address Book"
   },
-  "addressBookDescription": {
-    "message": "Add, remove and manage your contacts."
-  },
   "addNewContact": {
     "message": "New contact"
   },
@@ -3206,11 +3193,8 @@
   "sync": {
     "message": "Sync"
   },
-  "synchronization": {
-    "message": "Synchronization"
-  },
-  "synchronizationSettingsDescription": {
-    "message": "Sync with Mobile Temple Wallet."
+  "templeSync": {
+    "message": "Temple Sync"
   },
   "syncSettingsTitle": {
     "message": "Sync with Mobile Temple Wallet"

diff --git a/public/_locales/en_GB/messages.json b/public/_locales/en_GB/messages.json
@@ -34,10 +34,6 @@
       }
     }
   },
-  "authorizedDApps": {
-    "message": "Authorized DApps",
-    "description": "DApps = Decentralized Applications"
-  },
   "clickIconToResetPermissions": {
     "message": "Click on the X icon to reset permissions."
   },
@@ -642,38 +638,19 @@
   "revealPrivateKey": {
     "message": "Reveal Private Key"
   },
-  "revealPrivateKeyDescription": {
-    "message": "Also known as \"Export Account\", reveals private key for your selected account."
-  },
   "revealSeedPhrase": {
     "message": "Reveal Seed Phrase"
   },
-  "revealSeedPhraseDescription": {
-    "message": "Also known as \"Export Wallet\", you may need this seed phrase to access your wallet and accounts on other devices."
-  },
   "dApps": {
     "message": "DApps",
     "description": "DApps = Decentralized Applications"
   },
-  "dAppsDescription": {
-    "message": "In this section you can enable ability to interact with decentralized applications that support Temple Wallet."
-  },
-  "networksDescription": {
-    "message": "In this section you can add or delete custom Tezos networks.",
-    "description": "Tezos = blockchain name (https://tezos.com/)"
-  },
   "removeAccount": {
     "message": "Remove Account"
   },
   "removeAccountDescription": {
     "message": "Use this section to remove your selected account. Only imported accounts can be removed."
   },
-  "about": {
-    "message": "About"
-  },
-  "aboutDescription": {
-    "message": "Use this section to view meta info about Temple Wallet."
-  },
   "unlockWallet": {
     "message": "Unlock the Wallet"
   },
@@ -1248,9 +1225,6 @@
   "generalSettings": {
     "message": "General"
   },
-  "generalSettingsDescription": {
-    "message": "Here you can manage languages preferences and display mode."
-  },
   "swapNoun": {
     "message": "Swap"
   },

diff --git a/public/_locales/fr/messages.json b/public/_locales/fr/messages.json
@@ -31,10 +31,6 @@
       }
     }
   },
-  "authorizedDApps": {
-    "message": "Applications décentralisées autorisées",
-    "description": "DApps = Decentralized Applications"
-  },
   "clickIconToResetPermissions": {
     "message": "Cliquez sur l'icône X pour réinitialiser les permissions."
   },
@@ -611,38 +607,19 @@
   "revealPrivateKey": {
     "message": "Révéler la clé privée"
   },
-  "revealPrivateKeyDescription": {
-    "message": "Connu aussi comme « Exporter le compte », révèle la clé privée pour votre compte sélectionné."
-  },
   "revealSeedPhrase": {
     "message": "Révéler la phrase mnémonique"
   },
-  "revealSeedPhraseDescription": {
-    "message": "Connu aussi comme « Exporter le compte », vous pourriez avoir besoin de cette phrase mnémonique pour accéder à votre portefeuille et vos comptes sur d'autres appareils."
-  },
   "dApps": {
     "message": "Applications décentralisées",
     "description": "DApps = Decentralized Applications"
   },
-  "dAppsDescription": {
-    "message": "Dans cette section, vous pouvez activer la possibilité d'interagir avec les applications décentralisées qui prennent en charge le portefeuille Temple."
-  },
-  "networksDescription": {
-    "message": "Dans cette section, vous pouvez ajouter ou supprimer des réseaux Tezos personnalisés.",
-    "description": "Tezos = blockchain name (https://tezos.com/)"
-  },
   "removeAccount": {
     "message": "Retirer le compte"
   },
   "removeAccountDescription": {
     "message": "Utilisez cette section pour retirer votre compte sélectionné. Seuls les comptes importés peuvent être retirés."
   },
-  "about": {
-    "message": "À propos"
-  },
-  "aboutDescription": {
-    "message": "Utilisez cette section pour afficher les méta-informations concernant le portefeuille Temple."
-  },
   "unlockWallet": {
     "message": "Déverrouiller le portefeuille"
   },
@@ -1211,9 +1188,6 @@
   "generalSettings": {
     "message": "Général"
   },
-  "generalSettingsDescription": {
-    "message": "Vous pouvez gérer ici les préférences de langue et le mode d'affichage."
-  },
   "swapNoun": {
     "message": "Échanger"
   },