Updated copy changes for display NFT Media (#20380)

* updated copy changes * updated snapshots * lint fix * updated test
2024-12-22 17:33:23 +01:00 · 2023-08-03 23:49:30 +05:30 · 2023-08-03 23:49:30 +05:30 · 6c1b71b584
commit 6c1b71b584
parent 23ea1a639d
22 changed files with 20 additions and 116 deletions
--- a/app/_locales/de/messages.json
+++ b/app/_locales/de/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " In den Einstellungen aktivieren."
  },
-  "enableOpenSeaAPI": {
-    "message": "OpenSea API aktivieren"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Verwenden Sie die OpenSea's API, um NFT-Daten abzurufen. Die NFT-Auto-Erkennung basiert auf der OpenSea's API und wird nicht verfügbar sein, wenn diese deaktiviert ist."
-  },
  "enableToken": {
    "message": "$1 aktivieren",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/el/messages.json
+++ b/app/_locales/el/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " Ενεργοποίηση του από τις Ρυθμίσεις."
  },
-  "enableOpenSeaAPI": {
-    "message": "Ενεργοποίηση OpenSea API"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Χρησιμοποιήστε το API OpenSea για λήψη δεδομένων NFT. Η αυτόματη ανίχνευση NFT βασίζεται στο API του OpenSea, και δεν θα είναι διαθέσιμη όταν αυτό είναι απενεργοποιημένο."
-  },
  "enableToken": {
    "message": "ενεργοποίηση $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/en/messages.json
+++ b/app/_locales/en/messages.json
@ -1269,6 +1269,12 @@
  "dismissReminderField": {
    "message": "Dismiss Secret Recovery Phrase backup reminder"
  },
+  "displayNftMedia": {
+    "message": "Display NFT media"
+  },
+  "displayNftMediaDescription": {
+    "message": "Displaying NFT media and data exposes your IP address to OpenSea or other third parties. This can allow attackers to associate your IP address with your Ethereum address. NFT autodetection relies on this setting, and won't be available when this is turned off."
+  },
  "domain": {
    "message": "Domain"
  },
@ -1394,12 +1400,6 @@
  "enableFromSettings": {
    "message": " Enable it from Settings."
  },
-  "enableOpenSeaAPI": {
-    "message": "Enable OpenSea API"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Use OpenSea's API to fetch NFT data. NFT auto-detection relies on OpenSea's API, and will not be available when this is turned off."
-  },
  "enableSmartSwaps": {
    "message": "Enable smart swaps"
  },
--- a/app/_locales/es/messages.json
+++ b/app/_locales/es/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " Actívela en Configuración."
  },
