UX Multichain: updated assets to tokens in home page (#19144)

* updated assets to tokens in home page

* lint fix

* lint fix

* updated tests and spec files

* lint fix

.storybook/test-data.js

@@ -598,7 +598,7 @@ const state = {
     nextNonce: 71,
     connectedStatusPopoverHasBeenShown: true,
     swapsWelcomeMessageHasBeenShown: true,
-    defaultHomeActiveTabName: 'Assets',
+    defaultHomeActiveTabName: 'Tokens',
     providerConfig: {
       type: 'goerli',
       ticker: 'ETH',

app/_locales/de/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "Asset-Optionen"
   },
-  "assets": {
-    "message": "Vermögenswerte"
-  },
   "attemptSendingAssets": {
     "message": "Wenn Sie versuchen, Assets direkt von einem Netzwerk in ein anderes zu senden, kann dies zu einem dauerhaften Asset-Verlust führen. Verwenden Sie unbedingt eine Bridge."
   },

app/_locales/el/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "Επιλογές περιουσιακών στοιχείων"
   },
-  "assets": {
-    "message": "Περιουσιακά στοιχεία"
-  },
   "attemptSendingAssets": {
     "message": "Εάν επιχειρήσετε να στείλετε περιουσιακά στοιχεία απευθείας από ένα δίκτυο σε ένα άλλο, αυτό ενδέχεται να οδηγήσει σε μόνιμη απώλεια περιουσιακών στοιχείων. Βεβαιωθείτε ότι χρησιμοποιείτε μια διασύνδεση."
   },

app/_locales/en/messages.json

@@ -441,9 +441,6 @@
   "assetOptions": {
     "message": "Asset options"
   },
-  "assets": {
-    "message": "Assets"
-  },
   "attemptSendingAssets": {
     "message": "If you attempt to send assets directly from one network to another, this may result in permanent asset loss. Make sure to use a bridge."
   },
@@ -4569,6 +4566,9 @@
   "tokenSymbol": {
     "message": "Token symbol"
   },
+  "tokens": {
+    "message": "Tokens"
+  },
   "tokensFoundTitle": {
     "message": "$1 new tokens found",
     "description": "$1 is the number of new tokens detected"

app/_locales/es/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "Opciones de activos"
   },
-  "assets": {
-    "message": "Activos"
-  },
   "attemptSendingAssets": {
     "message": "Si intenta enviar activos directamente de una red a otra, esto puede provocar la pérdida permanente de activos. Asegúrese de utilizar un puente."
   },

app/_locales/es_419/messages.json

@@ -229,9 +229,6 @@
   "assetOptions": {
     "message": "Opciones de activos"
   },
-  "assets": {
-    "message": "Activos"
-  },
   "attemptingConnect": {
     "message": "Intentando una conexión a la cadena de bloques."
   },

app/_locales/fr/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "Options d’actifs"
   },
-  "assets": {
-    "message": "Actifs"
-  },
   "attemptSendingAssets": {
     "message": "Si vous essayez d’envoyer des actifs directement d’un réseau à un autre, une perte permanente des actifs pourrait en résulter. Assurez-vous d’utiliser une passerelle."
   },

app/_locales/hi/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "एसेट विकल्प"
   },
-  "assets": {
-    "message": "परिसंपत्तियां"
-  },
   "attemptSendingAssets": {
     "message": "यदि आप ऐसेट्स को सीधे एक नेटवर्क से दूसरे नेटवर्क पर भेजने का प्रयास करते हैं, तो इसके परिणामस्वरूप स्थायी ऐसेट्स का नुकसान हो सकता है। ब्रिज का उपयोग करना सुनिश्चित करें।"
   },

app/_locales/id/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "Opsi aset"
   },
-  "assets": {
-    "message": "Aset"
-  },
   "attemptSendingAssets": {
     "message": "Jika Anda mencoba untuk mengirim aset secara langsung dari satu jaringan ke jaringan lain, aset Anda berpotensi hilang secara permanen. Pastikan untuk menggunakan penghubung."
   },

app/_locales/it/messages.json

@@ -315,9 +315,6 @@
   "assetOptions": {
     "message": "Opzioni asset"
   },
-  "assets": {
-    "message": "Patrimonio"
-  },
   "attemptSendingAssets": {
     "message": "Se si tenta di inviare risorse direttamente da una rete all'altra, ciò potrebbe comportare una perdita permanente della risorca coinvolta. Assicurati di usare un bridge."
   },

app/_locales/ja/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "アセットのオプション"
   },
-  "assets": {
-    "message": "アセット"
-  },
   "attemptSendingAssets": {
     "message": "1 つのネットワークから別のネットワークに直接アセットを送ろうとすると、アセットが永久に失われる可能性があります。必ずブリッジを使用してください。"
   },

app/_locales/ko/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "자산 옵션"
   },
-  "assets": {
-    "message": "자산"
-  },
   "attemptSendingAssets": {
     "message": "한 네트워크에서 다른 네트워크로 자산을 직접 전송하면 자산이 영구적으로 손실될 수 있습니다. 반드시 브릿지를 이용하세요."
   },

app/_locales/ph/messages.json

