1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-26 12:29:06 +01:00
metamask-extension/ui/helpers/constants/settings.js
Filip Sekulic 43f7a44c25
Adding popular custom network integration (#14557)
* Initial push

* Refactored the code

* Additional code

* Removed the unused message

* Added a tooltip

* Fixed tests

* Lint fix

* Added style to a tooltip

* Fix e2e test failure

* Lint fix and code revert

* Fix e2e test

* Fixed paddings

* Fixed paddings

* CSS fix

* Minified svg files

* Applied requested changes

* Fixed theme issue

* Code revert

* Added back overridden code

* Icon problem fixed

* Lint fix

* Replaced H3 with H4

* Added unit test

* Added breadcrumbs

* Added const props for networks

* Lint fix

* Lint fix

* Added toggle button for showing the custom network list and resolved few issues

* Fixed routes

* Refactored a piece of code

* Enabled searching for the newly created option

* Fixed unit test

* Updated theme
2022-06-30 13:49:07 -02:30

357 lines
11 KiB
JavaScript

import {
ALERTS_ROUTE,
ADVANCED_ROUTE,
SECURITY_ROUTE,
GENERAL_ROUTE,
ABOUT_US_ROUTE,
NETWORKS_ROUTE,
CONTACT_LIST_ROUTE,
EXPERIMENTAL_ROUTE,
///: BEGIN:ONLY_INCLUDE_IN(flask)
SNAPS_LIST_ROUTE,
///: END:ONLY_INCLUDE_IN
} from './routes';
export const SETTINGS_CONSTANTS = [
{
tabMessage: (t) => t('general'),
sectionMessage: (t) => t('currencyConversion'),
descriptionMessage: (t) => t('currencyConversion'),
route: `${GENERAL_ROUTE}#currency-conversion`,
icon: 'fa fa-cog',
},
{
tabMessage: (t) => t('general'),
sectionMessage: (t) => t('primaryCurrencySetting'),
descriptionMessage: (t) => t('primaryCurrencySettingDescription'),
route: `${GENERAL_ROUTE}#primary-currency`,
icon: 'fa fa-cog',
},
{
tabMessage: (t) => t('general'),
sectionMessage: (t) => t('currentLanguage'),
descriptionMessage: (t) => t('currentLanguage'),
route: `${GENERAL_ROUTE}#current-language`,
icon: 'fa fa-cog',
},
{
tabMessage: (t) => t('general'),
sectionMessage: (t) => t('accountIdenticon'),
descriptionMessage: (t) => t('accountIdenticon'),
route: `${GENERAL_ROUTE}#account-identicon`,
icon: 'fa fa-cog',
},
{
tabMessage: (t) => t('general'),
sectionMessage: (t) => t('hideZeroBalanceTokens'),
descriptionMessage: (t) => t('hideZeroBalanceTokens'),
route: `${GENERAL_ROUTE}#zero-balancetokens`,
icon: 'fa fa-cog',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('stateLogs'),
descriptionMessage: (t) => t('stateLogsDescription'),
route: `${ADVANCED_ROUTE}#state-logs`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('syncWithMobile'),
descriptionMessage: (t) => t('syncWithMobile'),
route: `${ADVANCED_ROUTE}#sync-withmobile`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('resetAccount'),
descriptionMessage: (t) => t('resetAccountDescription'),
route: `${ADVANCED_ROUTE}#reset-account`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('showAdvancedGasInline'),
descriptionMessage: (t) => t('showAdvancedGasInlineDescription'),
route: `${ADVANCED_ROUTE}#advanced-gascontrols`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('showHexData'),
descriptionMessage: (t) => t('showHexDataDescription'),
route: `${ADVANCED_ROUTE}#show-hexdata`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('showFiatConversionInTestnets'),
descriptionMessage: (t) => t('showFiatConversionInTestnetsDescription'),
route: `${ADVANCED_ROUTE}#conversion-testnetworks`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('showTestnetNetworks'),
descriptionMessage: (t) => t('showTestnetNetworksDescription'),
route: `${ADVANCED_ROUTE}#show-testnets`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('nonceField'),
descriptionMessage: (t) => t('nonceFieldDescription'),
route: `${ADVANCED_ROUTE}#customize-nonce`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('autoLockTimeLimit'),
descriptionMessage: (t) => t('autoLockTimeLimitDescription'),
route: `${ADVANCED_ROUTE}#autolock-timer`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('syncWithThreeBox'),
descriptionMessage: (t) => t('syncWithThreeBoxDescription'),
route: `${ADVANCED_ROUTE}#sync-with3box`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('ipfsGateway'),
descriptionMessage: (t) => t('ipfsGatewayDescription'),
route: `${ADVANCED_ROUTE}#ipfs-gateway`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('preferredLedgerConnectionType'),
descriptionMessage: (t) => t('preferredLedgerConnectionType'),
route: `${ADVANCED_ROUTE}#ledger-connection`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('dismissReminderField'),
descriptionMessage: (t) => t('dismissReminderDescriptionField'),
route: `${ADVANCED_ROUTE}#dimiss-secretrecovery`,
icon: 'fas fa-sliders-h',
},
{
tabMessage: (t) => t('contacts'),
sectionMessage: (t) => t('contacts'),
descriptionMessage: (t) => t('contacts'),
route: CONTACT_LIST_ROUTE,
icon: 'fa fa-address-book',
},
///: BEGIN:ONLY_INCLUDE_IN(flask)
{
tabMessage: (t) => t('snaps'),
sectionMessage: (t) => t('snaps'),
descriptionMessage: (t) => t('snaps'),
route: SNAPS_LIST_ROUTE,
icon: 'fa fa-flask',
},
///: END:ONLY_INCLUDE_IN
{
tabMessage: (t) => t('securityAndPrivacy'),
sectionMessage: (t) => t('revealSeedWords'),
descriptionMessage: (t) => t('revealSeedWords'),
route: `${SECURITY_ROUTE}#reveal-secretrecovery`,
icon: 'fa fa-lock',
},
{
tabMessage: (t) => t('securityAndPrivacy'),
sectionMessage: (t) => t('showIncomingTransactions'),
descriptionMessage: (t) => t('showIncomingTransactionsDescription'),
route: `${SECURITY_ROUTE}#incoming-transaction`,
icon: 'fa fa-lock',
},
{
tabMessage: (t) => t('securityAndPrivacy'),
sectionMessage: (t) => t('usePhishingDetection'),
descriptionMessage: (t) => t('usePhishingDetectionDescription'),
route: `${SECURITY_ROUTE}#phishing-detection`,
icon: 'fa fa-lock',
},
{
tabMessage: (t) => t('securityAndPrivacy'),
sectionMessage: (t) => t('participateInMetaMetrics'),
descriptionMessage: (t) => t('participateInMetaMetricsDescription'),
route: `${SECURITY_ROUTE}#metrametrics`,
icon: 'fa fa-lock',
},
{
tabMessage: (t) => t('alerts'),
sectionMessage: (t) => t('alertSettingsUnconnectedAccount'),
descriptionMessage: (t) => t('alertSettingsUnconnectedAccount'),
route: `${ALERTS_ROUTE}#unconnected-account`,
icon: 'fa fa-bell',
},
{
tabMessage: (t) => t('alerts'),
sectionMessage: (t) => t('alertSettingsWeb3ShimUsage'),
descriptionMessage: (t) => t('alertSettingsWeb3ShimUsage'),
route: `${ALERTS_ROUTE}#web3-shimusage`,
icon: 'fa fa-bell',
},
{
tabMessage: (t) => t('networks'),
sectionMessage: (t) => t('mainnet'),
descriptionMessage: (t) => t('mainnet'),
route: `${NETWORKS_ROUTE}#networks-mainnet`,
icon: 'fa fa-plug',
},
{
tabMessage: (t) => t('networks'),
sectionMessage: (t) => t('ropsten'),
descriptionMessage: (t) => t('ropsten'),
route: `${NETWORKS_ROUTE}#networks-ropsten`,
icon: 'fa fa-plug',
},
{
tabMessage: (t) => t('networks'),
sectionMessage: (t) => t('rinkeby'),
descriptionMessage: (t) => t('rinkeby'),
route: `${NETWORKS_ROUTE}#networks-rinkeby`,
icon: 'fa fa-plug',
},
{
tabMessage: (t) => t('networks'),
sectionMessage: (t) => t('goerli'),
descriptionMessage: (t) => t('goerli'),
route: `${NETWORKS_ROUTE}#networks-goerli`,
icon: 'fa fa-plug',
},
{
tabMessage: (t) => t('networks'),
sectionMessage: (t) => t('kovan'),
descriptionMessage: (t) => t('kovan'),
route: `${NETWORKS_ROUTE}#networks-kovan`,
icon: 'fa fa-plug',
},
{
tabMessage: (t) => t('networks'),
sectionMessage: (t) => t('localhost'),
descriptionMessage: (t) => t('localhost'),
route: `${NETWORKS_ROUTE}#networks-localhost`,
icon: 'fa fa-plug',
},
{
tabMessage: (t) => t('about'),
sectionMessage: (t) => t('metamaskVersion'),
descriptionMessage: (t) => t('builtAroundTheWorld'),
route: `${ABOUT_US_ROUTE}#version`,
icon: 'fa fa-info-circle',
},
{
tabMessage: (t) => t('about'),
sectionMessage: (t) => t('links'),
descriptionMessage: (t) => t('links'),
route: `${ABOUT_US_ROUTE}#links`,
icon: 'fa fa-info-circle',
},
{
tabMessage: (t) => t('about'),
sectionMessage: (t) => t('privacyMsg'),
descriptionMessage: (t) => t('privacyMsg'),
route: `${ABOUT_US_ROUTE}#privacy-policy`,
icon: 'fa fa-info-circle',
},
{
tabMessage: (t) => t('about'),
sectionMessage: (t) => t('terms'),
descriptionMessage: (t) => t('terms'),
route: `${ABOUT_US_ROUTE}#terms`,
icon: 'fa fa-info-circle',
},
{
tabMessage: (t) => t('about'),
sectionMessage: (t) => t('attributions'),
descriptionMessage: (t) => t('attributions'),
route: `${ABOUT_US_ROUTE}#attributions`,
icon: 'fa fa-info-circle',
},
{
tabMessage: (t) => t('about'),
sectionMessage: (t) => t('supportCenter'),
descriptionMessage: (t) => t('supportCenter'),
route: `${ABOUT_US_ROUTE}#supportcenter`,
icon: 'fa fa-info-circle',
},
{
tabMessage: (t) => t('about'),
sectionMessage: (t) => t('visitWebSite'),
descriptionMessage: (t) => t('visitWebSite'),
route: `${ABOUT_US_ROUTE}#visitwebsite`,
icon: 'fa fa-info-circle',
},
{
tabMessage: (t) => t('about'),
sectionMessage: (t) => t('contactUs'),
descriptionMessage: (t) => t('contactUs'),
route: `${ABOUT_US_ROUTE}#contactus`,
icon: 'fa fa-info-circle',
},
{
tabMessage: (t) => t('experimental'),
sectionMessage: (t) => t('enableEIP1559V2'),
descriptionMessage: (t) => t('enableEIP1559V2Description'),
route: `${EXPERIMENTAL_ROUTE}#enable-advanced-gas`,
icon: 'fa fa-flask',
},
{
tabMessage: (t) => t('experimental'),
sectionMessage: (t) => t('theme'),
descriptionMessage: (t) => t('themeDescription'),
route: `${EXPERIMENTAL_ROUTE}#theme`,
icon: 'fa fa-flask',
},
{
// TODO: Remove during TOKEN_DETECTION_V2 feature flag clean up
tabMessage: (t) => t('advanced'),
sectionMessage: (t) => t('tokenDetection'),
descriptionMessage: (t) => t('tokenDetectionToggleDescription'),
route: `${ADVANCED_ROUTE}#token-description`,
icon: 'fas fa-sliders-h',
featureFlag: 'TOKEN_DETECTION_V2',
},
{
// TODO: Remove during TOKEN_DETECTION_V2 feature flag clean up
tabMessage: (t) => t('experimental'),
sectionMessage: (t) => t('useTokenDetection'),
descriptionMessage: (t) => t('useTokenDetectionDescription'),
route: `${EXPERIMENTAL_ROUTE}#token-description`,
icon: 'fa fa-flask',
},
{
tabMessage: (t) => t('experimental'),
sectionMessage: (t) => t('enableOpenSeaAPI'),
descriptionMessage: (t) => t('enableOpenSeaAPIDescription'),
route: `${EXPERIMENTAL_ROUTE}#opensea-api`,
icon: 'fa fa-flask',
featureFlag: 'COLLECTIBLES_V1',
},
{
tabMessage: (t) => t('experimental'),
sectionMessage: (t) => t('useCollectibleDetection'),
descriptionMessage: (t) => t('useCollectibleDetectionDescription'),
route: `${EXPERIMENTAL_ROUTE}#autodetect-nfts`,
icon: 'fa fa-flask',
featureFlag: 'COLLECTIBLES_V1',
},
{
tabMessage: (t) => t('experimental'),
sectionMessage: (t) => t('showCustomNetworkList'),
descriptionMessage: (t) => t('showCustomNetworkListDescription'),
route: `${EXPERIMENTAL_ROUTE}#show-custom-network`,
icon: 'fa fa-flask',
},
];