-  "enableOpenSeaAPI": {
-    "message": "Habilite el API de OpenSea"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Utilice la API de OpenSea para obtener los datos de NFT. La autodetección de NFT depende de la API de OpenSea y no estará disponible si la API está desactivada."
-  },
  "enableToken": {
    "message": "activar $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/es_419/messages.json
+++ b/app/_locales/es_419/messages.json
@ -740,12 +740,6 @@
  "enableFromSettings": {
    "message": " Actívela en Configuración."
  },
-  "enableOpenSeaAPI": {
-    "message": "Activar API de OpenSea"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Utilice la API de OpenSea para obtener los datos de NFT. La autodetección de NFT depende de la API de OpenSea y no estará disponible si la API está desactivada."
-  },
  "enableToken": {
    "message": "activar $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/fr/messages.json
+++ b/app/_locales/fr/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " Activez-la depuis les Paramètres."
  },
-  "enableOpenSeaAPI": {
-    "message": "Activer l’API OpenSea"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Utilisez l’API OpenSea pour récupérer les données de NFT. La détection automatique de NFT repose sur l’API OpenSea et ne sera pas disponible si elle est désactivée."
-  },
  "enableToken": {
    "message": "activer $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/hi/messages.json
+++ b/app/_locales/hi/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " इसे सेटिंग्स से इनेबल करें।"
  },
-  "enableOpenSeaAPI": {
-    "message": "OpenSea API इनेबल करें"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "NFT डेटा लाने के लिए OpenSea के API का उपयोग करें। NFT ऑटो-डिटेक्शन OpenSea के API पर निर्भर करता है, और इसके बंद होने पर उपलब्ध नहीं होगा।"
-  },
  "enableToken": {
    "message": "$1 इनेबल करें",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/id/messages.json
+++ b/app/_locales/id/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " Aktifkan dari Pengaturan."
  },
-  "enableOpenSeaAPI": {
-    "message": "Aktifkan API OpenSea"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Gunakan API OpenSea untuk mengambil data NFT. Deteksi otomatis NFT bergantung pada API OpenSea, dan tidak akan tersedia saat API ditutup."
-  },
  "enableToken": {
    "message": "aktifkan $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/ja/messages.json
+++ b/app/_locales/ja/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " 設定で有効にします。"
  },
-  "enableOpenSeaAPI": {
-    "message": "OpenSea APIを有効にする"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "OpenSea APIを使用してNFTデータを取得します。NFT自動検出はOpenSea APIを使用するため、この設定をオフにすると利用できなくなります。"
-  },
  "enableToken": {
    "message": "$1を有効にする",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/ko/messages.json
+++ b/app/_locales/ko/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " 설정에서 이 기능을 활성화합니다."
  },
-  "enableOpenSeaAPI": {
-    "message": "OpenSea API 활성화"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "OpenSea의 API를 사용하여 NFT 데이터를 가져옵니다. NFT 자동 감지는 OpenSea의 API에 의존하며 이 API가 꺼져 있으면 사용할 수 없습니다."
-  },
  "enableToken": {
    "message": "$1 활성화",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/pt/messages.json
+++ b/app/_locales/pt/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " Habilite-a nas configurações."
  },
-  "enableOpenSeaAPI": {
-    "message": "Habilitar API do OpenSea"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Use a API OpenSea para recuperar dados de NFTs. A detecção automática de NFTs depende da API OpenSea e não estará disponível quando essa opção estiver desativada."
-  },
  "enableToken": {
    "message": "ativar $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/pt_BR/messages.json
+++ b/app/_locales/pt_BR/messages.json
@ -740,12 +740,6 @@
  "enableFromSettings": {
    "message": " Ative nas Configurações."
  },
-  "enableOpenSeaAPI": {
-    "message": "Ativar a API OpenSea"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Use a API OpenSea para recuperar dados de NFTs. A detecção automática de NFTs depende da API OpenSea e não estará disponível quando essa opção estiver desativada."
-  },
  "enableToken": {
    "message": "ativar $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/ru/messages.json
+++ b/app/_locales/ru/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " Включите его в Настройках."
  },
-  "enableOpenSeaAPI": {
-    "message": "Включить API OpenSea"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Используйте API OpenSea для получения данных NFT. Для автоматического обнаружения NFT используется API OpenSea, и такое обнаружение будет недоступно, если этот API отключен."
-  },
  "enableToken": {
    "message": "активирует для $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/tl/messages.json
+++ b/app/_locales/tl/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " Paganahin ito mula sa Settings."
  },
-  "enableOpenSeaAPI": {
-    "message": "Paganahin sa OpenSea API"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Gamitin ang API ng Opensea upang kunin ang NFT data. ang NFT auto-detection ay umaasa sa API ng OpenSea, at hindi magiging available kapag ito ay isinara."
-  },
  "enableToken": {
    "message": "paganahin ang $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/tr/messages.json
+++ b/app/_locales/tr/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " Ayarlardan etkinleştir."
  },
-  "enableOpenSeaAPI": {
-    "message": "OpenSea API'yi etkinleştir"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "NFT verilerini almak için OpenSea API'sini kullanın. NFT otomatik algılama OpenSea API'ye dayalıdır ve bu kapatılırsa mevcut olmayacaktır."
-  },
  "enableToken": {
    "message": "şunu etkinleştir: $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/vi/messages.json
+++ b/app/_locales/vi/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " Bật lên trong Cài Đặt."
  },
-  "enableOpenSeaAPI": {
-    "message": "Bật API OpenSea"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "Sử dụng API của OpenSea để tìm nạp dữ liệu NFT. Tính năng tự động phát hiện NFT dựa vào API của OpenSea và sẽ không khả dụng nếu tính năng này bị tắt."
-  },
  "enableToken": {
    "message": "bật $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/app/_locales/zh_CN/messages.json
+++ b/app/_locales/zh_CN/messages.json
@ -1178,12 +1178,6 @@
  "enableFromSettings": {
    "message": " 从设置中启用它。"
  },
-  "enableOpenSeaAPI": {
-    "message": "启用 OpenSea API"
-  },
-  "enableOpenSeaAPIDescription": {
-    "message": "使用 OpenSea 的 API 获取 NFT 数据。NFT 自动检测依赖于 OpenSea 的 API，在后者关闭时自动检测将不可用。"
-  },
  "enableToken": {
    "message": "启用 $1",
    "description": "$1 is a token symbol, e.g. ETH"
--- a/ui/helpers/constants/settings.js
+++ b/ui/helpers/constants/settings.js
@ -215,8 +215,8 @@ export const SETTINGS_CONSTANTS = [
  },
  {
    tabMessage: (t) => t('securityAndPrivacy'),
-    sectionMessage: (t) => t('enableOpenSeaAPI'),
-    descriptionMessage: (t) => t('enableOpenSeaAPIDescription'),
+    sectionMessage: (t) => t('displayNftMedia'),
+    descriptionMessage: (t) => t('displayNftMediaDescription'),
    route: `${SECURITY_ROUTE}#opensea-api`,
    icon: 'fa fa-lock',
  },
--- a/ui/helpers/utils/settings-search.test.js
+++ b/ui/helpers/utils/settings-search.test.js
@ -103,10 +103,10 @@ const t = (key) => {
      return 'Autodetect tokens';
    case 'autoDetectTokensDescription':
      return 'We use third-party APIs to detect and display new tokens sent to your wallet. Turn off if you don’t want the app to pull data from those services.';
-    case 'enableOpenSeaAPI':
-      return 'Enable OpenSea API';
-    case 'enableOpenSeaAPIDescription':
-      return "Use OpenSea's API to fetch NFT data. NFT auto-detection relies on OpenSea's API, and will not be available when this is turned off.";
+    case 'displayNftMedia':
+      return 'Display NFT media';
+    case 'displayNftMediaDescription':
+      return "Displaying NFT media and data exposes your IP address to OpenSea or other third parties. This can allow attackers to associate your IP address with your Ethereum address. NFT autodetection relies on this setting, and won't be available when this is turned off.";
    case 'useNftDetection':
      return 'Autodetect NFTs';
    case 'useNftDetectionDescription':
--- a/ui/pages/settings/security-tab/snapshots/security-tab.test.js.snap
+++ b/ui/pages/settings/security-tab/snapshots/security-tab.test.js.snap
@ -721,12 +721,12 @@ exports[`Security Tab should match snapshot 1`] = `
          class="settings-page__content-item"
        >
          <span>
-            Enable OpenSea API
+            Display NFT media
          </span>
          <div
            class="settings-page__content-description"
          >
-            Use OpenSea's API to fetch NFT data. NFT auto-detection relies on OpenSea's API, and will not be available when this is turned off.
+            Displaying NFT media and data exposes your IP address to OpenSea or other third parties. This can allow attackers to associate your IP address with your Ethereum address. NFT autodetection relies on this setting, and won't be available when this is turned off.
          </div>
        </div>
        <div
@ -734,7 +734,7 @@ exports[`Security Tab should match snapshot 1`] = `
        >
          <div
            class="settings-page__content-item-col"
-            data-testid="enableOpenSeaAPI"
+            data-testid="displayNftMedia"
          >
            <label
              class="toggle-button toggle-button--off"
--- a/ui/pages/settings/security-tab/security-tab.component.js
+++ b/ui/pages/settings/security-tab/security-tab.component.js
@ -619,15 +619,15 @@ export default class SecurityTab extends PureComponent {
    return (
      <div ref={this.settingsRefs[10]} className="settings-page__content-row">
        <div className="settings-page__content-item">
-          <span>{t('enableOpenSeaAPI')}</span>
+          <span>{t('displayNftMedia')}</span>
          <div className="settings-page__content-description">
-            {t('enableOpenSeaAPIDescription')}
+            {t('displayNftMediaDescription')}
          </div>
        </div>
        <div className="settings-page__content-item">
          <div
            className="settings-page__content-item-col"
-            data-testid="enableOpenSeaAPI"
+            data-testid="displayNftMedia"
          >
            <ToggleButton
              value={openSeaEnabled}
--- a/ui/pages/settings/security-tab/security-tab.test.js
+++ b/ui/pages/settings/security-tab/security-tab.test.js
@ -46,8 +46,8 @@ describe('Security Tab', () => {
    expect(container).toMatchSnapshot();
  });

-  it('toggles opensea api enabled', async () => {
-    expect(await toggleCheckbox('enableOpenSeaAPI', false)).toBe(true);
+  it('toggles Display NFT media enabled', async () => {
+    expect(await toggleCheckbox('displayNftMedia', false)).toBe(true);
  });

  it('toggles nft detection', async () => {