@@ -140,9 +140,6 @@
   "assetOptions": {
     "message": "Mga opsyon sa asset"
   },
-  "assets": {
-    "message": "Mga Asset"
-  },
   "attemptingConnect": {
     "message": "Sinusubukang kumonekta sa blockchain."
   },

app/_locales/pt/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "Opções do ativo"
   },
-  "assets": {
-    "message": "Ativos"
-  },
   "attemptSendingAssets": {
     "message": "Se você tentar enviar ativos diretamente de uma rede para outra, isso poderá resultar na perda permanente deles. Certifique-se de usar uma ponte."
   },

app/_locales/pt_BR/messages.json

@@ -229,9 +229,6 @@
   "assetOptions": {
     "message": "Opções do ativo"
   },
-  "assets": {
-    "message": "Ativos"
-  },
   "attemptingConnect": {
     "message": "Tentando conexão com o blockchain."
   },

app/_locales/ru/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "Параметры актива"
   },
-  "assets": {
-    "message": "Активы"
-  },
   "attemptSendingAssets": {
     "message": "Попытка отправки активов напрямую из одной сети в другую может привести к необратимой потере активов. Следует использовать мост."
   },

app/_locales/tl/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "Mga opsyon ng asset"
   },
-  "assets": {
-    "message": "Mga Asset"
-  },
   "attemptSendingAssets": {
     "message": "Kung tatangkain mong magpadala ng mga asset nang direkta mula sa isang network papunta sa isa pa, maaari itong magresulta sa permanenteng pagkawala ng asset. Siguraduhing gumamit ng tulay."
   },

app/_locales/tr/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "Varlık seçenekleri"
   },
-  "assets": {
-    "message": "Varlıklar"
-  },
   "attemptSendingAssets": {
     "message": "Varlıkları doğrudan bir ağdan diğerine göndermeye çalışırsanız bu durum kalıcı varlık kaybına neden olabilir. Bir köprü kullandığınızdan emin olun."
   },

app/_locales/vi/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "Tùy chọn tài sản"
   },
-  "assets": {
-    "message": "Tài sản"
-  },
   "attemptSendingAssets": {
     "message": "Nếu bạn cố gắng gửi tài sản trực tiếp từ mạng này sang mạng khác, bạn có thể bị mất tài sản vĩnh viễn. Hãy nhớ sử dụng cầu nối."
   },

app/_locales/zh_CN/messages.json

@@ -398,9 +398,6 @@
   "assetOptions": {
     "message": "资产选项"
   },
-  "assets": {
-    "message": "资产"
-  },
   "attemptSendingAssets": {
     "message": "如果您试图将资产从一个网络直接发送到另一个网络，这可能会导致永久的资产损失。必须使用桥来进行。"
   },

app/_locales/zh_TW/messages.json

@@ -139,9 +139,6 @@
   "assetOptions": {
     "message": "資產選項"
   },
-  "assets": {
-    "message": "資產"
-  },
   "attemptingConnect": {
     "message": "正在嘗試連結區塊鏈。"
   },

test/e2e/metamask-ui.spec.js

@@ -430,7 +430,7 @@ describe('MetaMask', function () {
 
     it('checks balance', async function () {
       await driver.clickElement({
-        text: 'Assets',
+        text: 'Tokens',
         tag: 'button',
       });
 

test/e2e/tests/add-hide-token.spec.js

@@ -57,7 +57,7 @@ describe('Hide token', function () {
         let assets = await driver.findElements('.asset-list-item');
         assert.equal(assets.length, 2);
 
-        await driver.clickElement({ text: 'Assets', tag: 'button' });
+        await driver.clickElement({ text: 'Tokens', tag: 'button' });
 
         await driver.clickElement({ text: 'TST', tag: 'span' });
 

test/e2e/tests/custom-token-add-approve.spec.js

@@ -44,7 +44,7 @@ describe('Create token, approve token and approve token without gas', function (
         // imports custom token from extension
         await driver.switchToWindow(extension);
         await driver.clickElement(`[data-testid="home__asset-tab"]`);
-        await driver.clickElement({ tag: 'button', text: 'Assets' });
+        await driver.clickElement({ tag: 'button', text: 'Tokens' });
 
         await driver.clickElement({ text: 'import tokens', tag: 'a' });
         await driver.clickElement({
@@ -68,7 +68,7 @@ describe('Create token, approve token and approve token without gas', function (
 
         // renders balance for newly created token
         await driver.clickElement('.app-header__logo-container');
-        await driver.clickElement({ tag: 'button', text: 'Assets' });
+        await driver.clickElement({ tag: 'button', text: 'Tokens' });
         const asset = await driver.waitForSelector({
           css: '.asset-list-item__token-value',
           text: '10',

ui/pages/home/home.component.js

@@ -812,8 +812,8 @@ export default class Home extends PureComponent {
                 activeClassName="home__tab--active"
                 className="home__tab"
                 data-testid="home__asset-tab"
-                name={this.context.t('assets')}
-                tabKey="assets"
+                name={this.context.t('tokens')}
+                tabKey="tokens"
               >
                 {process.env.MULTICHAIN ? (
                   <Box marginTop={2}>