diff --git a/app/_locales/de/messages.json b/app/_locales/de/messages.json index b9787b004..27bc12a1b 100644 --- a/app/_locales/de/messages.json +++ b/app/_locales/de/messages.json @@ -266,9 +266,6 @@ "address": { "message": "Adresse" }, - "addressBookIcon": { - "message": "Adressbuchsymbol" - }, "advanced": { "message": "Erweitert" }, diff --git a/app/_locales/el/messages.json b/app/_locales/el/messages.json index c1c8ee7d2..533f31809 100644 --- a/app/_locales/el/messages.json +++ b/app/_locales/el/messages.json @@ -266,9 +266,6 @@ "address": { "message": "Διεύθυνση" }, - "addressBookIcon": { - "message": "Εικονίδιο βιβλίου διευθύνσεων" - }, "advanced": { "message": "Σύνθετες" }, diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json index d8653a84f..b1ecc6aa7 100644 --- a/app/_locales/en/messages.json +++ b/app/_locales/en/messages.json @@ -266,9 +266,6 @@ "address": { "message": "Address" }, - "addressBookIcon": { - "message": "Address book icon" - }, "advanced": { "message": "Advanced" }, diff --git a/app/_locales/es/messages.json b/app/_locales/es/messages.json index ba186c96a..5471c9945 100644 --- a/app/_locales/es/messages.json +++ b/app/_locales/es/messages.json @@ -266,9 +266,6 @@ "address": { "message": "Dirección" }, - "addressBookIcon": { - "message": "Icono de libreta de direcciones" - }, "advanced": { "message": "Avanzado" }, diff --git a/app/_locales/es_419/messages.json b/app/_locales/es_419/messages.json index dc39d241e..6d0aea31e 100644 --- a/app/_locales/es_419/messages.json +++ b/app/_locales/es_419/messages.json @@ -142,9 +142,6 @@ "address": { "message": "Dirección" }, - "addressBookIcon": { - "message": "Icono de libreta de direcciones" - }, "advanced": { "message": "Avanzado" }, diff --git a/app/_locales/fr/messages.json b/app/_locales/fr/messages.json index d827b2009..dcb89dc42 100644 --- a/app/_locales/fr/messages.json +++ b/app/_locales/fr/messages.json @@ -266,9 +266,6 @@ "address": { "message": "Adresse" }, - "addressBookIcon": { - "message": "Icône du carnet d’adresses" - }, "advanced": { "message": "Paramètres avancés" }, diff --git a/app/_locales/hi/messages.json b/app/_locales/hi/messages.json index 84d301c90..c27dcbc14 100644 --- a/app/_locales/hi/messages.json +++ b/app/_locales/hi/messages.json @@ -266,9 +266,6 @@ "address": { "message": "पता" }, - "addressBookIcon": { - "message": "पता पुस्तिका आइकन" - }, "advanced": { "message": "उन्नत" }, diff --git a/app/_locales/id/messages.json b/app/_locales/id/messages.json index 9a9551d98..329fa8149 100644 --- a/app/_locales/id/messages.json +++ b/app/_locales/id/messages.json @@ -266,9 +266,6 @@ "address": { "message": "Alamat" }, - "addressBookIcon": { - "message": "Ikon buku alamat" - }, "advanced": { "message": "Lanjutan" }, diff --git a/app/_locales/it/messages.json b/app/_locales/it/messages.json index 91ba0f00c..d02f57450 100644 --- a/app/_locales/it/messages.json +++ b/app/_locales/it/messages.json @@ -207,9 +207,6 @@ "address": { "message": "Indirizzo" }, - "addressBookIcon": { - "message": "Icona rubrica indirizzo" - }, "advanced": { "message": "Avanzate" }, diff --git a/app/_locales/ja/messages.json b/app/_locales/ja/messages.json index f8029a653..95f545b5a 100644 --- a/app/_locales/ja/messages.json +++ b/app/_locales/ja/messages.json @@ -266,9 +266,6 @@ "address": { "message": "アドレス" }, - "addressBookIcon": { - "message": "アドレス帳アイコン" - }, "advanced": { "message": "高度な設定" }, diff --git a/app/_locales/ko/messages.json b/app/_locales/ko/messages.json index e6ad39a2c..adf7c8792 100644 --- a/app/_locales/ko/messages.json +++ b/app/_locales/ko/messages.json @@ -266,9 +266,6 @@ "address": { "message": "주소" }, - "addressBookIcon": { - "message": "주소록 아이콘" - }, "advanced": { "message": "고급" }, diff --git a/app/_locales/pt/messages.json b/app/_locales/pt/messages.json index 508c9982e..d42b14e01 100644 --- a/app/_locales/pt/messages.json +++ b/app/_locales/pt/messages.json @@ -266,9 +266,6 @@ "address": { "message": "Endereço" }, - "addressBookIcon": { - "message": "Ícone da agenda de endereços" - }, "advanced": { "message": "Avançado" }, diff --git a/app/_locales/pt_BR/messages.json b/app/_locales/pt_BR/messages.json index d485739dd..77c52eca8 100644 --- a/app/_locales/pt_BR/messages.json +++ b/app/_locales/pt_BR/messages.json @@ -142,9 +142,6 @@ "address": { "message": "Endereço" }, - "addressBookIcon": { - "message": "Ícone da agenda de endereços" - }, "advanced": { "message": "Avançado" }, diff --git a/app/_locales/ru/messages.json b/app/_locales/ru/messages.json index 74d6f804d..06f2630a0 100644 --- a/app/_locales/ru/messages.json +++ b/app/_locales/ru/messages.json @@ -266,9 +266,6 @@ "address": { "message": "Адрес" }, - "addressBookIcon": { - "message": "Значок адресной книги" - }, "advanced": { "message": "Дополнительно" }, diff --git a/app/_locales/tl/messages.json b/app/_locales/tl/messages.json index e0648dbb8..022dc6f1d 100644 --- a/app/_locales/tl/messages.json +++ b/app/_locales/tl/messages.json @@ -266,9 +266,6 @@ "address": { "message": "Address" }, - "addressBookIcon": { - "message": "Icon ng address book" - }, "advanced": { "message": "Makabago" }, diff --git a/app/_locales/tr/messages.json b/app/_locales/tr/messages.json index d5ca577a7..20baf1576 100644 --- a/app/_locales/tr/messages.json +++ b/app/_locales/tr/messages.json @@ -266,9 +266,6 @@ "address": { "message": "Adres" }, - "addressBookIcon": { - "message": "Adres defteri simgesi" - }, "advanced": { "message": "Gelişmiş" }, diff --git a/app/_locales/vi/messages.json b/app/_locales/vi/messages.json index 536349f94..653d3b895 100644 --- a/app/_locales/vi/messages.json +++ b/app/_locales/vi/messages.json @@ -266,9 +266,6 @@ "address": { "message": "Địa chỉ" }, - "addressBookIcon": { - "message": "Biểu tượng sổ địa chỉ" - }, "advanced": { "message": "Nâng cao" }, diff --git a/app/_locales/zh_CN/messages.json b/app/_locales/zh_CN/messages.json index b9a0aeb40..3505cbb91 100644 --- a/app/_locales/zh_CN/messages.json +++ b/app/_locales/zh_CN/messages.json @@ -266,9 +266,6 @@ "address": { "message": "地址" }, - "addressBookIcon": { - "message": "地址簿图标" - }, "advanced": { "message": "高级" }, diff --git a/ui/components/app/tab-bar/tab-bar.stories.js b/ui/components/app/tab-bar/tab-bar.stories.js index 096a64005..a2f618292 100644 --- a/ui/components/app/tab-bar/tab-bar.stories.js +++ b/ui/components/app/tab-bar/tab-bar.stories.js @@ -24,7 +24,7 @@ export default { key: 'general', }, { - icon: , + icon: , content: 'Contacts', key: 'contacts', }, diff --git a/ui/helpers/constants/settings.js b/ui/helpers/constants/settings.js index 938b0e8ad..20768e77c 100644 --- a/ui/helpers/constants/settings.js +++ b/ui/helpers/constants/settings.js @@ -145,7 +145,7 @@ export const SETTINGS_CONSTANTS = [ sectionMessage: (t) => t('contacts'), descriptionMessage: (t) => t('contacts'), route: CONTACT_LIST_ROUTE, - icon: 'fa fa-address-book', + icon: ICON_NAMES.BOOK, }, ///: BEGIN:ONLY_INCLUDE_IN(flask) { diff --git a/ui/pages/settings/contact-list-tab/contact-list-tab.component.js b/ui/pages/settings/contact-list-tab/contact-list-tab.component.js index 4c5080255..c696d00f9 100644 --- a/ui/pages/settings/contact-list-tab/contact-list-tab.component.js +++ b/ui/pages/settings/contact-list-tab/contact-list-tab.component.js @@ -11,6 +11,12 @@ import { getNumberOfSettingsInSection, handleSettingsRefs, } from '../../../helpers/utils/settings-search'; +import { + Icon, + ICON_NAMES, + ICON_SIZES, +} from '../../../components/component-library'; +import { Color } from '../../../helpers/constants/design-system'; import EditContact from './edit-contact'; import AddContact from './add-contact'; import ViewContact from './view-contact'; @@ -72,9 +78,11 @@ export default class ContactListTab extends Component { return (
-

{t('buildContactList')}

diff --git a/ui/pages/settings/contact-list-tab/index.scss b/ui/pages/settings/contact-list-tab/index.scss index dcb09e866..6225ae36f 100644 --- a/ui/pages/settings/contact-list-tab/index.scss +++ b/ui/pages/settings/contact-list-tab/index.scss @@ -56,9 +56,8 @@ } &__icon { - margin-bottom: 16px; + margin: 0 auto 16px auto; display: block; - color: var(--color-icon-muted); } &__title { diff --git a/ui/pages/settings/settings.component.js b/ui/pages/settings/settings.component.js index e4e77b201..71056f94a 100644 --- a/ui/pages/settings/settings.component.js +++ b/ui/pages/settings/settings.component.js @@ -269,7 +269,7 @@ class SettingsPage extends PureComponent { }, { content: t('contacts'), - icon: , + icon: , key: CONTACT_LIST_ROUTE, }, ///: BEGIN:ONLY_INCLUDE_IN(flask)