diff --git a/.eslintrc.js b/.eslintrc.js
index 5e378146d9c..07dce492d8d 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -3,6 +3,12 @@ module.exports = {
 	root: true,
 	parser: 'babel-eslint',
 	extends: ['@react-native-community', 'eslint:recommended', 'plugin:import/warnings', 'plugin:react/recommended'],
+	overrides: [
+		{
+			files: ['*.{ts,tsx}'],
+			extends: ['@metamask/eslint-config-typescript'],
+		},
+	],
 	globals: {
 		process: true,
 		beforeAll: true,
@@ -18,12 +24,12 @@ module.exports = {
 		beforeEach: true,
 		device: true,
 		waitFor: true,
-		__DEV__: true
+		__DEV__: true,
 	},
 	settings: {
 		'import/resolver': {
-			typescript: {} // this loads <rootdir>/tsconfig.json to eslint
-		}
+			typescript: {}, // this loads <rootdir>/tsconfig.json to eslint
+		},
 	},
 	rules: {
 		'no-catch-shadow': 0,
@@ -33,8 +39,8 @@ module.exports = {
 			'single',
 			{
 				avoidEscape: true,
-				allowTemplateLiterals: true
-			}
+				allowTemplateLiterals: true,
+			},
 		],
 		'comma-dangle': 0,
 		curly: 0,
@@ -65,8 +71,8 @@ module.exports = {
 		'no-constant-condition': [
 			2,
 			{
-				checkLoops: false
-			}
+				checkLoops: false,
+			},
 		],
 		'no-duplicate-imports': 2,
 		'no-empty-function': 2,
@@ -89,8 +95,8 @@ module.exports = {
 		'no-unneeded-ternary': [
 			2,
 			{
-				defaultAssignment: false
-			}
+				defaultAssignment: false,
+			},
 		],
 		'no-unsafe-negation': 2,
 		'no-unused-expressions': 'off',
@@ -126,13 +132,13 @@ module.exports = {
 		'react/no-multi-comp': [
 			2,
 			{
-				ignoreStateless: true
-			}
+				ignoreStateless: true,
+			},
 		],
 		'react/no-render-return-value': 2,
 		'react/no-string-refs': 2,
 		'react/no-unused-prop-types': 2,
 		'react/prefer-es6-class': 2,
-		radix: 0
-	}
+		radix: 0,
+	},
 };
diff --git a/app/__mocks__/@react-native-community/async-storage.js b/app/__mocks__/@react-native-community/async-storage.js
index 8557eb27f8b..a0727d68263 100644
--- a/app/__mocks__/@react-native-community/async-storage.js
+++ b/app/__mocks__/@react-native-community/async-storage.js
@@ -1,9 +1,9 @@
-const _isObject = obj => typeof obj === 'object' && !Array.isArray(obj);
+const _isObject = (obj) => typeof obj === 'object' && !Array.isArray(obj);
 const _deepMergeInto = (oldObject, newObject) => {
 	const newKeys = Object.keys(newObject);
 	const mergedObject = oldObject;
 
-	newKeys.forEach(key => {
+	newKeys.forEach((key) => {
 		const oldValue = mergedObject[key];
 		const newValue = newObject[key];
 
@@ -46,11 +46,11 @@ const asMock = {
 	multiGet: _multiGet,
 	multiSet: _multiSet,
 	multiRemove: _multiRemove,
-	multiMerge: _multiMerge
+	multiMerge: _multiMerge,
 };
 
 async function _multiSet(keyValuePairs, callback) {
-	keyValuePairs.forEach(keyValue => {
+	keyValuePairs.forEach((keyValue) => {
 		const key = keyValue[0];
 
 		asMock.__INTERNAL_MOCK_STORAGE__[key] = keyValue[1];
@@ -60,14 +60,14 @@ async function _multiSet(keyValuePairs, callback) {
 }
 
 async function _multiGet(keys, callback) {
-	const values = keys.map(key => [key, asMock.__INTERNAL_MOCK_STORAGE__[key] || null]);
+	const values = keys.map((key) => [key, asMock.__INTERNAL_MOCK_STORAGE__[key] || null]);
 	callback && callback(null, values);
 
 	return values;
 }
 
 async function _multiRemove(keys, callback) {
-	keys.forEach(key => {
+	keys.forEach((key) => {
 		if (asMock.__INTERNAL_MOCK_STORAGE__[key]) {
 			delete asMock.__INTERNAL_MOCK_STORAGE__[key];
 		}
@@ -90,7 +90,7 @@ async function _getAllKeys() {
 }
 
 async function _multiMerge(keyValuePairs, callback) {
-	keyValuePairs.forEach(keyValue => {
+	keyValuePairs.forEach((keyValue) => {
 		const key = keyValue[0];
 		const value = JSON.parse(keyValue[1]);
 
diff --git a/app/__mocks__/react-native-splash-screen.js b/app/__mocks__/react-native-splash-screen.js
index 2d1f2115c3f..09d54d52bc2 100644
--- a/app/__mocks__/react-native-splash-screen.js
+++ b/app/__mocks__/react-native-splash-screen.js
@@ -6,5 +6,5 @@ export default {
 	hide: jest.fn().mockImplementation(() => {
 		// eslint-disable-next-line no-console
 		console.log('hide splash screen');
-	})
+	}),
 };
diff --git a/app/__mocks__/rn-fetch-blob.js b/app/__mocks__/rn-fetch-blob.js
index efdd761092c..4762025727a 100644
--- a/app/__mocks__/rn-fetch-blob.js
+++ b/app/__mocks__/rn-fetch-blob.js
@@ -13,8 +13,8 @@ export default {
 		exists: () => Promise.resolve(),
 		dirs: {
 			CacheDir: noop,
-			DocumentDir: noop
-		}
+			DocumentDir: noop,
+		},
 	},
-	wrap: noop
+	wrap: noop,
 };
diff --git a/app/actions/alert/index.js b/app/actions/alert/index.js
index ff45ad9ce55..4e3d0a0ed0a 100644
--- a/app/actions/alert/index.js
+++ b/app/actions/alert/index.js
@@ -1,6 +1,6 @@
 export function dismissAlert() {
 	return {
-		type: 'HIDE_ALERT'
+		type: 'HIDE_ALERT',
 	};
 }
 
@@ -10,6 +10,6 @@ export function showAlert({ isVisible, autodismiss, content, data }) {
 		isVisible,
 		autodismiss,
 		content,
-		data
+		data,
 	};
 }
diff --git a/app/actions/bookmarks/index.js b/app/actions/bookmarks/index.js
index 12e26dcf007..c6c9a007ea5 100644
--- a/app/actions/bookmarks/index.js
+++ b/app/actions/bookmarks/index.js
@@ -1,13 +1,13 @@
 export function addBookmark(bookmark) {
 	return {
 		type: 'ADD_BOOKMARK',
-		bookmark
+		bookmark,
 	};
 }
 
 export function removeBookmark(bookmark) {
 	return {
 		type: 'REMOVE_BOOKMARK',
-		bookmark
+		bookmark,
 	};
 }
diff --git a/app/actions/browser/index.js b/app/actions/browser/index.js
index 3e13c02e4c6..7cf6f908e60 100644
--- a/app/actions/browser/index.js
+++ b/app/actions/browser/index.js
@@ -9,7 +9,7 @@ export function addToHistory({ url, name }) {
 	return {
 		type: 'ADD_TO_BROWSER_HISTORY',
 		url,
-		name
+		name,
 	};
 }
 
@@ -18,7 +18,7 @@ export function addToHistory({ url, name }) {
  */
 export function clearHistory() {
 	return {
-		type: 'CLEAR_BROWSER_HISTORY'
+		type: 'CLEAR_BROWSER_HISTORY',
 	};
 }
 
@@ -30,7 +30,7 @@ export function clearHistory() {
 export function addToWhitelist(url) {
 	return {
 		type: 'ADD_TO_BROWSER_WHITELIST',
-		url
+		url,
 	};
 }
 
@@ -39,7 +39,7 @@ export function addToWhitelist(url) {
  */
 export function closeAllTabs() {
 	return {
-		type: 'CLOSE_ALL_TABS'
+		type: 'CLOSE_ALL_TABS',
 	};
 }
 
@@ -52,7 +52,7 @@ export function createNewTab(url) {
 	return {
 		type: 'CREATE_NEW_TAB',
 		url,
-		id: Date.now()
+		id: Date.now(),
 	};
 }
 
@@ -64,7 +64,7 @@ export function createNewTab(url) {
 export function closeTab(id) {
 	return {
 		type: 'CLOSE_TAB',
-		id
+		id,
 	};
 }
 
@@ -76,7 +76,7 @@ export function closeTab(id) {
 export function setActiveTab(id) {
 	return {
 		type: 'SET_ACTIVE_TAB',
-		id
+		id,
 	};
 }
 
@@ -90,6 +90,6 @@ export function updateTab(id, data) {
 	return {
 		type: 'UPDATE_TAB',
 		id,
-		data
+		data,
 	};
 }
diff --git a/app/actions/collectibles/index.js b/app/actions/collectibles/index.js
index 7a3b3062dc0..9b2daf056ab 100644
--- a/app/actions/collectibles/index.js
+++ b/app/actions/collectibles/index.js
@@ -4,12 +4,12 @@ export const addFavoriteCollectible = (selectedAddress, chainId, collectible) =>
 	type: ADD_FAVORITE_COLLECTIBLE,
 	selectedAddress,
 	chainId,
-	collectible
+	collectible,
 });
 
 export const removeFavoriteCollectible = (selectedAddress, chainId, collectible) => ({
 	type: REMOVE_FAVORITE_COLLECTIBLE,
 	selectedAddress,
 	chainId,
-	collectible
+	collectible,
 });
diff --git a/app/actions/infuraAvailability/index.js b/app/actions/infuraAvailability/index.js
index 7fd1b8ec23d..93b92eabebc 100644
--- a/app/actions/infuraAvailability/index.js
+++ b/app/actions/infuraAvailability/index.js
@@ -2,12 +2,12 @@ import { INFURA_AVAILABILITY_BLOCKED, INFURA_AVAILABILITY_NOT_BLOCKED } from '..
 
 export function setInfuraAvailabilityBlocked() {
 	return {
-		type: INFURA_AVAILABILITY_BLOCKED
+		type: INFURA_AVAILABILITY_BLOCKED,
 	};
 }
 
 export function setInfuraAvailabilityNotBlocked() {
 	return {
-		type: INFURA_AVAILABILITY_NOT_BLOCKED
+		type: INFURA_AVAILABILITY_NOT_BLOCKED,
 	};
 }
diff --git a/app/actions/modals/index.js b/app/actions/modals/index.js
index 54666a5789e..3b7f3168a56 100644
--- a/app/actions/modals/index.js
+++ b/app/actions/modals/index.js
@@ -1,39 +1,39 @@
 // eslint-disable-next-line import/prefer-default-export
 export function toggleNetworkModal() {
 	return {
-		type: 'TOGGLE_NETWORK_MODAL'
+		type: 'TOGGLE_NETWORK_MODAL',
 	};
 }
 
 export function toggleAccountsModal() {
 	return {
-		type: 'TOGGLE_ACCOUNT_MODAL'
+		type: 'TOGGLE_ACCOUNT_MODAL',
 	};
 }
 
 export function toggleCollectibleContractModal() {
 	return {
-		type: 'TOGGLE_COLLECTIBLE_CONTRACT_MODAL'
+		type: 'TOGGLE_COLLECTIBLE_CONTRACT_MODAL',
 	};
 }
 
 export function toggleReceiveModal(asset) {
 	return {
 		type: 'TOGGLE_RECEIVE_MODAL',
-		asset
+		asset,
 	};
 }
 
 export function toggleDappTransactionModal(show) {
 	return {
 		type: 'TOGGLE_DAPP_TRANSACTION_MODAL',
-		show
+		show,
 	};
 }
 
 export function toggleApproveModal(show) {
 	return {
 		type: 'TOGGLE_APPROVE_MODAL',
-		show
+		show,
 	};
 }
diff --git a/app/actions/notification/index.js b/app/actions/notification/index.js
index 142c3b8a250..cfa6852942d 100644
--- a/app/actions/notification/index.js
+++ b/app/actions/notification/index.js
@@ -1,13 +1,13 @@
 export function hideCurrentNotification() {
 	return {
-		type: 'HIDE_CURRENT_NOTIFICATION'
+		type: 'HIDE_CURRENT_NOTIFICATION',
 	};
 }
 
 export function hideNotificationById(id) {
 	return {
 		type: 'HIDE_NOTIFICATION_BY_ID',
-		id
+		id,
 	};
 }
 
@@ -16,7 +16,7 @@ export function modifyOrShowTransactionNotificationById({ autodismiss, transacti
 		type: 'MODIFY_OR_SHOW_TRANSACTION_NOTIFICATION',
 		autodismiss,
 		transaction,
-		status
+		status,
 	};
 }
 
@@ -26,7 +26,7 @@ export function modifyOrShowSimpleNotificationById({ autodismiss, title, descrip
 		autodismiss,
 		title,
 		description,
-		status
+		status,
 	};
 }
 
@@ -34,20 +34,20 @@ export function replaceNotificationById(notification) {
 	return {
 		type: 'REPLACE_NOTIFICATION_BY_ID',
 		notification,
-		id: notification.id
+		id: notification.id,
 	};
 }
 
 export function removeNotificationById(id) {
 	return {
 		type: 'REMOVE_NOTIFICATION_BY_ID',
-		id
+		id,
 	};
 }
 
 export function removeCurrentNotification() {
 	return {
-		type: 'REMOVE_CURRENT_NOTIFICATION'
+		type: 'REMOVE_CURRENT_NOTIFICATION',
 	};
 }
 
@@ -58,7 +58,7 @@ export function showSimpleNotification({ autodismiss, title, description, status
 		autodismiss,
 		title,
 		description,
-		status
+		status,
 	};
 }
 
@@ -67,12 +67,12 @@ export function showTransactionNotification({ autodismiss, transaction, status }
 		type: 'SHOW_TRANSACTION_NOTIFICATION',
 		autodismiss,
 		transaction,
-		status
+		status,
 	};
 }
 
 export function removeNotVisibleNotifications() {
 	return {
-		type: 'REMOVE_NOT_VISIBLE_NOTIFICATIONS'
+		type: 'REMOVE_NOT_VISIBLE_NOTIFICATIONS',
 	};
 }
diff --git a/app/actions/onboarding/index.js b/app/actions/onboarding/index.js
index 75682bb0f05..2873e957fee 100644
--- a/app/actions/onboarding/index.js
+++ b/app/actions/onboarding/index.js
@@ -6,7 +6,7 @@
 export function saveOnboardingEvent(event) {
 	return {
 		type: 'SAVE_EVENT',
-		event
+		event,
 	};
 }
 
@@ -15,6 +15,6 @@ export function saveOnboardingEvent(event) {
  */
 export function clearOnboardingEvents() {
 	return {
-		type: 'CLEAR_EVENTS'
+		type: 'CLEAR_EVENTS',
 	};
 }
diff --git a/app/actions/privacy/index.js b/app/actions/privacy/index.js
index 600c9896849..0f088d92fdd 100644
--- a/app/actions/privacy/index.js
+++ b/app/actions/privacy/index.js
@@ -1,14 +1,14 @@
 export function approveHost(hostname) {
 	return {
 		type: 'APPROVE_HOST',
-		hostname
+		hostname,
 	};
 }
 
 export function rejectHost(hostname) {
 	return {
 		type: 'REJECT_HOST',
-		hostname
+		hostname,
 	};
 }
 
@@ -19,13 +19,13 @@ export function clearHosts() {
 export function setPrivacyMode(enabled) {
 	return {
 		type: 'SET_PRIVACY_MODE',
-		enabled
+		enabled,
 	};
 }
 
 export function setThirdPartyApiMode(enabled) {
 	return {
 		type: 'SET_THIRD_PARTY_API_MODE',
-		enabled
+		enabled,
 	};
 }
diff --git a/app/actions/recents/index.js b/app/actions/recents/index.js
index 53c6e38242b..6297c1e1924 100644
--- a/app/actions/recents/index.js
+++ b/app/actions/recents/index.js
@@ -1,6 +1,6 @@
 export default function addRecent(recent) {
 	return {
 		type: 'ADD_RECENT',
-		recent
+		recent,
 	};
 }
diff --git a/app/actions/settings/index.js b/app/actions/settings/index.js
index eca421a12c9..0bc52f7ab96 100644
--- a/app/actions/settings/index.js
+++ b/app/actions/settings/index.js
@@ -1,48 +1,48 @@
 export function setSearchEngine(searchEngine) {
 	return {
 		type: 'SET_SEARCH_ENGINE',
-		searchEngine
+		searchEngine,
 	};
 }
 
 export function setShowHexData(showHexData) {
 	return {
 		type: 'SET_SHOW_HEX_DATA',
-		showHexData
+		showHexData,
 	};
 }
 
 export function setShowCustomNonce(showCustomNonce) {
 	return {
 		type: 'SET_SHOW_CUSTOM_NONCE',
-		showCustomNonce
+		showCustomNonce,
 	};
 }
 
 export function setHideZeroBalanceTokens(hideZeroBalanceTokens) {
 	return {
 		type: 'SET_HIDE_ZERO_BALANCE_TOKENS',
-		hideZeroBalanceTokens
+		hideZeroBalanceTokens,
 	};
 }
 
 export function setLockTime(lockTime) {
 	return {
 		type: 'SET_LOCK_TIME',
-		lockTime
+		lockTime,
 	};
 }
 
 export function setPrimaryCurrency(primaryCurrency) {
 	return {
 		type: 'SET_PRIMARY_CURRENCY',
-		primaryCurrency
+		primaryCurrency,
 	};
 }
 
 export function setUseBlockieIcon(useBlockieIcon) {
 	return {
 		type: 'SET_USE_BLOCKIE_ICON',
-		useBlockieIcon
+		useBlockieIcon,
 	};
 }
diff --git a/app/actions/transaction/index.js b/app/actions/transaction/index.js
index ee514d97cc7..e340e0e0917 100644
--- a/app/actions/transaction/index.js
+++ b/app/actions/transaction/index.js
@@ -1,7 +1,7 @@
 import TransactionTypes from '../../core/TransactionTypes';
 
 const {
-	ASSET: { ETH, ERC20, ERC721 }
+	ASSET: { ETH, ERC20, ERC721 },
 } = TransactionTypes;
 
 /**
@@ -9,7 +9,7 @@ const {
  */
 export function resetTransaction() {
 	return {
-		type: 'RESET_TRANSACTION'
+		type: 'RESET_TRANSACTION',
 	};
 }
 
@@ -22,7 +22,7 @@ export function newAssetTransaction(selectedAsset) {
 	return {
 		type: 'NEW_ASSET_TRANSACTION',
 		selectedAsset,
-		assetType: selectedAsset.isETH ? ETH : selectedAsset.tokenId ? ERC721 : ERC20
+		assetType: selectedAsset.isETH ? ETH : selectedAsset.tokenId ? ERC721 : ERC20,
 	};
 }
 
@@ -42,7 +42,7 @@ export function setRecipient(from, to, ensRecipient, transactionToName, transact
 		to,
 		ensRecipient,
 		transactionToName,
-		transactionFromName
+		transactionFromName,
 	};
 }
 
@@ -55,7 +55,7 @@ export function setSelectedAsset(selectedAsset) {
 	return {
 		type: 'SET_SELECTED_ASSET',
 		selectedAsset,
-		assetType: selectedAsset.isETH ? ETH : selectedAsset.tokenId ? ERC721 : ERC20
+		assetType: selectedAsset.isETH ? ETH : selectedAsset.tokenId ? ERC721 : ERC20,
 	};
 }
 
@@ -67,7 +67,7 @@ export function setSelectedAsset(selectedAsset) {
 export function prepareTransaction(transaction) {
 	return {
 		type: 'PREPARE_TRANSACTION',
-		transaction
+		transaction,
 	};
 }
 
@@ -88,7 +88,7 @@ export function prepareFullTransaction({
 	transactionToName,
 	transactionFromName,
 	selectedAsset,
-	assetType
+	assetType,
 }) {
 	return {
 		type: 'PREPARE_FULL_TRANSACTION',
@@ -97,7 +97,7 @@ export function prepareFullTransaction({
 		transactionToName,
 		transactionFromName,
 		selectedAsset,
-		assetType
+		assetType,
 	};
 }
 
@@ -109,7 +109,7 @@ export function prepareFullTransaction({
 export function setTransactionObject(transaction) {
 	return {
 		type: 'SET_TRANSACTION_OBJECT',
-		transaction
+		transaction,
 	};
 }
 
@@ -121,7 +121,7 @@ export function setTransactionObject(transaction) {
 export function setTokensTransaction(asset) {
 	return {
 		type: 'SET_TOKENS_TRANSACTION',
-		asset
+		asset,
 	};
 }
 
@@ -133,7 +133,7 @@ export function setTokensTransaction(asset) {
 export function setEtherTransaction(transaction) {
 	return {
 		type: 'SET_ETHER_TRANSACTION',
-		transaction
+		transaction,
 	};
 }
 
@@ -145,7 +145,7 @@ export function setEtherTransaction(transaction) {
 export function setIndividualTokenTransaction(token) {
 	return {
 		type: 'SET_INDIVIDUAL_TOKEN_TRANSACTION',
-		token
+		token,
 	};
 }
 
@@ -157,7 +157,7 @@ export function setIndividualTokenTransaction(token) {
 export function setIndividualCollectibleTransaction(collectible) {
 	return {
 		type: 'SET_INDIVIDUAL_COLLECTIBLE_TRANSACTION',
-		collectible
+		collectible,
 	};
 }
 
@@ -169,20 +169,20 @@ export function setIndividualCollectibleTransaction(collectible) {
 export function setCollectibleContractTransaction(collectible) {
 	return {
 		type: 'SET_COLLECTIBLE_CONTRACT_TRANSACTION',
-		collectible
+		collectible,
 	};
 }
 
 export function setNonce(nonce) {
 	return {
 		type: 'SET_NONCE',
-		nonce
+		nonce,
 	};
 }
 
 export function setProposedNonce(proposedNonce) {
 	return {
 		type: 'SET_PROPOSED_NONCE',
-		proposedNonce
+		proposedNonce,
 	};
 }
diff --git a/app/actions/user/index.js b/app/actions/user/index.js
index 1599bd5665d..8bb945d4131 100644
--- a/app/actions/user/index.js
+++ b/app/actions/user/index.js
@@ -1,66 +1,66 @@
 export function passwordSet() {
 	return {
-		type: 'PASSWORD_SET'
+		type: 'PASSWORD_SET',
 	};
 }
 
 export function passwordUnset() {
 	return {
-		type: 'PASSWORD_UNSET'
+		type: 'PASSWORD_UNSET',
 	};
 }
 
 export function seedphraseBackedUp() {
 	return {
-		type: 'SEEDPHRASE_BACKED_UP'
+		type: 'SEEDPHRASE_BACKED_UP',
 	};
 }
 
 export function seedphraseNotBackedUp() {
 	return {
-		type: 'SEEDPHRASE_NOT_BACKED_UP'
+		type: 'SEEDPHRASE_NOT_BACKED_UP',
 	};
 }
 
 export function backUpSeedphraseAlertVisible() {
 	return {
-		type: 'BACK_UP_SEEDPHRASE_VISIBLE'
+		type: 'BACK_UP_SEEDPHRASE_VISIBLE',
 	};
 }
 
 export function backUpSeedphraseAlertNotVisible() {
 	return {
-		type: 'BACK_UP_SEEDPHRASE_NOT_VISIBLE'
+		type: 'BACK_UP_SEEDPHRASE_NOT_VISIBLE',
 	};
 }
 
 export function protectWalletModalVisible() {
 	return {
-		type: 'PROTECT_MODAL_VISIBLE'
+		type: 'PROTECT_MODAL_VISIBLE',
 	};
 }
 
 export function protectWalletModalNotVisible() {
 	return {
-		type: 'PROTECT_MODAL_NOT_VISIBLE'
+		type: 'PROTECT_MODAL_NOT_VISIBLE',
 	};
 }
 
 export function loadingSet(loadingMsg) {
 	return {
 		type: 'LOADING_SET',
-		loadingMsg
+		loadingMsg,
 	};
 }
 
 export function loadingUnset() {
 	return {
-		type: 'LOADING_UNSET'
+		type: 'LOADING_UNSET',
 	};
 }
 
 export function setGasEducationCarouselSeen() {
 	return {
-		type: 'SET_GAS_EDUCATION_CAROUSEL_SEEN'
+		type: 'SET_GAS_EDUCATION_CAROUSEL_SEEN',
 	};
 }
diff --git a/app/actions/wizard/index.js b/app/actions/wizard/index.js
index 1040ce526e4..01ce3d6fbb9 100644
--- a/app/actions/wizard/index.js
+++ b/app/actions/wizard/index.js
@@ -4,6 +4,6 @@
 export default function setOnboardingWizardStep(step) {
 	return {
 		type: 'SET_ONBOARDING_WIZARD_STEP',
-		step
+		step,
 	};
 }
diff --git a/app/components/Base/Alert.js b/app/components/Base/Alert.js
index 1c454cab08e..f96110130e2 100644
--- a/app/components/Base/Alert.js
+++ b/app/components/Base/Alert.js
@@ -10,30 +10,30 @@ const styles = StyleSheet.create({
 		paddingVertical: 12,
 		borderWidth: 1,
 		borderRadius: 4,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	baseSmall: {
-		paddingVertical: 8
+		paddingVertical: 8,
 	},
 	info: {
 		backgroundColor: colors.blue100,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	warning: {
 		backgroundColor: colors.yellow100,
-		borderColor: colors.yellow
+		borderColor: colors.yellow,
 	},
 	error: {
 		backgroundColor: colors.red000,
-		borderColor: colors.red
+		borderColor: colors.red,
 	},
 	textInfo: { color: colors.blue, flexShrink: 1, lineHeight: 16.8 },
 	textWarning: { color: colors.yellow700, flexShrink: 1, lineHeight: 16.8 },
 	textError: { color: colors.red, flexShrink: 1, lineHeight: 16.8 },
 	textIconStyle: { marginRight: 12 },
 	iconWrapper: {
-		alignItems: 'center'
-	}
+		alignItems: 'center',
+	},
 });
 
 function getStyles(type) {
@@ -75,7 +75,7 @@ Alert.propTypes = {
 	small: PropTypes.bool,
 	renderIcon: PropTypes.func,
 	onPress: PropTypes.func,
-	children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
+	children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
 };
 
 export default Alert;
diff --git a/app/components/Base/DetailsModal.js b/app/components/Base/DetailsModal.js
index bbdbd3f8a4c..929dee118bf 100644
--- a/app/components/Base/DetailsModal.js
+++ b/app/components/Base/DetailsModal.js
@@ -10,18 +10,18 @@ const styles = StyleSheet.create({
 	modalContainer: {
 		width: '100%',
 		backgroundColor: colors.white,
-		borderRadius: 10
+		borderRadius: 10,
 	},
 	modalView: {
 		flexDirection: 'column',
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	header: {
 		borderBottomWidth: StyleSheet.hairlineWidth,
 		borderColor: colors.grey100,
 		flexDirection: 'row',
-		paddingHorizontal: 16
+		paddingHorizontal: 16,
 	},
 	title: {
 		flex: 1,
@@ -30,32 +30,32 @@ const styles = StyleSheet.create({
 		marginVertical: 12,
 		marginHorizontal: 24,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	closeIcon: { paddingTop: 4, position: 'absolute', right: 16 },
 	body: {
-		paddingHorizontal: 15
+		paddingHorizontal: 15,
 	},
 	section: {
 		paddingVertical: 16,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	sectionBorderBottom: {
 		borderBottomColor: colors.grey100,
-		borderBottomWidth: 1
+		borderBottomWidth: 1,
 	},
 	column: {
-		flex: 1
+		flex: 1,
 	},
 	columnEnd: {
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	sectionTitle: {
 		...fontStyles.normal,
 		fontSize: 10,
 		color: colors.grey500,
-		marginBottom: 8
-	}
+		marginBottom: 8,
+	},
 });
 const DetailsModal = ({ children }) => (
 	<View style={styles.modalView}>
@@ -93,36 +93,36 @@ DetailsModal.Column = DetailsModalColumn;
 const stylePropType = PropTypes.oneOfType([PropTypes.object, PropTypes.array]);
 
 DetailsModal.propTypes = {
-	children: PropTypes.node
+	children: PropTypes.node,
 };
 
 DetailsModalHeader.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 DetailsModalTitle.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 DetailsModalCloseIcon.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 DetailsModalBody.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 DetailsModalSection.propTypes = {
 	style: stylePropType,
 	/**
 	 * Adds a border to the bottom of the section
 	 */
-	borderBottom: PropTypes.bool
+	borderBottom: PropTypes.bool,
 };
 DetailsModalSectionTitle.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 DetailsModalColumn.propTypes = {
 	style: stylePropType,
 	/**
 	 * Aligns column content to flex-end
 	 */
-	end: PropTypes.bool
+	end: PropTypes.bool,
 };
 export default DetailsModal;
diff --git a/app/components/Base/HorizontalSelector/index.js b/app/components/Base/HorizontalSelector/index.js
index 079a400d545..c455827667b 100644
--- a/app/components/Base/HorizontalSelector/index.js
+++ b/app/components/Base/HorizontalSelector/index.js
@@ -11,22 +11,22 @@ const styles = StyleSheet.create({
 		display: 'flex',
 		flexDirection: 'row',
 		justifyContent: 'space-around',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	labels: {
 		display: 'flex',
 		flexDirection: 'row',
 		justifyContent: 'space-around',
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	option: {
 		width: OPTION_WIDTH,
 		display: 'flex',
 		alignItems: 'center',
 		flex: 0,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
-	circle: size => ({
+	circle: (size) => ({
 		width: size,
 		height: size,
 		flexShrink: 0,
@@ -36,27 +36,27 @@ const styles = StyleSheet.create({
 		justifyContent: 'center',
 		borderWidth: 2,
 		borderRadius: 9999,
-		borderColor: colors.grey200
+		borderColor: colors.grey200,
 	}),
 	circleSelected: {
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	circleError: {
-		borderColor: colors.red
+		borderColor: colors.red,
 	},
 	circleDisabled: {
-		opacity: 0.4
+		opacity: 0.4,
 	},
-	innerCircle: size => ({
+	innerCircle: (size) => ({
 		width: size * INNER_CIRCLE_SCALE,
 		height: size * INNER_CIRCLE_SCALE,
 		flexShrink: 0,
 		flexGrow: 0,
 		backgroundColor: colors.blue,
-		borderRadius: 999
+		borderRadius: 999,
 	}),
 	innerCircleError: {
-		backgroundColor: colors.red
+		backgroundColor: colors.red,
 	},
 	verticalLine: {
 		marginTop: 2,
@@ -64,7 +64,7 @@ const styles = StyleSheet.create({
 		width: 0,
 		height: 4,
 		borderLeftWidth: 1,
-		borderColor: colors.grey200
+		borderColor: colors.grey200,
 	},
 	topVerticalLine: {
 		marginTop: 0,
@@ -72,33 +72,33 @@ const styles = StyleSheet.create({
 		width: 0,
 		height: 4,
 		borderLeftWidth: 1,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	line: {
 		alignItems: 'center',
 		flexDirection: 'row',
 		justifyContent: 'space-around',
 		width: '100%',
-		marginBottom: 2
+		marginBottom: 2,
 	},
 	lineHolder: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		borderWidth: 0
+		borderWidth: 0,
 	},
 	lineFill: {
-		flex: 1
+		flex: 1,
 	},
 	lineVisible: {
 		borderTopWidth: 1,
-		borderColor: colors.grey200
+		borderColor: colors.grey200,
 	},
 	circleHitSlop: {
 		top: 0,
 		bottom: 20,
 		left: 0,
-		right: 0
-	}
+		right: 0,
+	},
 });
 
 function Circle({ size = 22, selected, disabled, error }) {
@@ -108,7 +108,7 @@ function Circle({ size = 22, selected, disabled, error }) {
 				styles.circle(size),
 				selected && styles.circleSelected,
 				selected && error && styles.circleError,
-				disabled && styles.circleDisabled
+				disabled && styles.circleDisabled,
 			]}
 		>
 			{selected && (
@@ -116,7 +116,7 @@ function Circle({ size = 22, selected, disabled, error }) {
 					style={[
 						styles.innerCircle(size),
 						selected && error && styles.innerCircleError,
-						{ width: size * INNER_CIRCLE_SCALE, height: size * INNER_CIRCLE_SCALE }
+						{ width: size * INNER_CIRCLE_SCALE, height: size * INNER_CIRCLE_SCALE },
 					]}
 				/>
 			)}
@@ -127,7 +127,7 @@ Circle.propTypes = {
 	size: PropTypes.number,
 	selected: PropTypes.bool,
 	disabled: PropTypes.bool,
-	error: PropTypes.bool
+	error: PropTypes.bool,
 };
 
 function Option({ onPress, name, ...props }) {
@@ -137,16 +137,16 @@ function Option({ onPress, name, ...props }) {
 
 Option.propTypes = {
 	onPress: PropTypes.func,
-	name: PropTypes.string
+	name: PropTypes.string,
 };
 
 function HorizontalSelector({ options = [], selected, circleSize, onPress, disabled, ...props }) {
-	const hasTopLabels = useMemo(() => options.some(option => option.topLabel), [options]);
+	const hasTopLabels = useMemo(() => options.some((option) => option.topLabel), [options]);
 	return (
 		<View {...props}>
 			{hasTopLabels && (
 				<View style={styles.selector}>
-					{options.map(option =>
+					{options.map((option) =>
 						option.topLabel ? (
 							<View key={option.name} style={styles.option}>
 								{typeof option.topLabel === 'string' ? (
@@ -167,7 +167,7 @@ function HorizontalSelector({ options = [], selected, circleSize, onPress, disab
 				</View>
 			)}
 			<View style={styles.selector}>
-				{options.map(option => (
+				{options.map((option) => (
 					<Option
 						key={option.name}
 						onPress={onPress}
@@ -199,7 +199,7 @@ function HorizontalSelector({ options = [], selected, circleSize, onPress, disab
 				))}
 			</View>
 			<View style={styles.labels}>
-				{options.map(option => (
+				{options.map((option) => (
 					<Option
 						key={option.name}
 						onPress={onPress}
@@ -247,7 +247,7 @@ HorizontalSelector.propTypes = {
 			/**
 			 * Boolean value to determine if the option should represent an error
 			 */
-			error: PropTypes.bool
+			error: PropTypes.bool,
 		})
 	),
 	/**
@@ -265,7 +265,7 @@ HorizontalSelector.propTypes = {
 	/**
 	 * Current option name selected
 	 */
-	selected: PropTypes.string
+	selected: PropTypes.string,
 };
 
 export default HorizontalSelector;
diff --git a/app/components/Base/Keypad/components.js b/app/components/Base/Keypad/components.js
index 99599e6fb50..ae9ac7831a3 100644
--- a/app/components/Base/Keypad/components.js
+++ b/app/components/Base/Keypad/components.js
@@ -9,32 +9,32 @@ import { colors } from '../../../styles/common';
 
 const styles = StyleSheet.create({
 	keypad: {
-		paddingHorizontal: 25
+		paddingHorizontal: 25,
 	},
 	keypadRow: {
 		flexDirection: 'row',
-		justifyContent: 'space-around'
+		justifyContent: 'space-around',
 	},
 	keypadButton: {
 		paddingHorizontal: 20,
 		paddingVertical: Device.isMediumDevice() ? (Device.isIphone5() ? 4 : 8) : 12,
 		flex: 1,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	keypadButtonText: {
 		color: colors.black,
 		textAlign: 'center',
-		fontSize: 30
+		fontSize: 30,
 	},
 	deleteIcon: {
 		fontSize: 25,
-		marginTop: 5
-	}
+		marginTop: 5,
+	},
 });
 
-const KeypadContainer = props => <View style={styles.keypad} {...props} />;
-const KeypadRow = props => <View style={styles.keypadRow} {...props} />;
+const KeypadContainer = (props) => <View style={styles.keypad} {...props} />;
+const KeypadRow = (props) => <View style={styles.keypadRow} {...props} />;
 const KeypadButton = ({ children, ...props }) => (
 	<TouchableOpacity style={styles.keypadButton} {...props}>
 		<Text style={styles.keypadButtonText}>{children}</Text>
@@ -42,10 +42,10 @@ const KeypadButton = ({ children, ...props }) => (
 );
 
 KeypadButton.propTypes = {
-	children: PropTypes.node
+	children: PropTypes.node,
 };
 
-const KeypadDeleteButton = props => (
+const KeypadDeleteButton = (props) => (
 	<TouchableOpacity style={styles.keypadButton} {...props}>
 		<IonicIcon style={[styles.keypadButtonText, styles.deleteIcon]} name="md-arrow-back" />
 	</TouchableOpacity>
diff --git a/app/components/Base/Keypad/constants.js b/app/components/Base/Keypad/constants.js
index 0d60e90e0d2..f526b70e304 100644
--- a/app/components/Base/Keypad/constants.js
+++ b/app/components/Base/Keypad/constants.js
@@ -13,108 +13,108 @@ export const KEYS = {
 	DIGIT_0: '0',
 	PERIOD: 'PERIOD',
 	BACK: 'BACK',
-	INITIAL: 'INITIAL'
+	INITIAL: 'INITIAL',
 };
 
 export const CURRENCIES = {
 	AUD: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: '$'
+		symbol: '$',
 	},
 	BRL: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: 'R$'
+		symbol: 'R$',
 	},
 	CAD: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: '$'
+		symbol: '$',
 	},
 	CLP: {
 		decimalSeparator: null,
 		handler: createKeypadRule({ decimalSeparator: null }),
-		symbol: '$'
+		symbol: '$',
 	},
 	CZK: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: 'Kč'
+		symbol: 'Kč',
 	},
 	default: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.' }),
-		symbol: null
+		symbol: null,
 	},
 	DKK: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: 'kr'
+		symbol: 'kr',
 	},
 	EUR: {
 		decimalSeparator: ',',
 		handler: createKeypadRule({ decimalSeparator: ',', decimals: 2 }),
-		symbol: '€'
+		symbol: '€',
 	},
 	GBP: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: '£'
+		symbol: '£',
 	},
 	HKD: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: '$'
+		symbol: '$',
 	},
 	ISK: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: 'kr'
+		symbol: 'kr',
 	},
 	JPY: {
 		decimalSeparator: null,
 		handler: createKeypadRule({ decimalSeparator: null }),
-		symbol: '¥'
+		symbol: '¥',
 	},
 	native: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.' }),
-		symbol: null
+		symbol: null,
 	},
 	NOK: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: 'kr'
+		symbol: 'kr',
 	},
 	NZD: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: '$'
+		symbol: '$',
 	},
 	PLN: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: 'zł'
+		symbol: 'zł',
 	},
 	SGD: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: '$'
+		symbol: '$',
 	},
 	SEK: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: 'kr'
+		symbol: 'kr',
 	},
 	CHF: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: 'Fr'
+		symbol: 'Fr',
 	},
 	USD: {
 		decimalSeparator: '.',
 		handler: createKeypadRule({ decimalSeparator: '.', decimals: 2 }),
-		symbol: '$'
-	}
+		symbol: '$',
+	},
 };
diff --git a/app/components/Base/Keypad/index.js b/app/components/Base/Keypad/index.js
index 071a5154c3b..7d126af139b 100644
--- a/app/components/Base/Keypad/index.js
+++ b/app/components/Base/Keypad/index.js
@@ -6,7 +6,7 @@ import useCurrency from './useCurrency';
 function KeypadComponent({ onChange, value, currency }) {
 	const { handler, decimalSeparator } = useCurrency(currency);
 	const handleKeypadPress = useCallback(
-		pressedKey => {
+		(pressedKey) => {
 			const newValue = handler(value, pressedKey);
 			onChange(newValue, pressedKey);
 		},
@@ -22,10 +22,10 @@ function KeypadComponent({ onChange, value, currency }) {
 	const handleKeypadPress8 = useCallback(() => handleKeypadPress(KEYS.DIGIT_8), [handleKeypadPress]);
 	const handleKeypadPress9 = useCallback(() => handleKeypadPress(KEYS.DIGIT_9), [handleKeypadPress]);
 	const handleKeypadPress0 = useCallback(() => handleKeypadPress(KEYS.DIGIT_0), [handleKeypadPress]);
-	const handleKeypadPressPeriod = useCallback(() => decimalSeparator && handleKeypadPress(KEYS.PERIOD), [
-		decimalSeparator,
-		handleKeypadPress
-	]);
+	const handleKeypadPressPeriod = useCallback(
+		() => decimalSeparator && handleKeypadPress(KEYS.PERIOD),
+		[decimalSeparator, handleKeypadPress]
+	);
 	const handleKeypadPressBack = useCallback(() => handleKeypadPress(KEYS.BACK), [handleKeypadPress]);
 	const handleKeypadLongPressBack = useCallback(() => handleKeypadPress(KEYS.INITIAL), [handleKeypadPress]);
 
@@ -71,7 +71,7 @@ KeypadComponent.propTypes = {
 	/**
 	 * Current value used to create new value when a key is pressed.
 	 */
-	value: PropTypes.string
+	value: PropTypes.string,
 };
 
 export { KEYS };
diff --git a/app/components/Base/ListItem.js b/app/components/Base/ListItem.js
index 61bf78e092e..9474712d6af 100644
--- a/app/components/Base/ListItem.js
+++ b/app/components/Base/ListItem.js
@@ -7,7 +7,7 @@ import Text from './Text';
 
 const styles = StyleSheet.create({
 	wrapper: {
-		padding: 15
+		padding: 15,
 		// TODO(wachunei): check if this can be removed without breaking anything
 		// minHeight: Device.isIos() ? 55 : 100
 	},
@@ -15,42 +15,42 @@ const styles = StyleSheet.create({
 		color: colors.fontSecondary,
 		fontSize: 12,
 		marginBottom: 10,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	content: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	actions: {
 		flexDirection: 'row',
 		paddingTop: 10,
-		paddingLeft: 40
+		paddingLeft: 40,
 	},
 	icon: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	body: {
 		flex: 1,
-		marginLeft: 15
+		marginLeft: 15,
 	},
 	amounts: {
 		flex: 0.6,
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	title: {
 		fontSize: 15,
-		color: colors.fontPrimary
+		color: colors.fontPrimary,
 	},
 	amount: {
 		fontSize: 15,
-		color: colors.fontPrimary
+		color: colors.fontPrimary,
 	},
 	fiatAmount: {
 		fontSize: 12,
 		color: colors.fontSecondary,
-		textTransform: 'uppercase'
-	}
+		textTransform: 'uppercase',
+	},
 });
 
 const ListItem = ({ style, ...props }) => <View style={[styles.wrapper, style]} {...props} />;
@@ -83,32 +83,32 @@ export default ListItem;
 const stylePropType = PropTypes.oneOfType([PropTypes.object, PropTypes.array]);
 
 ListItem.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 ListItemDate.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 ListItemContent.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 ListItemActions.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 ListItemIcon.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 ListItemBody.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 ListItemTitle.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 ListItemAmounts.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 ListItemAmount.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 ListItemFiatAmount.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
diff --git a/app/components/Base/ModalDragger.js b/app/components/Base/ModalDragger.js
index a25207620fa..38c55250545 100644
--- a/app/components/Base/ModalDragger.js
+++ b/app/components/Base/ModalDragger.js
@@ -11,18 +11,18 @@ const styles = StyleSheet.create({
 		alignItems: 'center',
 		justifyContent: 'center',
 		borderBottomWidth: StyleSheet.hairlineWidth,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	borderless: {
-		borderColor: colors.transparent
+		borderColor: colors.transparent,
 	},
 	dragger: {
 		width: 48,
 		height: 5,
 		borderRadius: 4,
 		backgroundColor: colors.grey400,
-		opacity: Device.isAndroid() ? 0.6 : 0.5
-	}
+		opacity: Device.isAndroid() ? 0.6 : 0.5,
+	},
 });
 
 function ModalDragger({ borderless }) {
@@ -34,7 +34,7 @@ function ModalDragger({ borderless }) {
 }
 
 ModalDragger.propTypes = {
-	borderless: PropTypes.bool
+	borderless: PropTypes.bool,
 };
 
 export default ModalDragger;
diff --git a/app/components/Base/RangeInput.js b/app/components/Base/RangeInput.js
index 6f0cd53bfac..7e2ff10bb7c 100644
--- a/app/components/Base/RangeInput.js
+++ b/app/components/Base/RangeInput.js
@@ -11,33 +11,33 @@ const styles = StyleSheet.create({
 		flexDirection: 'row',
 		alignItems: 'center',
 		justifyContent: 'space-between',
-		marginBottom: 14
+		marginBottom: 14,
 	},
-	rangeInputContainer: error => ({
+	rangeInputContainer: (error) => ({
 		borderColor: error ? colors.red : colors.grey200,
 		borderWidth: 1,
 		borderRadius: 6,
 		flexDirection: 'row',
 		alignItems: 'center',
 		justifyContent: 'space-between',
-		height: 42
+		height: 42,
 	}),
-	input: error => ({
+	input: (error) => ({
 		height: 38,
 		minWidth: 10,
 		paddingRight: 6,
-		color: error ? colors.red : colors.black
+		color: error ? colors.red : colors.black,
 	}),
 	buttonContainerLeft: {
 		marginLeft: 17,
-		flex: 1
+		flex: 1,
 	},
 	buttonContainerRight: {
 		flexDirection: 'row',
 		alignItems: 'center',
 		justifyContent: 'flex-end',
 		marginRight: 17,
-		flex: 1
+		flex: 1,
 	},
 	button: {
 		borderRadius: 100,
@@ -46,41 +46,41 @@ const styles = StyleSheet.create({
 		height: 20,
 		width: 20,
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	buttonText: {
 		paddingTop: 1,
 		paddingLeft: 0.5,
-		color: colors.blue
+		color: colors.blue,
 	},
 	hitSlop: {
 		top: 10,
 		left: 10,
 		bottom: 10,
-		right: 10
+		right: 10,
 	},
 	inputContainer: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	errorContainer: {
 		marginTop: 8,
 		color: colors.red,
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	errorIcon: {
 		paddingRight: 4,
-		color: colors.red
+		color: colors.red,
 	},
 	conversionEstimation: {
 		paddingLeft: 2,
 		marginRight: 14,
 		flex: 1,
 		textAlign: 'center',
-		fontSize: 11
-	}
+		fontSize: 11,
+	},
 });
 
 const RangeInput = ({
@@ -94,7 +94,7 @@ const RangeInput = ({
 	error,
 	min,
 	max,
-	name
+	name,
 }) => {
 	const textInput = useRef(null);
 	const [errorState, setErrorState] = useState();
@@ -128,7 +128,7 @@ const RangeInput = ({
 		changeValue(newValue.toString());
 	}, [changeValue, increment, min, value]);
 
-	const renderLabelComponent = useCallback(component => {
+	const renderLabelComponent = useCallback((component) => {
 		if (!component) return null;
 		if (typeof component === 'string')
 			return (
@@ -207,7 +207,7 @@ const RangeInput = ({
 };
 
 RangeInput.defaultProps = {
-	increment: new BigNumber(1)
+	increment: new BigNumber(1),
 };
 
 RangeInput.propTypes = {
@@ -254,7 +254,7 @@ RangeInput.propTypes = {
 	/**
 	 * The name of the input
 	 */
-	name: PropTypes.string
+	name: PropTypes.string,
 };
 
 export default RangeInput;
diff --git a/app/components/Base/RemoteImage/index.js b/app/components/Base/RemoteImage/index.js
index f169ed11bf3..1b3429c7ad8 100644
--- a/app/components/Base/RemoteImage/index.js
+++ b/app/components/Base/RemoteImage/index.js
@@ -7,10 +7,10 @@ import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource'
 import { SvgCssUri } from 'react-native-svg';
 import ComponentErrorBoundary from '../../UI/ComponentErrorBoundary';
 
-const RemoteImage = props => {
+const RemoteImage = (props) => {
 	// Avoid using this component with animated SVG
 	const source = resolveAssetSource(props.source);
-	if (source && (source.uri && source.uri.match('.svg'))) {
+	if (source && source.uri && source.uri.match('.svg')) {
 		const style = props.style || {};
 		if (source.__packager_asset && typeof style !== 'number') {
 			if (!style.width) {
@@ -59,7 +59,7 @@ RemoteImage.propTypes = {
 	/**
 	 * Called when there is an error
 	 */
-	onError: PropTypes.func
+	onError: PropTypes.func,
 };
 
 export default RemoteImage;
diff --git a/app/components/Base/RemoteImage/index.test.js b/app/components/Base/RemoteImage/index.test.js
index d83db94ea23..e59857188a4 100644
--- a/app/components/Base/RemoteImage/index.test.js
+++ b/app/components/Base/RemoteImage/index.test.js
@@ -7,7 +7,7 @@ describe('RemoteImage', () => {
 		const wrapper = shallow(
 			<RemoteImage
 				source={{
-					uri: `https://raw.githubusercontent.com/MetaMask/contract-metadata/master/images/dai.svg`
+					uri: `https://raw.githubusercontent.com/MetaMask/contract-metadata/master/images/dai.svg`,
 				}}
 			/>
 		);
diff --git a/app/components/Base/SelectorButton.js b/app/components/Base/SelectorButton.js
index 2eb6dc59f52..1660eef818d 100644
--- a/app/components/Base/SelectorButton.js
+++ b/app/components/Base/SelectorButton.js
@@ -12,14 +12,14 @@ const styles = StyleSheet.create({
 		borderRadius: 100,
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	caretDown: {
 		textAlign: 'right',
 		color: colors.grey500,
 		marginLeft: 10,
-		marginRight: 5
-	}
+		marginRight: 5,
+	},
 });
 
 function SelectorButton({ onPress, disabled, children, ...props }) {
@@ -36,7 +36,7 @@ function SelectorButton({ onPress, disabled, children, ...props }) {
 SelectorButton.propTypes = {
 	children: PropTypes.node,
 	onPress: PropTypes.func,
-	disabled: PropTypes.bool
+	disabled: PropTypes.bool,
 };
 
 export default SelectorButton;
diff --git a/app/components/Base/StatusText.js b/app/components/Base/StatusText.js
index b3f4617a151..8af81a449da 100644
--- a/app/components/Base/StatusText.js
+++ b/app/components/Base/StatusText.js
@@ -10,13 +10,13 @@ const styles = StyleSheet.create({
 	status: {
 		marginTop: 4,
 		fontSize: 12,
-		letterSpacing: 0.5
-	}
+		letterSpacing: 0.5,
+	},
 });
 
-export const ConfirmedText = props => <Text bold green style={styles.status} {...props} />;
-export const PendingText = props => <Text bold style={[styles.status, { color: colors.orange }]} {...props} />;
-export const FailedText = props => <Text bold style={[styles.status, { color: colors.red }]} {...props} />;
+export const ConfirmedText = (props) => <Text bold green style={styles.status} {...props} />;
+export const PendingText = (props) => <Text bold style={[styles.status, { color: colors.orange }]} {...props} />;
+export const FailedText = (props) => <Text bold style={[styles.status, { color: colors.red }]} {...props} />;
 
 function StatusText({ status, context, ...props }) {
 	switch (status) {
@@ -53,12 +53,12 @@ function StatusText({ status, context, ...props }) {
 }
 
 StatusText.defaultProps = {
-	context: 'transaction'
+	context: 'transaction',
 };
 
 StatusText.propTypes = {
 	status: PropTypes.string.isRequired,
-	context: PropTypes.string
+	context: PropTypes.string,
 };
 
 export default StatusText;
diff --git a/app/components/Base/Summary.js b/app/components/Base/Summary.js
index d9f664e3221..908a4ae0a3a 100644
--- a/app/components/Base/Summary.js
+++ b/app/components/Base/Summary.js
@@ -8,30 +8,30 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		borderColor: colors.grey050,
 		borderRadius: 8,
-		padding: 16
+		padding: 16,
 	},
 	row: {
 		flexDirection: 'row',
 		justifyContent: 'space-between',
-		marginVertical: 3
+		marginVertical: 3,
 	},
 	rowEnd: {
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	rowLast: {
 		marginBottom: 0,
-		marginTop: 3
+		marginTop: 3,
 	},
 	col: {
 		flexDirection: 'row',
 		flex: 1,
-		flexWrap: 'wrap'
+		flexWrap: 'wrap',
 	},
 	separator: {
 		borderBottomWidth: 1,
 		borderBottomColor: colors.grey050,
-		marginVertical: 6
-	}
+		marginVertical: 6,
+	},
 });
 
 const Summary = ({ style, ...props }) => <View style={[styles.wrapper, style]} {...props} />;
@@ -52,7 +52,7 @@ export default Summary;
 const stylePropType = PropTypes.oneOfType([PropTypes.object, PropTypes.array]);
 
 Summary.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
 SummaryRow.propTypes = {
 	style: stylePropType,
@@ -63,15 +63,15 @@ SummaryRow.propTypes = {
 	/**
 	 * Add style to the last row of the summary
 	 */
-	last: PropTypes.bool
+	last: PropTypes.bool,
 };
 SummaryCol.propTypes = {
 	style: stylePropType,
 	/**
 	 * Aligns content to the end of the row
 	 */
-	end: PropTypes.bool
+	end: PropTypes.bool,
 };
 SummarySeparator.propTypes = {
-	style: stylePropType
+	style: stylePropType,
 };
diff --git a/app/components/Base/TabBar.js b/app/components/Base/TabBar.js
index ef2884a379d..9835fb886c7 100644
--- a/app/components/Base/TabBar.js
+++ b/app/components/Base/TabBar.js
@@ -7,15 +7,15 @@ import { colors, fontStyles } from '../../styles/common';
 const styles = StyleSheet.create({
 	tabUnderlineStyle: {
 		height: 2,
-		backgroundColor: colors.blue
+		backgroundColor: colors.blue,
 	},
 	tabStyle: {
-		paddingVertical: 8
+		paddingVertical: 8,
 	},
 	textStyle: {
 		...fontStyles.normal,
-		fontSize: 14
-	}
+		fontSize: 14,
+	},
 });
 
 function TabBar({ ...props }) {
diff --git a/app/components/Base/Text.js b/app/components/Base/Text.js
index 828a70f21df..2dc262e3932 100644
--- a/app/components/Base/Text.js
+++ b/app/components/Base/Text.js
@@ -8,70 +8,70 @@ const style = StyleSheet.create({
 		...fontStyles.normal,
 		color: colors.grey600,
 		marginVertical: 2,
-		fontSize: 14
+		fontSize: 14,
 	},
 	centered: {
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	right: {
-		textAlign: 'right'
+		textAlign: 'right',
 	},
 	red: {
-		color: colors.red
+		color: colors.red,
 	},
 	orange: {
-		color: colors.orange
+		color: colors.orange,
 	},
 	black: {
-		color: colors.black
+		color: colors.black,
 	},
 	bold: fontStyles.bold,
 	blue: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	green: {
-		color: colors.green400
+		color: colors.green400,
 	},
 	grey: {
-		color: colors.grey500
+		color: colors.grey500,
 	},
 	primary: {
-		color: colors.fontPrimary
+		color: colors.fontPrimary,
 	},
 	small: {
-		fontSize: 12
+		fontSize: 12,
 	},
 	big: {
-		fontSize: 16
+		fontSize: 16,
 	},
 	upper: {
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	disclaimer: {
 		fontStyle: 'italic',
-		letterSpacing: 0.15
+		letterSpacing: 0.15,
 	},
 	modal: {
 		color: colors.fontPrimary,
 		fontSize: 16,
-		lineHeight: 22.4 // 1.4 * fontSize
+		lineHeight: 22.4, // 1.4 * fontSize
 	},
 	infoModal: {
 		lineHeight: 20,
-		marginVertical: 6
+		marginVertical: 6,
 	},
 	link: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	strikethrough: {
-		textDecorationLine: 'line-through'
+		textDecorationLine: 'line-through',
 	},
 	underline: {
-		textDecorationLine: 'underline'
+		textDecorationLine: 'underline',
 	},
 	noMargin: {
-		marginVertical: 0
-	}
+		marginVertical: 0,
+	},
 });
 
 const Text = ({
@@ -123,7 +123,7 @@ const Text = ({
 			strikethrough && style.strikethrough,
 			underline && style.underline,
 			noMargin && style.noMargin,
-			externalStyle
+			externalStyle,
 		]}
 		{...props}
 	/>
@@ -147,7 +147,7 @@ Text.defaultProps = {
 	link: false,
 	strikethrough: false,
 	underline: false,
-	style: undefined
+	style: undefined,
 };
 
 Text.propTypes = {
@@ -241,7 +241,7 @@ Text.propTypes = {
 	/**
 	 * Any other external style defined in props will be applied
 	 */
-	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array])
+	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 };
 
 export default Text;
diff --git a/app/components/Base/Title.js b/app/components/Base/Title.js
index 8a015378fbf..d33bb5f34de 100644
--- a/app/components/Base/Title.js
+++ b/app/components/Base/Title.js
@@ -9,14 +9,14 @@ const style = StyleSheet.create({
 		fontSize: 18,
 		marginVertical: 3,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	hero: {
-		fontSize: 22
+		fontSize: 22,
 	},
 	centered: {
-		textAlign: 'center'
-	}
+		textAlign: 'center',
+	},
 });
 
 const Title = ({ centered, hero, style: externalStyle, ...props }) => (
@@ -26,7 +26,7 @@ const Title = ({ centered, hero, style: externalStyle, ...props }) => (
 Title.defaultProps = {
 	centered: false,
 	hero: false,
-	style: undefined
+	style: undefined,
 };
 
 Title.propTypes = {
@@ -41,7 +41,7 @@ Title.propTypes = {
 	/**
 	 * Any other external style defined in props will be applied
 	 */
-	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array])
+	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 };
 
 export default Title;
diff --git a/app/components/Base/hooks/useModalHandler.js b/app/components/Base/hooks/useModalHandler.js
index 7dc0df8f22c..9196a5f5420 100644
--- a/app/components/Base/hooks/useModalHandler.js
+++ b/app/components/Base/hooks/useModalHandler.js
@@ -18,7 +18,7 @@ function useModalHandler(initialState = false) {
 
 	const showModal = useCallback(() => setVisible(true), []);
 	const hideModal = useCallback(() => setVisible(false), []);
-	const toggleModal = useCallback(() => setVisible(visible => !visible), []);
+	const toggleModal = useCallback(() => setVisible((visible) => !visible), []);
 
 	return [isVisible, toggleModal, showModal, hideModal];
 }
diff --git a/app/components/Nav/App/index.js b/app/components/Nav/App/index.js
index 74042c02dc7..5d6b4742b8c 100644
--- a/app/components/Nav/App/index.js
+++ b/app/components/Nav/App/index.js
@@ -101,11 +101,11 @@ const OnboardingRootNav = () => (
 
 const HomeNav = () => (
 	<Drawer.Navigator
-		drawerContent={props => <DrawerView {...props} />}
+		drawerContent={(props) => <DrawerView {...props} />}
 		// eslint-disable-next-line
 		drawerStyle={{
 			backgroundColor: 'rgba(0, 0, 0, 0.5)',
-			width: 315
+			width: 315,
 		}}
 	>
 		<Drawer.Screen name="Main" component={Main} />
@@ -142,10 +142,10 @@ const AppNavigator = createSwitchNavigator(
 		OnboardingRootNav,
 		Login,
 		OnboardingCarousel,
-		LockScreen
+		LockScreen,
 	},
 	{
-		initialRouteName: 'Entry'
+		initialRouteName: 'Entry',
 	}
 );
 
@@ -172,8 +172,8 @@ const App = () => {
 	}, []);
 
 	const branchSubscriber = new BranchSubscriber({
-		onOpenStart: opts => handleDeeplink(opts),
-		onOpenComplete: opts => handleDeeplink(opts)
+		onOpenStart: (opts) => handleDeeplink(opts),
+		onOpenComplete: (opts) => handleDeeplink(opts),
 	});
 
 	useEffect(() => {
@@ -181,7 +181,7 @@ const App = () => {
 			navigate: (routeName, opts) => {
 				const params = { name: routeName, params: opts };
 				navigator.dispatch(CommonActions.navigate(params));
-			}
+			},
 		});
 
 		unsubscribeFromBranch.current = branchSubscriber.subscribe();
@@ -191,7 +191,7 @@ const App = () => {
 
 	return (
 		<NavigationContainer
-			ref={nav => {
+			ref={(nav) => {
 				navigator = nav;
 			}}
 		>
diff --git a/app/components/Nav/Main/MainNavigator.js b/app/components/Nav/Main/MainNavigator.js
index 5c27df1cd18..a176055319f 100644
--- a/app/components/Nav/Main/MainNavigator.js
+++ b/app/components/Nav/Main/MainNavigator.js
@@ -59,11 +59,11 @@ const Tab = createBottomTabNavigator();
 const styles = StyleSheet.create({
 	headerLogo: {
 		width: 125,
-		height: 50
+		height: 50,
 	},
 	hidden: {
-		opacity: 0
-	}
+		opacity: 0,
+	},
 });
 /**
  * Navigator component that wraps
@@ -187,7 +187,7 @@ const SettingsView = () => (
 const ImportPrivateKeyView = () => (
 	<Stack.Navigator
 		screenOptions={{
-			headerShown: false
+			headerShown: false,
 		}}
 	>
 		<Stack.Screen name="ImportPrivateKey" component={ImportPrivateKey} />
@@ -307,7 +307,7 @@ const SetPasswordFlow = () => (
 const MainNavigator = () => (
 	<Stack.Navigator
 		screenOptions={{
-			headerShown: false
+			headerShown: false,
 		}}
 		mode={'modal'}
 		initialRouteName={'Home'}
@@ -320,9 +320,9 @@ const MainNavigator = () => (
 				cardStyle: { backgroundColor: 'transparent' },
 				cardStyleInterpolator: () => ({
 					overlayStyle: {
-						opacity: 0
-					}
-				})
+						opacity: 0,
+					},
+				}),
 			}}
 		/>
 		<Stack.Screen name="Home" tabBarVisible={false} component={HomeTabs} />
diff --git a/app/components/Nav/Main/index.js b/app/components/Nav/Main/index.js
index c6796576524..74d0e3d7c2b 100644
--- a/app/components/Nav/Main/index.js
+++ b/app/components/Nav/Main/index.js
@@ -7,7 +7,7 @@ import {
 	View,
 	Alert,
 	InteractionManager,
-	PushNotificationIOS // eslint-disable-line react-native/split-platform-components
+	PushNotificationIOS, // eslint-disable-line react-native/split-platform-components
 } from 'react-native';
 import NetInfo from '@react-native-community/netinfo';
 import PropTypes from 'prop-types';
@@ -35,7 +35,7 @@ import {
 	TOKEN_METHOD_TRANSFER,
 	decodeTransferData,
 	APPROVE_FUNCTION_SIGNATURE,
-	decodeApproveData
+	decodeApproveData,
 } from '../../../util/transactions';
 import { BN } from 'ethereumjs-util';
 import Logger from '../../../util/Logger';
@@ -51,7 +51,7 @@ import {
 	hideCurrentNotification,
 	showSimpleNotification,
 	removeNotificationById,
-	removeNotVisibleNotifications
+	removeNotVisibleNotifications,
 } from '../../../actions/notification';
 import { toggleDappTransactionModal, toggleApproveModal } from '../../../actions/modals';
 import AccountApproval from '../../UI/AccountApproval';
@@ -69,20 +69,20 @@ import { toLowerCaseEquals } from '../../../util/general';
 
 const styles = StyleSheet.create({
 	flex: {
-		flex: 1
+		flex: 1,
 	},
 	loader: {
 		backgroundColor: colors.white,
 		flex: 1,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
-	}
+		margin: 0,
+	},
 });
-const Main = props => {
+const Main = (props) => {
 	const [connected, setConnected] = useState(true);
 	const [forceReload, setForceReload] = useState(false);
 	const [signMessage, setSignMessage] = useState(false);
@@ -108,7 +108,7 @@ const Main = props => {
 	const setEtherTransaction = props.setEtherTransaction;
 	const removeNotVisibleNotifications = props.removeNotVisibleNotifications;
 
-	const usePrevious = value => {
+	const usePrevious = (value) => {
 		const ref = useRef();
 		useEffect(() => {
 			ref.current = value;
@@ -139,7 +139,7 @@ const Main = props => {
 	};
 
 	const connectionChangeHandler = useCallback(
-		state => {
+		(state) => {
 			if (!state) return;
 			const { isConnected } = state;
 			// Show the modal once the status changes to offline
@@ -173,11 +173,11 @@ const Main = props => {
 		props.navigation,
 		props.providerType,
 		props.setInfuraAvailabilityBlocked,
-		props.setInfuraAvailabilityNotBlocked
+		props.setInfuraAvailabilityNotBlocked,
 	]);
 
 	const initializeWalletConnect = () => {
-		WalletConnect.hub.on('walletconnectSessionRequest', peerInfo => {
+		WalletConnect.hub.on('walletconnectSessionRequest', (peerInfo) => {
 			setWalletConnectRequest(true);
 			setWalletConnectRequestInfo(peerInfo);
 		});
@@ -190,31 +190,27 @@ const Main = props => {
 				const { TransactionController } = Engine.context;
 				const newSwapsTransactions = props.swapsTransactions;
 				const swapTransaction = newSwapsTransactions[transactionMeta.id];
-				const {
-					sentAt,
-					gasEstimate,
-					ethAccountBalance,
-					approvalTransactionMetaId
-				} = swapTransaction.paramsForAnalytics;
+				const { sentAt, gasEstimate, ethAccountBalance, approvalTransactionMetaId } =
+					swapTransaction.paramsForAnalytics;
 
 				const approvalTransaction = TransactionController.state.transactions.find(
 					({ id }) => id === approvalTransactionMetaId
 				);
 				const ethBalance = await util.query(TransactionController.ethQuery, 'getBalance', [
-					props.selectedAddress
+					props.selectedAddress,
 				]);
 				const receipt = await util.query(TransactionController.ethQuery, 'getTransactionReceipt', [
-					transactionMeta.transactionHash
+					transactionMeta.transactionHash,
 				]);
 
 				const currentBlock = await util.query(TransactionController.ethQuery, 'getBlockByHash', [
 					receipt.blockHash,
-					false
+					false,
 				]);
 				let approvalReceipt;
 				if (approvalTransaction?.transactionHash) {
 					approvalReceipt = await util.query(TransactionController.ethQuery, 'getTransactionReceipt', [
-						approvalTransaction.transactionHash
+						approvalTransaction.transactionHash,
 					]);
 				}
 				const tokensReceived = swapsUtils.getSwapsTokensReceived(
@@ -260,7 +256,7 @@ const Main = props => {
 						time_to_mine: timeToMine,
 						estimated_vs_used_gasRatio: estimatedVsUsedGasRatio,
 						quote_vs_executionRatio: quoteVsExecutionRatio,
-						token_to_amount_received: tokenToAmountReceived.toString()
+						token_to_amount_received: tokenToAmountReceived.toString(),
 					};
 					Analytics.trackEventWithParameters(event, {});
 					Analytics.trackEventWithParameters(event, parameters, true);
@@ -276,15 +272,15 @@ const Main = props => {
 	);
 
 	const autoSign = useCallback(
-		async transactionMeta => {
+		async (transactionMeta) => {
 			const { TransactionController } = Engine.context;
 			try {
-				TransactionController.hub.once(`${transactionMeta.id}:finished`, transactionMeta => {
+				TransactionController.hub.once(`${transactionMeta.id}:finished`, (transactionMeta) => {
 					if (transactionMeta.status === 'submitted') {
 						props.navigation.pop?.();
 						NotificationManager.watchSubmittedTransaction({
 							...transactionMeta,
-							assetType: transactionMeta.transaction.assetType
+							assetType: transactionMeta.transaction.assetType,
 						});
 					} else {
 						if (props.swapsTransactions[transactionMeta.id]?.analytics) {
@@ -293,7 +289,7 @@ const Main = props => {
 						throw transactionMeta.error;
 					}
 				});
-				TransactionController.hub.once(`${transactionMeta.id}:confirmed`, transactionMeta => {
+				TransactionController.hub.once(`${transactionMeta.id}:confirmed`, (transactionMeta) => {
 					if (props.swapsTransactions[transactionMeta.id]?.analytics) {
 						trackSwaps(ANALYTICS_EVENT_OPTS.SWAP_COMPLETED, transactionMeta);
 					}
@@ -301,7 +297,7 @@ const Main = props => {
 				await TransactionController.approveTransaction(transactionMeta.id);
 			} catch (error) {
 				Alert.alert(strings('transactions.transaction_error'), error && error.message, [
-					{ text: strings('navigation.ok') }
+					{ text: strings('navigation.ok') },
 				]);
 				Logger.error(error, 'error while trying to send transaction (Main)');
 			}
@@ -310,7 +306,7 @@ const Main = props => {
 	);
 
 	const onUnapprovedTransaction = useCallback(
-		async transactionMeta => {
+		async (transactionMeta) => {
 			if (transactionMeta.origin === TransactionTypes.MMM) return;
 
 			const to = transactionMeta.transaction.to?.toLowerCase();
@@ -331,7 +327,7 @@ const Main = props => {
 				}
 			} else {
 				const {
-					transaction: { value, gas, gasPrice, data }
+					transaction: { value, gas, gasPrice, data },
 				} = transactionMeta;
 				const { AssetsContractController } = Engine.context;
 				transactionMeta.transaction.gas = hexToBN(gas);
@@ -346,7 +342,7 @@ const Main = props => {
 					let asset = props.tokens.find(({ address }) => toLowerCaseEquals(address, to));
 					if (!asset) {
 						// try to lookup contract by lowercased address `to`
-						const contractMapKey = Object.keys(contractMap).find(key => toLowerCaseEquals(key, to));
+						const contractMapKey = Object.keys(contractMap).find((key) => toLowerCaseEquals(key, to));
 						if (contractMapKey) {
 							asset = contractMap[contractMapKey];
 						}
@@ -379,7 +375,7 @@ const Main = props => {
 						selectedAsset: asset,
 						id: transactionMeta.id,
 						origin: transactionMeta.origin,
-						...transactionMeta.transaction
+						...transactionMeta.transaction,
 					});
 				} else {
 					transactionMeta.transaction.value = hexToBN(value);
@@ -388,7 +384,7 @@ const Main = props => {
 					setEtherTransaction({
 						id: transactionMeta.id,
 						origin: transactionMeta.origin,
-						...transactionMeta.transaction
+						...transactionMeta.transaction,
 					});
 				}
 
@@ -406,12 +402,12 @@ const Main = props => {
 			setTransactionObject,
 			toggleApproveModal,
 			toggleDappTransactionModal,
-			autoSign
+			autoSign,
 		]
 	);
 
 	const handleAppStateChange = useCallback(
-		appState => {
+		(appState) => {
 			const newModeIsBackground = appState === 'background';
 			// If it was in background and it's not anymore
 			// we need to stop the Background timer
@@ -537,7 +533,7 @@ const Main = props => {
 					onConfirm={onWalletConnectSessionApproval}
 					currentPageInformation={{
 						title: meta && meta.name,
-						url: meta && meta.url
+						url: meta && meta.url,
 					}}
 					walletConnectRequest
 				/>
@@ -569,7 +565,7 @@ const Main = props => {
 		toggleRemindLater();
 		props.navigation.navigate('SetPasswordFlow', {
 			screen: 'AccountBackupStep1B',
-			params: { ...props.route.params }
+			params: { ...props.route.params },
 		});
 	};
 
@@ -607,7 +603,7 @@ const Main = props => {
 		lockManager.current = new LockManager(props.navigation, props.lockTime);
 		PushNotification.configure({
 			requestPermissions: false,
-			onNotification: notification => {
+			onNotification: (notification) => {
 				let data = null;
 				if (Device.isAndroid()) {
 					if (notification.tag) {
@@ -626,18 +622,18 @@ const Main = props => {
 				if (Device.isIos()) {
 					notification.finish(PushNotificationIOS.FetchResult.NoData);
 				}
-			}
+			},
 		});
 
-		Engine.context.MessageManager.hub.on('unapprovedMessage', messageParams =>
+		Engine.context.MessageManager.hub.on('unapprovedMessage', (messageParams) =>
 			onUnapprovedMessage(messageParams, 'eth')
 		);
 
-		Engine.context.PersonalMessageManager.hub.on('unapprovedMessage', messageParams =>
+		Engine.context.PersonalMessageManager.hub.on('unapprovedMessage', (messageParams) =>
 			onUnapprovedMessage(messageParams, 'personal')
 		);
 
-		Engine.context.TypedMessageManager.hub.on('unapprovedMessage', messageParams =>
+		Engine.context.TypedMessageManager.hub.on('unapprovedMessage', (messageParams) =>
 			onUnapprovedMessage(messageParams, 'typed')
 		);
 
@@ -647,7 +643,7 @@ const Main = props => {
 				showTransactionNotification: props.showTransactionNotification,
 				hideCurrentNotification: props.hideCurrentNotification,
 				showSimpleNotification: props.showSimpleNotification,
-				removeNotificationById: props.removeNotificationById
+				removeNotificationById: props.removeNotificationById,
 			});
 			pollForIncomingTransactions();
 			checkInfuraAvailability();
@@ -777,10 +773,10 @@ Main.propTypes = {
 	/**
 	 * Object that represents the current route info like params passed to it
 	 */
-	route: PropTypes.object
+	route: PropTypes.object,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	lockTime: state.settings.lockTime,
 	thirdPartyApiMode: state.privacy.thirdPartyApiMode,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
@@ -789,24 +785,21 @@ const mapStateToProps = state => ({
 	dappTransactionModalVisible: state.modals.dappTransactionModalVisible,
 	approveModalVisible: state.modals.approveModalVisible,
 	swapsTransactions: state.engine.backgroundState.TransactionController.swapsTransactions || {},
-	providerType: state.engine.backgroundState.NetworkController.provider.type
+	providerType: state.engine.backgroundState.NetworkController.provider.type,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setEtherTransaction: transaction => dispatch(setEtherTransaction(transaction)),
-	setTransactionObject: transaction => dispatch(setTransactionObject(transaction)),
-	showTransactionNotification: args => dispatch(showTransactionNotification(args)),
-	showSimpleNotification: args => dispatch(showSimpleNotification(args)),
+const mapDispatchToProps = (dispatch) => ({
+	setEtherTransaction: (transaction) => dispatch(setEtherTransaction(transaction)),
+	setTransactionObject: (transaction) => dispatch(setTransactionObject(transaction)),
+	showTransactionNotification: (args) => dispatch(showTransactionNotification(args)),
+	showSimpleNotification: (args) => dispatch(showSimpleNotification(args)),
 	hideCurrentNotification: () => dispatch(hideCurrentNotification()),
-	removeNotificationById: id => dispatch(removeNotificationById(id)),
+	removeNotificationById: (id) => dispatch(removeNotificationById(id)),
 	toggleDappTransactionModal: (show = null) => dispatch(toggleDappTransactionModal(show)),
-	toggleApproveModal: show => dispatch(toggleApproveModal(show)),
+	toggleApproveModal: (show) => dispatch(toggleApproveModal(show)),
 	setInfuraAvailabilityBlocked: () => dispatch(setInfuraAvailabilityBlocked()),
 	setInfuraAvailabilityNotBlocked: () => dispatch(setInfuraAvailabilityNotBlocked()),
-	removeNotVisibleNotifications: () => dispatch(removeNotVisibleNotifications())
+	removeNotVisibleNotifications: () => dispatch(removeNotVisibleNotifications()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Main);
+export default connect(mapStateToProps, mapDispatchToProps)(Main);
diff --git a/app/components/UI/AccountApproval/index.js b/app/components/UI/AccountApproval/index.js
index 45bf77024e2..a080cb82a8d 100644
--- a/app/components/UI/AccountApproval/index.js
+++ b/app/components/UI/AccountApproval/index.js
@@ -18,10 +18,10 @@ const styles = StyleSheet.create({
 		borderTopLeftRadius: 20,
 		borderTopRightRadius: 20,
 		minHeight: 200,
-		paddingBottom: Device.isIphoneX() ? 20 : 0
+		paddingBottom: Device.isIphoneX() ? 20 : 0,
 	},
 	accountCardWrapper: {
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	intro: {
 		...fontStyles.bold,
@@ -29,7 +29,7 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		fontSize: Device.isSmallDevice() ? 16 : 20,
 		marginBottom: 8,
-		marginTop: 16
+		marginTop: 16,
 	},
 	warning: {
 		...fontStyles.thin,
@@ -38,23 +38,23 @@ const styles = StyleSheet.create({
 		marginBottom: 16,
 		fontSize: 14,
 		width: '100%',
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	actionContainer: {
 		flex: 0,
 		flexDirection: 'row',
 		paddingVertical: 16,
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	button: {
-		flex: 1
+		flex: 1,
 	},
 	cancel: {
-		marginRight: 8
+		marginRight: 8,
 	},
 	confirm: {
-		marginLeft: 8
-	}
+		marginLeft: 8,
+	},
 });
 
 /**
@@ -93,11 +93,11 @@ class AccountApproval extends PureComponent {
 		/**
 		 * A string representing the network chainId
 		 */
-		chainId: PropTypes.string
+		chainId: PropTypes.string,
 	};
 
 	state = {
-		start: Date.now()
+		start: Date.now(),
 	};
 
 	getAnalyticsParams = () => {
@@ -108,7 +108,7 @@ class AccountApproval extends PureComponent {
 				dapp_host_name: url?.host,
 				dapp_url: currentPageInformation?.url,
 				network_name: networkType,
-				chain_id: chainId
+				chain_id: chainId,
 			};
 		} catch (error) {
 			return {};
@@ -131,7 +131,7 @@ class AccountApproval extends PureComponent {
 					title: confirmation
 						? strings('notifications.wc_connected_title', { title })
 						: strings('notifications.wc_connected_rejected_title'),
-					description: strings('notifications.wc_description')
+					description: strings('notifications.wc_description'),
 				});
 			});
 		}
@@ -166,14 +166,14 @@ class AccountApproval extends PureComponent {
 			tokensLength,
 			accountsLength,
 			networkType,
-			currentPageInformation: { url }
+			currentPageInformation: { url },
 		} = this.props;
 		return {
 			view: url,
 			numberOfTokens: tokensLength,
 			numberOfAccounts: accountsLength,
 			network: networkType,
-			timeOpen: (Date.now() - this.state.start) / 1000
+			timeOpen: (Date.now() - this.state.start) / 1000,
 		};
 	};
 
@@ -210,11 +210,11 @@ class AccountApproval extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accountsLength: Object.keys(state.engine.backgroundState.AccountTrackerController.accounts || {}).length,
 	tokensLength: state.engine.backgroundState.TokensController.tokens.length,
 	networkType: state.engine.backgroundState.NetworkController.provider.type,
-	chainId: state.engine.backgroundState.NetworkController.provider.chainId
+	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 });
 
 export default connect(mapStateToProps)(AccountApproval);
diff --git a/app/components/UI/AccountApproval/index.test.js b/app/components/UI/AccountApproval/index.test.js
index 213ca5c87dc..1e03806e705 100644
--- a/app/components/UI/AccountApproval/index.test.js
+++ b/app/components/UI/AccountApproval/index.test.js
@@ -12,26 +12,26 @@ describe('AccountApproval', () => {
 			engine: {
 				backgroundState: {
 					AccountTrackerController: {
-						accounts: { '0x2': { balance: '0' } }
+						accounts: { '0x2': { balance: '0' } },
 					},
 					NetworkController: {
 						provider: {
-							type: ROPSTEN
-						}
+							type: ROPSTEN,
+						},
 					},
 					TokensController: {
-						tokens: []
+						tokens: [],
 					},
 					PreferencesController: {
 						selectedAddress: '0xe7E125654064EEa56229f273dA586F10DF96B0a1',
-						identities: { '0xe7E125654064EEa56229f273dA586F10DF96B0a1': { name: 'Account 1' } }
-					}
-				}
-			}
+						identities: { '0xe7E125654064EEa56229f273dA586F10DF96B0a1': { name: 'Account 1' } },
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<AccountApproval currentPageInformation={{ icon: '', url: '', title: '' }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/AccountInfoCard/index.js b/app/components/UI/AccountInfoCard/index.js
index a37cc4a1a24..2bf00bc4cc8 100644
--- a/app/components/UI/AccountInfoCard/index.js
+++ b/app/components/UI/AccountInfoCard/index.js
@@ -17,41 +17,41 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		borderColor: colors.grey200,
 		borderRadius: 10,
-		padding: 16
+		padding: 16,
 	},
 	identicon: {
-		marginRight: 8
+		marginRight: 8,
 	},
 	accountInfoRow: {
 		flexGrow: 1,
 		flexDirection: 'column',
 		justifyContent: 'center',
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	accountNameAndAddress: {
 		width: '100%',
 		flexDirection: 'row',
-		justifyContent: 'flex-start'
+		justifyContent: 'flex-start',
 	},
 	accountName: {
 		maxWidth: Device.isMediumDevice() ? '35%' : '45%',
 		...fontStyles.bold,
 		fontSize: 16,
 		marginRight: 2,
-		color: colors.black
+		color: colors.black,
 	},
 	accountAddress: {
 		flexGrow: 1,
 		...fontStyles.bold,
 		fontSize: 16,
-		color: colors.black
+		color: colors.black,
 	},
 	balanceText: {
 		...fontStyles.thin,
 		fontSize: 14,
 		alignSelf: 'flex-start',
-		color: colors.black
-	}
+		color: colors.black,
+	},
 });
 
 class AccountInfoCard extends PureComponent {
@@ -83,19 +83,12 @@ class AccountInfoCard extends PureComponent {
 		/**
 		 * Current selected ticker
 		 */
-		ticker: PropTypes.string
+		ticker: PropTypes.string,
 	};
 
 	render() {
-		const {
-			accounts,
-			selectedAddress,
-			identities,
-			conversionRate,
-			currentCurrency,
-			operation,
-			ticker
-		} = this.props;
+		const { accounts, selectedAddress, identities, conversionRate, currentCurrency, operation, ticker } =
+			this.props;
 		const weiBalance = hexToBN(accounts[selectedAddress].balance);
 		const balance = `(${renderFromWei(weiBalance)} ${getTicker(ticker)})`;
 		const accountLabel = renderAccountName(selectedAddress, identities);
@@ -124,13 +117,13 @@ class AccountInfoCard extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 	identities: state.engine.backgroundState.PreferencesController.identities,
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
-	ticker: state.engine.backgroundState.NetworkController.provider.ticker
+	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 });
 
 export default connect(mapStateToProps)(AccountInfoCard);
diff --git a/app/components/UI/AccountInfoCard/index.test.js b/app/components/UI/AccountInfoCard/index.test.js
index 13d6bdf0cd5..e493bd9a0fe 100644
--- a/app/components/UI/AccountInfoCard/index.test.js
+++ b/app/components/UI/AccountInfoCard/index.test.js
@@ -13,32 +13,32 @@ describe('AccountInfoCard', () => {
 					AccountTrackerController: {
 						accounts: {
 							'0x0': {
-								balance: 200
-							}
-						}
+								balance: 200,
+							},
+						},
 					},
 					PreferencesController: {
 						selectedAddress: '0x0',
 						identities: {
 							address: '0x0',
-							name: 'Account 1'
-						}
+							name: 'Account 1',
+						},
 					},
 					CurrencyRateController: {
 						conversionRate: 10,
-						currentCurrency: 'inr'
+						currentCurrency: 'inr',
 					},
 					NetworkController: {
 						provider: {
-							ticker: 'eth'
-						}
-					}
-				}
-			}
+							ticker: 'eth',
+						},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<AccountInfoCard />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/AccountInput/index.js b/app/components/UI/AccountInput/index.js
index 3e71af5da24..3710064c4b8 100644
--- a/app/components/UI/AccountInput/index.js
+++ b/app/components/UI/AccountInput/index.js
@@ -19,25 +19,25 @@ import AppConstants from '../../../core/AppConstants';
 
 const styles = StyleSheet.create({
 	root: {
-		flex: 1
+		flex: 1,
 	},
 	arrow: {
 		color: colors.grey100,
 		position: 'absolute',
 		right: 10,
-		top: Device.isAndroid() ? 14 : 12
+		top: Device.isAndroid() ? 14 : 12,
 	},
 	componentContainer: {
 		maxHeight: Device.isAndroid() ? 175 : 200,
 		borderRadius: 4,
-		flex: 1
+		flex: 1,
 	},
 	input: {
 		...fontStyles.bold,
 		backgroundColor: colors.white,
 		marginRight: 24,
 		paddingLeft: 0,
-		minWidth: Device.isSmallDevice() ? 100 : 120
+		minWidth: Device.isSmallDevice() ? 100 : 120,
 	},
 	qrCodeButton: {
 		minHeight: 50,
@@ -45,49 +45,49 @@ const styles = StyleSheet.create({
 		paddingLeft: 12,
 		paddingTop: 2,
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	accountContainer: {
 		flexDirection: 'row',
 		backgroundColor: colors.white,
 		borderColor: colors.grey100,
 		borderRadius: 4,
-		borderWidth: 1
+		borderWidth: 1,
 	},
 	toContainer: {
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	inputContainer: {
 		fontSize: 16,
 		paddingLeft: 8,
 		flexDirection: 'row',
 		alignItems: 'center',
-		marginRight: 48
+		marginRight: 48,
 	},
 	option: {
 		flexDirection: 'row',
 		paddingBottom: 4,
 		paddingLeft: 8,
 		paddingRight: 10,
-		paddingTop: 8
+		paddingTop: 8,
 	},
 	address: {
 		...fontStyles.normal,
-		fontSize: 16
+		fontSize: 16,
 	},
 	accountWithoutName: {
-		marginTop: 4
+		marginTop: 4,
 	},
 	name: {
 		flex: 1,
 		...fontStyles.bold,
 		fontSize: 16,
-		marginBottom: 4
+		marginBottom: 4,
 	},
 	icon: {
 		paddingRight: 8,
 		paddingLeft: 6,
-		paddingTop: 1.5
+		paddingTop: 1.5,
 	},
 	optionList: {
 		backgroundColor: colors.white,
@@ -99,17 +99,17 @@ const styles = StyleSheet.create({
 		width: '100%',
 		top: 0,
 		left: 0,
-		right: 0
+		right: 0,
 	},
 	content: {
 		flex: 1,
-		paddingLeft: 8
+		paddingLeft: 8,
 	},
 	ensAddress: {
 		fontSize: 10,
 		top: Device.isAndroid() ? -16 : 0,
-		paddingLeft: Device.isAndroid() ? 4 : 0
-	}
+		paddingLeft: Device.isAndroid() ? 4 : 0,
+	},
 });
 
 /**
@@ -173,14 +173,14 @@ class AccountInput extends PureComponent {
 		/**
 		 * Callback close all drowpdowns
 		 */
-		closeDropdowns: PropTypes.func
+		closeDropdowns: PropTypes.func,
 	};
 
 	state = {
 		address: undefined,
 		ensRecipient: undefined,
 		value: undefined,
-		inputEnabled: Device.isIos()
+		inputEnabled: Device.isIos(),
 	};
 
 	componentDidMount = async () => {
@@ -208,7 +208,7 @@ class AccountInput extends PureComponent {
 			}, 100);
 	};
 
-	isEnsName = recipient => {
+	isEnsName = (recipient) => {
 		if (!isENS(recipient)) {
 			this.setState({ ensRecipient: undefined });
 			return false;
@@ -216,7 +216,7 @@ class AccountInput extends PureComponent {
 		return true;
 	};
 
-	lookupEnsName = async recipient => {
+	lookupEnsName = async (recipient) => {
 		const { address } = this.state;
 		try {
 			const resolvedAddress = await this.ens.lookup(recipient.trim());
@@ -291,7 +291,7 @@ class AccountInput extends PureComponent {
 		);
 	}
 
-	getVisibleOptions = value => {
+	getVisibleOptions = (value) => {
 		const { accounts, addressBook, network } = this.props;
 		const allAddresses = { ...addressBook[network], ...accounts };
 
@@ -302,7 +302,7 @@ class AccountInput extends PureComponent {
 			}
 
 			const filteredAddresses = {};
-			Object.keys(allAddresses).forEach(address => {
+			Object.keys(allAddresses).forEach((address) => {
 				if (
 					address.toLowerCase().indexOf(value.toLowerCase()) !== -1 ||
 					(allAddresses[address].name &&
@@ -325,7 +325,7 @@ class AccountInput extends PureComponent {
 			<ElevatedView borderRadius={4} elevation={10}>
 				<ScrollView style={styles.componentContainer} keyboardShouldPersistTaps={'handled'} nestedScrollEnabled>
 					<View style={styles.optionList}>
-						{Object.keys(visibleOptions).map(address =>
+						{Object.keys(visibleOptions).map((address) =>
 							this.renderOption(visibleOptions[address], () => {
 								this.selectAccount(visibleOptions[address]);
 							})
@@ -336,10 +336,10 @@ class AccountInput extends PureComponent {
 		);
 	}
 
-	onChange = async value => {
+	onChange = async (value) => {
 		const { onChange, openAccountSelect } = this.props;
 		this.setState({
-			value
+			value,
 		});
 
 		const filteredAccounts = this.getVisibleOptions(value);
@@ -357,12 +357,12 @@ class AccountInput extends PureComponent {
 		openAccountSelect && openAccountSelect(false);
 		this.setState({ isOpen: false });
 		this.props.navigation.navigate('QRScanner', {
-			onScanSuccess: meta => {
+			onScanSuccess: (meta) => {
 				if (meta.target_address) {
 					this.onChange(meta.target_address);
 					closeDropdowns && closeDropdowns();
 				}
-			}
+			},
 		});
 	};
 
@@ -416,11 +416,11 @@ class AccountInput extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	addressBook: state.engine.backgroundState.AddressBookController.addressBook,
 	accounts: state.engine.backgroundState.PreferencesController.identities,
 	activeAddress: state.engine.backgroundState.PreferencesController.activeAddress,
-	network: state.engine.backgroundState.NetworkController.network
+	network: state.engine.backgroundState.NetworkController.network,
 });
 
 export default connect(mapStateToProps)(AccountInput);
diff --git a/app/components/UI/AccountList/AccountElement/index.js b/app/components/UI/AccountList/AccountElement/index.js
index 2cc800b47db..66ada80a18f 100644
--- a/app/components/UI/AccountList/AccountElement/index.js
+++ b/app/components/UI/AccountList/AccountElement/index.js
@@ -20,53 +20,53 @@ const styles = StyleSheet.create({
 		flexDirection: 'row',
 		paddingHorizontal: 20,
 		paddingVertical: 20,
-		height: 80
+		height: 80,
 	},
 	disabledAccount: {
-		opacity: 0.5
+		opacity: 0.5,
 	},
 	accountInfo: {
 		marginLeft: 15,
 		marginRight: 0,
 		flex: 1,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	accountLabel: {
 		fontSize: 18,
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	accountBalanceWrapper: {
 		display: 'flex',
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	accountBalance: {
 		paddingTop: 5,
 		fontSize: 12,
 		color: colors.fontSecondary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	accountBalanceError: {
 		color: colors.fontError,
-		marginLeft: 4
+		marginLeft: 4,
 	},
 	importedView: {
 		flex: 0.5,
 		alignItems: 'center',
-		marginTop: 2
+		marginTop: 2,
 	},
 	accountMain: {
 		flex: 1,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	selectedWrapper: {
 		flex: 0.2,
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	importedText: {
 		color: colors.grey400,
 		fontSize: 10,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	importedWrapper: {
 		width: 73,
@@ -74,8 +74,8 @@ const styles = StyleSheet.create({
 		paddingVertical: 3,
 		borderRadius: 10,
 		borderWidth: 1,
-		borderColor: colors.grey400
-	}
+		borderColor: colors.grey400,
+	},
 });
 
 /**
@@ -103,7 +103,7 @@ class AccountElement extends PureComponent {
 		/**
 		 * Updated balance using stored in state
 		 */
-		updatedBalanceFromStore: PropTypes.string
+		updatedBalanceFromStore: PropTypes.string,
 	};
 
 	onPress = () => {
@@ -168,8 +168,8 @@ class AccountElement extends PureComponent {
 const mapStateToProps = (
 	{
 		engine: {
-			backgroundState: { PreferencesController, AccountTrackerController }
-		}
+			backgroundState: { PreferencesController, AccountTrackerController },
+		},
 	},
 	{ item: { balance, address } }
 ) => {
@@ -183,7 +183,7 @@ const mapStateToProps = (
 			? selectedAccount[BALANCE_KEY]
 			: balance;
 	return {
-		updatedBalanceFromStore
+		updatedBalanceFromStore,
 	};
 };
 
diff --git a/app/components/UI/AccountList/index.js b/app/components/UI/AccountList/index.js
index fdda56fc298..11321e337d8 100644
--- a/app/components/UI/AccountList/index.js
+++ b/app/components/UI/AccountList/index.js
@@ -10,7 +10,7 @@ import {
 	StyleSheet,
 	Text,
 	View,
-	SafeAreaView
+	SafeAreaView,
 } from 'react-native';
 import { colors, fontStyles } from '../../../styles/common';
 import Device from '../../../util/device';
@@ -28,7 +28,7 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		borderTopLeftRadius: 10,
 		borderTopRightRadius: 10,
-		minHeight: 450
+		minHeight: 450,
 	},
 	titleWrapper: {
 		width: '100%',
@@ -36,29 +36,29 @@ const styles = StyleSheet.create({
 		alignItems: 'center',
 		justifyContent: 'center',
 		borderBottomWidth: StyleSheet.hairlineWidth,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	dragger: {
 		width: 48,
 		height: 5,
 		borderRadius: 4,
 		backgroundColor: colors.grey400,
-		opacity: Device.isAndroid() ? 0.6 : 0.5
+		opacity: Device.isAndroid() ? 0.6 : 0.5,
 	},
 	accountsWrapper: {
-		flex: 1
+		flex: 1,
 	},
 	footer: {
 		height: Device.isIphoneX() ? 140 : 110,
 		paddingBottom: Device.isIphoneX() ? 30 : 0,
 		justifyContent: 'center',
 		flexDirection: 'column',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	btnText: {
 		fontSize: 14,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	footerButton: {
 		width: '100%',
@@ -66,8 +66,8 @@ const styles = StyleSheet.create({
 		alignItems: 'center',
 		justifyContent: 'center',
 		borderTopWidth: StyleSheet.hairlineWidth,
-		borderColor: colors.grey100
-	}
+		borderColor: colors.grey100,
+	},
 });
 
 /**
@@ -118,14 +118,14 @@ class AccountList extends PureComponent {
 		/**
 		 * ID of the current network
 		 */
-		network: PropTypes.string
+		network: PropTypes.string,
 	};
 
 	state = {
 		selectedAccountIndex: 0,
 		loading: false,
 		orderedAccounts: {},
-		accountsENS: {}
+		accountsENS: {},
 	};
 
 	flatList = React.createRef();
@@ -163,7 +163,7 @@ class AccountList extends PureComponent {
 		this.flatList?.current?.scrollToIndex({ index: this.state.selectedAccountIndex, animated: true });
 	}
 
-	onAccountChange = async newIndex => {
+	onAccountChange = async (newIndex) => {
 		const previousIndex = this.state.selectedAccountIndex;
 		const { PreferencesController } = Engine.context;
 		const { keyrings } = this.props;
@@ -265,7 +265,7 @@ class AccountList extends PureComponent {
 				{
 					text: strings('accounts.no'),
 					onPress: () => false,
-					style: 'cancel'
+					style: 'cancel',
 				},
 				{
 					text: strings('accounts.yes_remove_it'),
@@ -273,8 +273,8 @@ class AccountList extends PureComponent {
 						await Engine.context.KeyringController.removeAccount(address);
 						// Default to the previous account in the list
 						this.onAccountChange(index - 1);
-					}
-				}
+					},
+				},
 			],
 			{ cancelable: false }
 		);
@@ -301,7 +301,7 @@ class AccountList extends PureComponent {
 
 		const accountsOrdered = allKeyrings.reduce((list, keyring) => list.concat(keyring.accounts), []);
 		return accountsOrdered
-			.filter(address => !!identities[toChecksumAddress(address)])
+			.filter((address) => !!identities[toChecksumAddress(address)])
 			.map((addr, index) => {
 				const checksummedAddress = toChecksumAddress(addr);
 				const identity = identities[checksummedAddress];
@@ -322,21 +322,21 @@ class AccountList extends PureComponent {
 					balance,
 					isSelected,
 					isImported,
-					balanceError
+					balanceError,
 				};
 			});
 	}
 
-	assignENSToAccounts = orderedAccounts => {
+	assignENSToAccounts = (orderedAccounts) => {
 		const { network } = this.props;
-		orderedAccounts.forEach(async account => {
+		orderedAccounts.forEach(async (account) => {
 			try {
 				const ens = await doENSReverseLookup(account.address, network);
-				this.setState(state => ({
+				this.setState((state) => ({
 					accountsENS: {
 						...state.accountsENS,
-						[account.address]: ens
-					}
+						[account.address]: ens,
+					},
 				}));
 			} catch {
 				// Error
@@ -344,7 +344,7 @@ class AccountList extends PureComponent {
 		});
 	};
 
-	keyExtractor = item => item.address;
+	keyExtractor = (item) => item.address;
 
 	render() {
 		const { orderedAccounts } = this.state;
@@ -390,11 +390,11 @@ class AccountList extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	thirdPartyApiMode: state.privacy.thirdPartyApiMode,
 	keyrings: state.engine.backgroundState.KeyringController.keyrings,
-	network: state.engine.backgroundState.NetworkController.network
+	network: state.engine.backgroundState.NetworkController.network,
 });
 
 export default connect(mapStateToProps)(AccountList);
diff --git a/app/components/UI/AccountOverview/index.js b/app/components/UI/AccountOverview/index.js
index 8bd45180247..603f806f192 100644
--- a/app/components/UI/AccountOverview/index.js
+++ b/app/components/UI/AccountOverview/index.js
@@ -33,30 +33,30 @@ import AssetSwapButton from '../Swaps/components/AssetSwapButton';
 
 const styles = StyleSheet.create({
 	scrollView: {
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	wrapper: {
 		paddingTop: 20,
 		paddingHorizontal: 20,
 		paddingBottom: 0,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	info: {
 		justifyContent: 'center',
 		alignItems: 'center',
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	data: {
 		textAlign: 'center',
-		paddingTop: 7
+		paddingTop: 7,
 	},
 	label: {
 		fontSize: 24,
 		textAlign: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	labelInput: {
-		marginBottom: Device.isAndroid() ? -10 : 0
+		marginBottom: Device.isAndroid() ? -10 : 0,
 	},
 	addressWrapper: {
 		backgroundColor: colors.blue000,
@@ -64,39 +64,39 @@ const styles = StyleSheet.create({
 		marginTop: 20,
 		marginBottom: 20,
 		paddingVertical: 7,
-		paddingHorizontal: 15
+		paddingHorizontal: 15,
 	},
 	address: {
 		fontSize: 12,
 		color: colors.grey400,
 		...fontStyles.normal,
-		letterSpacing: 0.8
+		letterSpacing: 0.8,
 	},
 	amountFiat: {
 		fontSize: 12,
 		paddingTop: 5,
 		color: colors.fontSecondary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	identiconBorder: {
 		borderRadius: 80,
 		borderWidth: 2,
 		padding: 2,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	onboardingWizardLabel: {
 		borderWidth: 2,
 		borderRadius: 4,
 		paddingVertical: Device.isIos() ? 2 : -4,
 		paddingHorizontal: Device.isIos() ? 5 : 5,
-		top: Device.isIos() ? 0 : -2
+		top: Device.isIos() ? 0 : -2,
 	},
 	actions: {
 		flex: 1,
 		justifyContent: 'center',
 		alignItems: 'flex-start',
-		flexDirection: 'row'
-	}
+		flexDirection: 'row',
+	},
 });
 
 /**
@@ -169,14 +169,14 @@ class AccountOverview extends PureComponent {
 		/**
 		 * Current provider ticker
 		 */
-		ticker: PropTypes.string
+		ticker: PropTypes.string,
 	};
 
 	state = {
 		accountLabelEditable: false,
 		accountLabel: '',
 		originalAccountLabel: '',
-		ens: undefined
+		ens: undefined,
 	};
 
 	editableLabelRef = React.createRef();
@@ -224,7 +224,7 @@ class AccountOverview extends PureComponent {
 		this.setState({ accountLabelEditable: false });
 	};
 
-	onAccountLabelChange = accountLabel => {
+	onAccountLabelChange = (accountLabel) => {
 		this.setState({ accountLabel });
 	};
 
@@ -250,7 +250,7 @@ class AccountOverview extends PureComponent {
 			isVisible: true,
 			autodismiss: 1500,
 			content: 'clipboard-alert',
-			data: { msg: strings('account_details.account_copied_to_clipboard') }
+			data: { msg: strings('account_details.account_copied_to_clipboard') },
 		});
 		setTimeout(() => this.props.protectWalletModalVisible(), 2000);
 		InteractionManager.runAfterInteractions(() => {
@@ -272,7 +272,7 @@ class AccountOverview extends PureComponent {
 			Analytics.trackEvent(ANALYTICS_EVENT_OPTS.WALLET_BUY_ETH);
 			AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.ONRAMP_OPENED, {
 				button_location: 'Home Screen',
-				button_copy: 'Buy'
+				button_copy: 'Buy',
 			});
 		});
 	};
@@ -281,8 +281,8 @@ class AccountOverview extends PureComponent {
 		this.props.navigation.navigate('Swaps', {
 			screen: 'SwapsAmountView',
 			params: {
-				sourceToken: swapsUtils.NATIVE_SWAPS_TOKEN_ADDRESS
-			}
+				sourceToken: swapsUtils.NATIVE_SWAPS_TOKEN_ADDRESS,
+			},
 		});
 
 	doENSLookup = async () => {
@@ -300,7 +300,7 @@ class AccountOverview extends PureComponent {
 			currentCurrency,
 			onboardingWizard,
 			chainId,
-			swapsIsLive
+			swapsIsLive,
 		} = this.props;
 
 		const fiatBalance = `${renderFiat(Engine.getTotalFiatAccountBalance(), currentCurrency)}`;
@@ -333,7 +333,7 @@ class AccountOverview extends PureComponent {
 										styles.label,
 										styles.labelInput,
 										styles.onboardingWizardLabel,
-										onboardingWizard ? { borderColor: colors.blue } : { borderColor: colors.white }
+										onboardingWizard ? { borderColor: colors.blue } : { borderColor: colors.white },
 									]}
 									editable={accountLabelEditable}
 									onChangeText={this.onAccountLabelChange}
@@ -356,7 +356,7 @@ class AccountOverview extends PureComponent {
 											styles.onboardingWizardLabel,
 											onboardingWizard
 												? { borderColor: colors.blue }
-												: { borderColor: colors.white }
+												: { borderColor: colors.white },
 										]}
 										numberOfLines={1}
 										testID={'edit-account-label'}
@@ -406,25 +406,22 @@ class AccountOverview extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 	identities: state.engine.backgroundState.PreferencesController.identities,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 	network: state.engine.backgroundState.NetworkController.network,
-	swapsIsLive: swapsLivenessSelector(state)
+	swapsIsLive: swapsLivenessSelector(state),
 });
 
-const mapDispatchToProps = dispatch => ({
-	showAlert: config => dispatch(showAlert(config)),
+const mapDispatchToProps = (dispatch) => ({
+	showAlert: (config) => dispatch(showAlert(config)),
 	toggleAccountsModal: () => dispatch(toggleAccountsModal()),
 	protectWalletModalVisible: () => dispatch(protectWalletModalVisible()),
-	newAssetTransaction: selectedAsset => dispatch(newAssetTransaction(selectedAsset)),
-	toggleReceiveModal: asset => dispatch(toggleReceiveModal(asset))
+	newAssetTransaction: (selectedAsset) => dispatch(newAssetTransaction(selectedAsset)),
+	toggleReceiveModal: (asset) => dispatch(toggleReceiveModal(asset)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(AccountOverview);
+export default connect(mapStateToProps, mapDispatchToProps)(AccountOverview);
diff --git a/app/components/UI/AccountOverview/index.test.js b/app/components/UI/AccountOverview/index.test.js
index 84bb0118774..b564dbd0149 100644
--- a/app/components/UI/AccountOverview/index.test.js
+++ b/app/components/UI/AccountOverview/index.test.js
@@ -12,7 +12,7 @@ describe('AccountOverview', () => {
 		const account = {
 			address: '0xe7E125654064EEa56229f273dA586F10DF96B0a1',
 			balanceFiat: 1604.2,
-			label: 'Account 1'
+			label: 'Account 1',
 		};
 		const wrapper = shallow(
 			<Provider store={store}>
diff --git a/app/components/UI/AccountRightButton/index.js b/app/components/UI/AccountRightButton/index.js
index 5142a47cf9a..3a721d3e053 100644
--- a/app/components/UI/AccountRightButton/index.js
+++ b/app/components/UI/AccountRightButton/index.js
@@ -13,8 +13,8 @@ const styles = StyleSheet.create({
 		marginLeft: Device.isAndroid() ? 7 : 0,
 		marginBottom: 12,
 		alignItems: 'center',
-		justifyContent: 'center'
-	}
+		justifyContent: 'center',
+	},
 });
 
 /**
@@ -30,7 +30,7 @@ class AccountRightButton extends PureComponent {
 		/**
 		 * Action that toggles the account modal
 		 */
-		toggleAccountsModal: PropTypes.func
+		toggleAccountsModal: PropTypes.func,
 	};
 
 	animating = false;
@@ -59,11 +59,8 @@ class AccountRightButton extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({ address: state.engine.backgroundState.PreferencesController.selectedAddress });
-const mapDispatchToProps = dispatch => ({
-	toggleAccountsModal: () => dispatch(toggleAccountsModal())
+const mapStateToProps = (state) => ({ address: state.engine.backgroundState.PreferencesController.selectedAddress });
+const mapDispatchToProps = (dispatch) => ({
+	toggleAccountsModal: () => dispatch(toggleAccountsModal()),
 });
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(AccountRightButton);
+export default connect(mapStateToProps, mapDispatchToProps)(AccountRightButton);
diff --git a/app/components/UI/AccountSelect/index.js b/app/components/UI/AccountSelect/index.js
index c284b1ab857..eb36bcc3262 100644
--- a/app/components/UI/AccountSelect/index.js
+++ b/app/components/UI/AccountSelect/index.js
@@ -11,7 +11,7 @@ import { safeToChecksumAddress } from '../../../util/address';
 
 const styles = StyleSheet.create({
 	root: {
-		flex: 1
+		flex: 1,
 	},
 	componentContainer: {
 		position: 'absolute',
@@ -22,44 +22,44 @@ const styles = StyleSheet.create({
 		borderColor: colors.grey100,
 		borderRadius: 4,
 		borderWidth: 1,
-		elevation: 11
+		elevation: 11,
 	},
 	activeOption: {
 		backgroundColor: colors.white,
 		borderColor: colors.grey100,
 		borderRadius: 4,
 		borderWidth: 1,
-		position: 'relative'
+		position: 'relative',
 	},
 	option: {
 		flexDirection: 'row',
 		paddingHorizontal: 10,
-		paddingVertical: 8
+		paddingVertical: 8,
 	},
 	info: {
 		...fontStyles.normal,
 		fontSize: 12,
-		lineHeight: 16
+		lineHeight: 16,
 	},
 	name: {
 		...fontStyles.bold,
 		fontSize: 16,
-		marginBottom: 4
+		marginBottom: 4,
 	},
 	icon: {
 		paddingRight: 8,
 		paddingLeft: 2,
-		paddingTop: 1.5
+		paddingTop: 1.5,
 	},
 	content: {
 		flex: 1,
-		paddingHorizontal: 8
+		paddingHorizontal: 8,
 	},
 	arrow: {
 		color: colors.grey100,
 		position: 'absolute',
 		right: 10,
-		top: 25
+		top: 25,
 	},
 	optionList: {
 		backgroundColor: colors.white,
@@ -72,8 +72,8 @@ const styles = StyleSheet.create({
 		left: 0,
 		right: 0,
 		elevation: 10,
-		width: '100%'
-	}
+		width: '100%',
+	},
 });
 
 /**
@@ -128,11 +128,11 @@ class AccountSelect extends PureComponent {
 		/**
 		 * Current provider ticker
 		 */
-		ticker: PropTypes.string
+		ticker: PropTypes.string,
 	};
 
 	static defaultProps = {
-		enabled: true
+		enabled: true,
 	};
 
 	componentDidMount() {
@@ -194,7 +194,7 @@ class AccountSelect extends PureComponent {
 		return (
 			<ScrollView style={styles.componentContainer}>
 				<View style={styles.optionList}>
-					{Object.keys(identities).map(address =>
+					{Object.keys(identities).map((address) =>
 						this.renderOption({ ...identities[address], ...accounts[address] }, () => {
 							this.setState({ value: address });
 							openAccountSelect && openAccountSelect(true);
@@ -214,14 +214,14 @@ class AccountSelect extends PureComponent {
 	);
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	identities: state.engine.backgroundState.PreferencesController.identities,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 	primaryCurrency: state.settings.primaryCurrency,
-	ticker: state.engine.backgroundState.NetworkController.provider.ticker
+	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 });
 
 export default connect(mapStateToProps)(AccountSelect);
diff --git a/app/components/UI/ActionModal/ActionContent/index.js b/app/components/UI/ActionModal/ActionContent/index.js
index f533401c728..06f9f79202d 100644
--- a/app/components/UI/ActionModal/ActionContent/index.js
+++ b/app/components/UI/ActionModal/ActionContent/index.js
@@ -10,34 +10,34 @@ const styles = StyleSheet.create({
 		flexDirection: 'column',
 		justifyContent: 'center',
 		alignItems: 'center',
-		marginHorizontal: 24
+		marginHorizontal: 24,
 	},
 	viewContainer: {
 		width: '100%',
 		backgroundColor: colors.white,
-		borderRadius: 10
+		borderRadius: 10,
 	},
 	actionHorizontalContainer: {
 		flexDirection: 'row',
 		padding: 16,
 		borderTopWidth: 1,
-		borderTopColor: colors.grey200
+		borderTopColor: colors.grey200,
 	},
 	actionVerticalContainer: {
 		flexDirection: 'column',
 		paddingHorizontal: 16,
-		paddingVertical: 8
+		paddingVertical: 8,
 	},
 	childrenContainer: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	button: {
-		margin: 8
+		margin: 8,
 	},
 	buttonHorizontal: {
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
 /**
@@ -63,7 +63,7 @@ export default function ActionContent({
 	viewContainerStyle,
 	actionContainerStyle,
 	childrenContainerStyle,
-	verticalButtons
+	verticalButtons,
 }) {
 	return (
 		<View style={[styles.viewWrapper, viewWrapperStyle]}>
@@ -72,7 +72,7 @@ export default function ActionContent({
 				<View
 					style={[
 						verticalButtons ? styles.actionVerticalContainer : styles.actionHorizontalContainer,
-						actionContainerStyle
+						actionContainerStyle,
 					]}
 				>
 					{displayCancelButton && (
@@ -116,7 +116,7 @@ ActionContent.defaultProps = {
 	displayConfirmButton: true,
 	viewWrapperStyle: null,
 	viewContainerStyle: null,
-	childrenContainerStyle: null
+	childrenContainerStyle: null,
 };
 
 ActionContent.propTypes = {
@@ -188,5 +188,5 @@ ActionContent.propTypes = {
 	/**
 	 * Children container style
 	 */
-	childrenContainerStyle: PropTypes.object
+	childrenContainerStyle: PropTypes.object,
 };
diff --git a/app/components/UI/ActionModal/index.js b/app/components/UI/ActionModal/index.js
index e1b7b28a539..cea9f863fde 100644
--- a/app/components/UI/ActionModal/index.js
+++ b/app/components/UI/ActionModal/index.js
@@ -8,8 +8,8 @@ import ActionContent from './ActionContent';
 const styles = StyleSheet.create({
 	modal: {
 		margin: 0,
-		width: '100%'
-	}
+		width: '100%',
+	},
 });
 
 /**
@@ -37,7 +37,7 @@ export default function ActionModal({
 	childrenContainerStyle,
 	verticalButtons,
 	propagateSwipe,
-	cancelButtonDisabled
+	cancelButtonDisabled,
 }) {
 	return (
 		<Modal
@@ -84,7 +84,7 @@ ActionModal.defaultProps = {
 	confirmText: strings('action_view.confirm'),
 	confirmDisabled: false,
 	displayCancelButton: true,
-	displayConfirmButton: true
+	displayConfirmButton: true,
 };
 
 ActionModal.propTypes = {
@@ -172,5 +172,5 @@ ActionModal.propTypes = {
 	/**
 	 * Allows swipe events to propagate to children components (eg a ScrollView inside a modal)
 	 */
-	propagateSwipe: PropTypes.bool
+	propagateSwipe: PropTypes.bool,
 };
diff --git a/app/components/UI/ActionView/index.js b/app/components/UI/ActionView/index.js
index 3e26ea88844..d6209f3ec74 100644
--- a/app/components/UI/ActionView/index.js
+++ b/app/components/UI/ActionView/index.js
@@ -11,17 +11,17 @@ const styles = StyleSheet.create({
 		flex: 0,
 		flexDirection: 'row',
 		paddingVertical: 16,
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	button: {
-		flex: 1
+		flex: 1,
 	},
 	cancel: {
-		marginRight: 8
+		marginRight: 8,
 	},
 	confirm: {
-		marginLeft: 8
-	}
+		marginLeft: 8,
+	},
 });
 
 /**
@@ -42,7 +42,7 @@ export default function ActionView({
 	confirmed,
 	confirmDisabled,
 	keyboardShouldPersistTaps = 'never',
-	style = undefined
+	style = undefined,
 }) {
 	return (
 		<View style={baseStyles.flexGrow}>
@@ -101,7 +101,7 @@ ActionView.defaultProps = {
 	confirmed: false,
 	cancelTestID: '',
 	showCancelButton: true,
-	showConfirmButton: true
+	showConfirmButton: true,
 };
 
 ActionView.propTypes = {
@@ -165,5 +165,5 @@ ActionView.propTypes = {
 	/**
 	 * Optional View styles. Applies to scroll view
 	 */
-	style: PropTypes.object
+	style: PropTypes.object,
 };
diff --git a/app/components/UI/AddCustomCollectible/index.js b/app/components/UI/AddCustomCollectible/index.js
index 43c0c632bb5..92d6de74261 100644
--- a/app/components/UI/AddCustomCollectible/index.js
+++ b/app/components/UI/AddCustomCollectible/index.js
@@ -15,23 +15,23 @@ import { toLowerCaseEquals } from '../../../util/general';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	rowWrapper: {
-		padding: 20
+		padding: 20,
 	},
 	textInput: {
 		borderWidth: 1,
 		borderRadius: 4,
 		borderColor: colors.grey100,
 		padding: 16,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	warningText: {
 		marginTop: 15,
 		color: colors.red,
-		...fontStyles.normal
-	}
+		...fontStyles.normal,
+	},
 });
 
 /**
@@ -41,7 +41,7 @@ class AddCustomCollectible extends PureComponent {
 	state = {
 		address: '',
 		tokenId: '',
-		inputWidth: Device.isAndroid() ? '99%' : undefined
+		inputWidth: Device.isAndroid() ? '99%' : undefined,
 	};
 
 	static propTypes = {
@@ -56,7 +56,7 @@ class AddCustomCollectible extends PureComponent {
 		/**
 		 * Collectible contract object of collectible to add
 		 */
-		collectibleContract: PropTypes.object
+		collectibleContract: PropTypes.object,
 	};
 
 	componentDidMount = () => {
@@ -80,7 +80,7 @@ class AddCustomCollectible extends PureComponent {
 			const { chainId, type } = NetworkController?.state?.provider || {};
 			return {
 				network_name: type,
-				chain_id: chainId
+				chain_id: chainId,
 			};
 		} catch (error) {
 			return {};
@@ -107,11 +107,11 @@ class AddCustomCollectible extends PureComponent {
 		this.props.navigation.goBack();
 	};
 
-	onAddressChange = address => {
+	onAddressChange = (address) => {
 		this.setState({ address });
 	};
 
-	onTokenIdChange = tokenId => {
+	onTokenIdChange = (tokenId) => {
 		this.setState({ tokenId });
 	};
 
@@ -195,7 +195,7 @@ class AddCustomCollectible extends PureComponent {
 							<TextInput
 								style={[
 									styles.textInput,
-									this.state.inputWidth ? { width: this.state.inputWidth } : {}
+									this.state.inputWidth ? { width: this.state.inputWidth } : {},
 								]}
 								placeholder={'0x...'}
 								placeholderTextColor={colors.grey100}
@@ -214,7 +214,7 @@ class AddCustomCollectible extends PureComponent {
 							<TextInput
 								style={[
 									styles.textInput,
-									this.state.inputWidth ? { width: this.state.inputWidth } : {}
+									this.state.inputWidth ? { width: this.state.inputWidth } : {},
 								]}
 								value={this.state.tokenId}
 								keyboardType="numeric"
@@ -238,8 +238,8 @@ class AddCustomCollectible extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
-	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress
+const mapStateToProps = (state) => ({
+	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 });
 
 export default connect(mapStateToProps)(AddCustomCollectible);
diff --git a/app/components/UI/AddCustomCollectible/index.test.js b/app/components/UI/AddCustomCollectible/index.test.js
index 0a3784e1603..6f77cc4b7dd 100644
--- a/app/components/UI/AddCustomCollectible/index.test.js
+++ b/app/components/UI/AddCustomCollectible/index.test.js
@@ -11,14 +11,14 @@ describe('AddCustomCollectible', () => {
 			engine: {
 				backgroundState: {
 					PreferencesController: {
-						selectedAddress: '0x1'
-					}
-				}
-			}
+						selectedAddress: '0x1',
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<AddCustomCollectible route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/AddCustomNetwork/index.js b/app/components/UI/AddCustomNetwork/index.js
index 9161b48eba4..c6da385b336 100644
--- a/app/components/UI/AddCustomNetwork/index.js
+++ b/app/components/UI/AddCustomNetwork/index.js
@@ -18,69 +18,69 @@ const styles = StyleSheet.create({
 		borderTopLeftRadius: 20,
 		borderTopRightRadius: 20,
 		minHeight: 200,
-		paddingBottom: Device.isIphoneX() ? 20 : 0
+		paddingBottom: Device.isIphoneX() ? 20 : 0,
 	},
 	accountCardWrapper: {
 		borderWidth: 1,
 		borderColor: colors.grey200,
 		borderRadius: 10,
 		padding: 16,
-		margin: 24
+		margin: 24,
 	},
 	intro: {
 		fontSize: Device.isSmallDevice() ? 18 : 24,
 		marginBottom: 16,
 		marginTop: 16,
 		marginRight: 24,
-		marginLeft: 24
+		marginLeft: 24,
 	},
 	warning: {
 		paddingHorizontal: 24,
 		fontSize: 13,
 		width: '100%',
-		paddingBottom: 12
+		paddingBottom: 12,
 	},
 	warningSubtext: {
 		lineHeight: 20,
 		paddingHorizontal: 24,
 		fontSize: 13,
-		width: '100%'
+		width: '100%',
 	},
 	actionContainer: {
 		flex: 0,
 		flexDirection: 'row',
-		padding: 24
+		padding: 24,
 	},
 	button: {
-		flex: 1
+		flex: 1,
 	},
 	cancel: {
-		marginRight: 8
+		marginRight: 8,
 	},
 	confirm: {
-		marginLeft: 8
+		marginLeft: 8,
 	},
 	actionTouchable: {
 		flexDirection: 'column',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	viewDetailsText: {
 		fontSize: 12,
-		lineHeight: 16
+		lineHeight: 16,
 	},
 	textSection: {
 		flexDirection: 'row',
-		paddingBottom: 7
+		paddingBottom: 7,
 	},
 	textSectionLast: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	networkInfoTitle: {
-		paddingRight: 10
+		paddingRight: 10,
 	},
 	networkInfoValue: {
 		flex: 1,
-		fontSize: 13
+		fontSize: 13,
 	},
 	detailsBackButton: {
 		height: 24,
@@ -88,34 +88,34 @@ const styles = StyleSheet.create({
 		justifyContent: 'space-around',
 		alignItems: 'center',
 		textAlign: 'center',
-		padding: 24
+		padding: 24,
 	},
 	detailsBackIcon: {
 		width: 24,
 		height: 24,
 		color: colors.black,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	detailsContainer: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	flexAux: {
-		flex: 1
+		flex: 1,
 	},
 	alertContainer: {
 		marginHorizontal: 24,
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	alertIcon: {
 		fontSize: 20,
 		...fontStyles.bold,
 		color: colors.yellow,
-		marginRight: 6
+		marginRight: 6,
 	},
 	alertText: {
-		lineHeight: 18
-	}
+		lineHeight: 18,
+	},
 });
 
 /**
@@ -142,10 +142,10 @@ const AddCustomNetwork = ({ customNetworkInformation, currentPageInformation, on
 	 * Toggle network details
 	 */
 	const toggleViewDetails = () => {
-		setViewDetails(viewDetails => !viewDetails);
+		setViewDetails((viewDetails) => !viewDetails);
 	};
 
-	const renderNetworkInfo = moreDetails => (
+	const renderNetworkInfo = (moreDetails) => (
 		<View style={styles.accountCardWrapper}>
 			<View style={styles.textSection}>
 				<Text small primary noMargin style={styles.networkInfoTitle}>
@@ -325,7 +325,7 @@ AddCustomNetwork.propTypes = {
 	/**
 	 * Object containing info of the network to add
 	 */
-	customNetworkInformation: PropTypes.object
+	customNetworkInformation: PropTypes.object,
 };
 
 export default AddCustomNetwork;
diff --git a/app/components/UI/AddCustomToken/index.js b/app/components/UI/AddCustomToken/index.js
index e699d73a478..981ac440af4 100644
--- a/app/components/UI/AddCustomToken/index.js
+++ b/app/components/UI/AddCustomToken/index.js
@@ -12,23 +12,23 @@ import AnalyticsV2 from '../../../util/analyticsV2';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	rowWrapper: {
-		padding: 20
+		padding: 20,
 	},
 	textInput: {
 		borderWidth: 1,
 		borderRadius: 4,
 		borderColor: colors.grey100,
 		padding: 16,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	warningText: {
 		marginTop: 15,
 		color: colors.red,
-		...fontStyles.normal
-	}
+		...fontStyles.normal,
+	},
 });
 
 /**
@@ -41,14 +41,14 @@ export default class AddCustomToken extends PureComponent {
 		decimals: '',
 		warningAddress: '',
 		warningSymbol: '',
-		warningDecimals: ''
+		warningDecimals: '',
 	};
 
 	static propTypes = {
 		/**
 		/* navigation object required to push new views
 		*/
-		navigation: PropTypes.object
+		navigation: PropTypes.object,
 	};
 
 	getAnalyticsParams = () => {
@@ -61,7 +61,7 @@ export default class AddCustomToken extends PureComponent {
 				token_symbol: symbol,
 				network_name: type,
 				chain_id: chainId,
-				source: 'Custom token'
+				source: 'Custom token',
 			};
 		} catch (error) {
 			return {};
@@ -84,7 +84,7 @@ export default class AddCustomToken extends PureComponent {
 				decimals: '',
 				warningAddress: '',
 				warningSymbol: '',
-				warningDecimals: ''
+				warningDecimals: '',
 			},
 			() => {
 				InteractionManager.runAfterInteractions(() => {
@@ -98,15 +98,15 @@ export default class AddCustomToken extends PureComponent {
 		this.props.navigation.goBack();
 	};
 
-	onAddressChange = address => {
+	onAddressChange = (address) => {
 		this.setState({ address });
 	};
 
-	onSymbolChange = symbol => {
+	onSymbolChange = (symbol) => {
 		this.setState({ symbol });
 	};
 
-	onDecimalsChange = decimals => {
+	onDecimalsChange = (decimals) => {
 		this.setState({ decimals });
 	};
 
diff --git a/app/components/UI/AnimatedSpinner/index.js b/app/components/UI/AnimatedSpinner/index.js
index 3c5bf5ede6a..5b57602ea6c 100644
--- a/app/components/UI/AnimatedSpinner/index.js
+++ b/app/components/UI/AnimatedSpinner/index.js
@@ -10,22 +10,22 @@ const styles = StyleSheet.create({
 		height: Device.isAndroid() ? 41.5 : 40,
 		width: Device.isAndroid() ? 41.5 : 40,
 		top: Device.isAndroid() ? -6 : -5.5,
-		left: Device.isAndroid() ? -6 : -5.5
+		left: Device.isAndroid() ? -6 : -5.5,
 	},
 	static: {
 		borderWidth: 3.5,
 		borderColor: colors.spinnerBackground,
 		borderRadius: 64,
 		width: 36,
-		height: 36
-	}
+		height: 36,
+	},
 });
 
 export default class AnimatedSpinner extends PureComponent {
 	spinValue = new Animated.Value(0);
 
 	state = {
-		spinning: false
+		spinning: false,
 	};
 
 	componentDidMount() {
@@ -56,7 +56,7 @@ export default class AnimatedSpinner extends PureComponent {
 			duration: 1000,
 			easing: Easing.linear,
 			useNativeDriver: true,
-			isInteraction: false
+			isInteraction: false,
 		}).start(() => {
 			if (this.state.spinning && this.mounted) {
 				this.animation();
@@ -69,7 +69,7 @@ export default class AnimatedSpinner extends PureComponent {
 	render() {
 		const spin = this.spinValue.interpolate({
 			inputRange: [0, 1],
-			outputRange: ['0deg', '360deg']
+			outputRange: ['0deg', '360deg'],
 		});
 
 		return (
diff --git a/app/components/UI/AnimatedTransactionModal/index.js b/app/components/UI/AnimatedTransactionModal/index.js
index 8e204af193c..2cd771a44c4 100644
--- a/app/components/UI/AnimatedTransactionModal/index.js
+++ b/app/components/UI/AnimatedTransactionModal/index.js
@@ -10,16 +10,16 @@ const styles = StyleSheet.create({
 		minHeight: 200,
 		borderTopLeftRadius: 20,
 		borderTopRightRadius: 20,
-		paddingBottom: Device.isIphoneX() ? 24 : 0
+		paddingBottom: Device.isIphoneX() ? 24 : 0,
 	},
 	transactionEdit: {
 		position: 'absolute',
 		width: '100%',
-		height: '100%'
+		height: '100%',
 	},
 	transactionReview: {
-		paddingTop: 24
-	}
+		paddingTop: 24,
+	},
 });
 
 /**
@@ -42,7 +42,7 @@ class AnimatedTransactionModal extends PureComponent {
 		/**
 		 * Children components
 		 */
-		children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+		children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
 	};
 
 	state = {
@@ -57,7 +57,7 @@ class AnimatedTransactionModal extends PureComponent {
 		hideData: true,
 		advancedCustomGas: false,
 		toAdvancedFrom: 'edit',
-		mode: 'review'
+		mode: 'review',
 	};
 
 	reviewToEditValue = new Animated.Value(0);
@@ -67,7 +67,7 @@ class AnimatedTransactionModal extends PureComponent {
 	xTranslationMappings = {
 		reviewToEdit: this.reviewToEditValue,
 		editToAdvanced: this.editToAdvancedValue,
-		reviewToData: this.reviewToDataValue
+		reviewToData: this.reviewToDataValue,
 	};
 
 	review = () => {
@@ -75,19 +75,19 @@ class AnimatedTransactionModal extends PureComponent {
 		this.onModeChange('review');
 	};
 
-	onModeChange = mode => {
+	onModeChange = (mode) => {
 		if (mode === 'edit') {
 			this.setState({ toAdvancedFrom: 'review' });
 			this.animate({
 				modalEndValue: this.state.advancedCustomGas ? this.getAnimatedModalValueForAdvancedCG() : 0,
 				xTranslationName: 'reviewToEdit',
-				xTranslationEndValue: 1
+				xTranslationEndValue: 1,
 			});
 		} else {
 			this.animate({
 				modalEndValue: 1,
 				xTranslationName: 'reviewToEdit',
-				xTranslationEndValue: 0
+				xTranslationEndValue: 0,
 			});
 		}
 		this.props.onModeChange(mode);
@@ -101,14 +101,14 @@ class AnimatedTransactionModal extends PureComponent {
 				toValue: modalEndValue,
 				duration: 250,
 				easing: Easing.ease,
-				useNativeDriver: true
+				useNativeDriver: true,
 			}),
 			Animated.timing(this.xTranslationMappings[xTranslationName], {
 				toValue: xTranslationEndValue,
 				duration: 250,
 				easing: Easing.ease,
-				useNativeDriver: true
-			})
+				useNativeDriver: true,
+			}),
 		]).start(() => {
 			this.hideComponents(xTranslationName, xTranslationEndValue, 'end');
 		});
@@ -123,12 +123,12 @@ class AnimatedTransactionModal extends PureComponent {
 		//data view is hidden by default because when we switch from review to edit, since view is nested in review, it also gets transformed. It's shown if it's the animation's destination.
 		if (xTranslationName === 'editToAdvanced') {
 			this.setState({
-				hideGasSelectors: xTranslationEndValue === 1 && animationTime === 'end'
+				hideGasSelectors: xTranslationEndValue === 1 && animationTime === 'end',
 			});
 		}
 		if (xTranslationName === 'reviewToData') {
 			this.setState({
-				hideData: xTranslationEndValue === 0 && animationTime === 'end'
+				hideData: xTranslationEndValue === 0 && animationTime === 'end',
 			});
 		}
 	};
@@ -141,10 +141,10 @@ class AnimatedTransactionModal extends PureComponent {
 					{
 						translateY: modalValue.interpolate({
 							inputRange: [0, valueType === 'saveButton' ? this.getAnimatedModalValueForAdvancedCG() : 1],
-							outputRange: outRange
-						})
-					}
-				]
+							outputRange: outRange,
+						}),
+					},
+				],
 			};
 		}
 		let value;
@@ -156,10 +156,10 @@ class AnimatedTransactionModal extends PureComponent {
 				{
 					translateX: value.interpolate({
 						inputRange: [0, 1],
-						outputRange: outRange
-					})
-				}
-			]
+						outputRange: outRange,
+					}),
+				},
+			],
 		};
 	};
 
@@ -170,11 +170,11 @@ class AnimatedTransactionModal extends PureComponent {
 		return 70 / (rootHeight - customGasHeight);
 	};
 
-	saveRootHeight = event => this.setState({ rootHeight: event.nativeEvent.layout.height });
+	saveRootHeight = (event) => this.setState({ rootHeight: event.nativeEvent.layout.height });
 
-	saveCustomGasHeight = event => this.setState({ customGasHeight: event.nativeEvent.layout.height });
+	saveCustomGasHeight = (event) => this.setState({ customGasHeight: event.nativeEvent.layout.height });
 
-	saveTransactionReviewDataHeight = event =>
+	saveTransactionReviewDataHeight = (event) =>
 		!this.state.transactionReviewDataHeight &&
 		this.setState({ transactionReviewDataHeight: event.nativeEvent.layout.height });
 
@@ -191,7 +191,7 @@ class AnimatedTransactionModal extends PureComponent {
 			customGasHeight,
 			advancedCustomGas,
 			hideGasSelectors,
-			toAdvancedFrom
+			toAdvancedFrom,
 		} = this.state;
 		const { ready, children } = this.props;
 		const components = React.Children.toArray(children);
@@ -213,7 +213,7 @@ class AnimatedTransactionModal extends PureComponent {
 				style={[
 					styles.root,
 					modalTransformStyle,
-					originComponent === 'wallet' && { height: customGasHeight + 70 }
+					originComponent === 'wallet' && { height: customGasHeight + 70 },
 				]}
 				onLayout={this.saveRootHeight}
 			>
@@ -228,7 +228,7 @@ class AnimatedTransactionModal extends PureComponent {
 							generateTransform: this.generateTransform,
 							animate: this.animate,
 							saveTransactionReviewDataHeight: this.saveTransactionReviewDataHeight,
-							onModeChange: this.onModeChange
+							onModeChange: this.onModeChange,
 						})}
 					</Animated.View>
 				)}
@@ -246,7 +246,7 @@ class AnimatedTransactionModal extends PureComponent {
 							animate: this.animate,
 							generateTransform: this.generateTransform,
 							getAnimatedModalValueForAdvancedCG: this.getAnimatedModalValueForAdvancedCG,
-							review: this.review
+							review: this.review,
 						})}
 					</Animated.View>
 				)}
diff --git a/app/components/UI/ApproveTransactionReview/EditPermission/index.js b/app/components/UI/ApproveTransactionReview/EditPermission/index.js
index b16ac5d567c..5ce70af7a90 100644
--- a/app/components/UI/ApproveTransactionReview/EditPermission/index.js
+++ b/app/components/UI/ApproveTransactionReview/EditPermission/index.js
@@ -18,42 +18,42 @@ const styles = StyleSheet.create({
 		paddingBottom: Device.isIphoneX() ? 48 : 24,
 		backgroundColor: colors.white,
 		borderTopRightRadius: 20,
-		borderTopLeftRadius: 20
+		borderTopLeftRadius: 20,
 	},
 	sectionExplanationText: {
 		...fontStyles.normal,
 		fontSize: 12,
 		color: colors.grey500,
-		marginVertical: 6
+		marginVertical: 6,
 	},
 	option: {
 		flexDirection: 'row',
-		marginVertical: 8
+		marginVertical: 8,
 	},
 	errorMessageWrapper: {
-		marginVertical: 6
+		marginVertical: 6,
 	},
 	optionText: {
 		...fontStyles.normal,
 		fontSize: 14,
-		lineHeight: 20
+		lineHeight: 20,
 	},
 	touchableOption: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	selectedCircle: {
 		width: 8,
 		height: 8,
 		borderRadius: 8 / 2,
 		margin: 3,
-		backgroundColor: colors.blue
+		backgroundColor: colors.blue,
 	},
 	outSelectedCircle: {
 		width: 18,
 		height: 18,
 		borderRadius: 18 / 2,
 		borderWidth: 2,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	circle: {
 		width: 18,
@@ -62,37 +62,37 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		opacity: 1,
 		borderWidth: 2,
-		borderColor: colors.grey200
+		borderColor: colors.grey200,
 	},
 	input: {
 		padding: 12,
 		borderColor: colors.grey200,
 		borderRadius: 10,
-		borderWidth: 2
+		borderWidth: 2,
 	},
 	spendLimitContent: {
 		marginLeft: 8,
-		flex: 1
+		flex: 1,
 	},
 	spendLimitTitle: {
 		...fontStyles.bold,
 		color: colors.black,
 		fontSize: 14,
 		lineHeight: 20,
-		marginBottom: 8
+		marginBottom: 8,
 	},
 	spendLimitSubtitle: {
 		...fontStyles.normal,
 		fontSize: 12,
 		lineHeight: 18,
-		color: colors.grey500
+		color: colors.grey500,
 	},
 	textBlue: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	textBlack: {
-		color: colors.black
-	}
+		color: colors.black,
+	},
 });
 
 function EditPermission({
@@ -106,7 +106,7 @@ function EditPermission({
 	onSpendLimitCustomValueChange,
 	onPressSpendLimitUnlimitedSelected,
 	onPressSpendLimitCustomSelected,
-	toggleEditPermission
+	toggleEditPermission,
 }) {
 	const [initialState] = useState({ spendLimitUnlimitedSelected, spendLimitCustomValue });
 
@@ -137,7 +137,7 @@ function EditPermission({
 		onPressSpendLimitCustomSelected,
 		onPressSpendLimitUnlimitedSelected,
 		onSpendLimitCustomValueChange,
-		toggleEditPermission
+		toggleEditPermission,
 	]);
 
 	return (
@@ -165,7 +165,7 @@ function EditPermission({
 						<Text
 							style={[
 								styles.optionText,
-								spendLimitUnlimitedSelected ? styles.textBlue : styles.textBlack
+								spendLimitUnlimitedSelected ? styles.textBlue : styles.textBlack,
 							]}
 						>
 							{strings('spend_limit_edition.proposed')}
@@ -194,7 +194,7 @@ function EditPermission({
 						<Text
 							style={[
 								styles.optionText,
-								!spendLimitUnlimitedSelected ? styles.textBlue : styles.textBlack
+								!spendLimitUnlimitedSelected ? styles.textBlue : styles.textBlack,
 							]}
 						>
 							{strings('spend_limit_edition.custom_spend_limit')}
@@ -220,7 +220,7 @@ function EditPermission({
 							<View style={styles.errorMessageWrapper}>
 								<ErrorMessage
 									errorMessage={strings('spend_limit_edition.must_be_at_least', {
-										allowance: minimumSpendLimit
+										allowance: minimumSpendLimit,
 									})}
 								/>
 							</View>
@@ -235,7 +235,7 @@ function EditPermission({
 	);
 }
 EditPermission.defaultProps = {
-	minimumSpendLimit: MINIMUM_VALUE
+	minimumSpendLimit: MINIMUM_VALUE,
 };
 
 EditPermission.propTypes = {
@@ -249,7 +249,7 @@ EditPermission.propTypes = {
 	onPressSpendLimitCustomSelected: PropTypes.func.isRequired,
 	onSpendLimitCustomValueChange: PropTypes.func.isRequired,
 	onSetApprovalAmount: PropTypes.func.isRequired,
-	toggleEditPermission: PropTypes.func.isRequired
+	toggleEditPermission: PropTypes.func.isRequired,
 };
 
 export default EditPermission;
diff --git a/app/components/UI/ApproveTransactionReview/index.js b/app/components/UI/ApproveTransactionReview/index.js
index 0632caa0a61..5643a125efe 100644
--- a/app/components/UI/ApproveTransactionReview/index.js
+++ b/app/components/UI/ApproveTransactionReview/index.js
@@ -20,7 +20,7 @@ import {
 	getActiveTabUrl,
 	getMethodData,
 	decodeApproveData,
-	generateApproveData
+	generateApproveData,
 } from '../../../util/transactions';
 import { showAlert } from '../../../actions/alert';
 import Analytics from '../../../core/Analytics';
@@ -47,7 +47,7 @@ const styles = StyleSheet.create({
 	section: {
 		minWidth: '100%',
 		width: '100%',
-		paddingVertical: 10
+		paddingVertical: 10,
 	},
 	title: {
 		...fontStyles.bold,
@@ -56,7 +56,7 @@ const styles = StyleSheet.create({
 		color: colors.black,
 		lineHeight: 34,
 		marginVertical: 16,
-		paddingHorizontal: 16
+		paddingHorizontal: 16,
 	},
 	explanation: {
 		...fontStyles.normal,
@@ -64,7 +64,7 @@ const styles = StyleSheet.create({
 		textAlign: 'center',
 		color: colors.black,
 		lineHeight: 20,
-		paddingHorizontal: 16
+		paddingHorizontal: 16,
 	},
 	editPermissionText: {
 		...fontStyles.bold,
@@ -77,7 +77,7 @@ const styles = StyleSheet.create({
 		borderRadius: 20,
 		borderColor: colors.blue,
 		paddingVertical: 8,
-		paddingHorizontal: 16
+		paddingHorizontal: 16,
 	},
 	viewDetailsText: {
 		...fontStyles.normal,
@@ -85,11 +85,11 @@ const styles = StyleSheet.create({
 		fontSize: 12,
 		lineHeight: 16,
 		marginTop: 8,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	actionTouchable: {
 		flexDirection: 'column',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	errorWrapper: {
 		marginTop: 12,
@@ -100,28 +100,28 @@ const styles = StyleSheet.create({
 		borderRadius: 8,
 		borderWidth: 1,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	error: {
 		color: colors.red,
 		fontSize: 12,
 		lineHeight: 16,
 		...fontStyles.normal,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	underline: {
 		textDecorationLine: 'underline',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	actionViewWrapper: {
-		height: Device.isMediumDevice() ? 200 : 350
+		height: Device.isMediumDevice() ? 200 : 350,
 	},
 	actionViewChildren: {
-		height: 300
+		height: 300,
 	},
 	paddingHorizontal: {
-		paddingHorizontal: 16
-	}
+		paddingHorizontal: 16,
+	},
 });
 
 const { ORIGIN_DEEPLINK, ORIGIN_QR_CODE } = AppConstants.DEEPLINKS;
@@ -240,7 +240,7 @@ class ApproveTransactionReview extends PureComponent {
 		/**
 		 * If the gas estimations are ready
 		 */
-		gasEstimationReady: PropTypes.bool
+		gasEstimationReady: PropTypes.bool,
 	};
 
 	state = {
@@ -258,7 +258,7 @@ class ApproveTransactionReview extends PureComponent {
 		spenderAddress: '0x...',
 		transaction: this.props.transaction,
 		token: {},
-		showGasTooltip: false
+		showGasTooltip: false,
 	};
 
 	customSpendLimitInput = React.createRef();
@@ -267,7 +267,7 @@ class ApproveTransactionReview extends PureComponent {
 	componentDidMount = async () => {
 		const {
 			transaction: { origin, to, gas, gasPrice, data },
-			conversionRate
+			conversionRate,
 		} = this.props;
 		const { AssetsContractController } = Engine.context;
 		const host = getHost(this.originIsWalletConnect ? origin.split(WALLET_CONNECT_ORIGIN)[1] : origin);
@@ -300,7 +300,7 @@ class ApproveTransactionReview extends PureComponent {
 				totalGas: renderFromWei(totalGas),
 				totalGasFiat: weiToFiatNumber(totalGas, conversionRate),
 				spenderAddress,
-				encodedAmount
+				encodedAmount,
 			},
 			() => {
 				AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.APPROVAL_STARTED, this.getAnalyticsParams());
@@ -311,7 +311,7 @@ class ApproveTransactionReview extends PureComponent {
 	componentDidUpdate(previousProps) {
 		const {
 			transaction: { gas, gasPrice },
-			conversionRate
+			conversionRate,
 		} = this.props;
 		const totalGas = gas?.mul(gasPrice);
 		if (
@@ -321,7 +321,7 @@ class ApproveTransactionReview extends PureComponent {
 			// eslint-disable-next-line react/no-did-update-set-state
 			this.setState({
 				totalGas: renderFromWei(totalGas),
-				totalGasFiat: weiToFiatNumber(totalGas, conversionRate)
+				totalGasFiat: weiToFiatNumber(totalGas, conversionRate),
 			});
 		}
 	}
@@ -342,7 +342,7 @@ class ApproveTransactionReview extends PureComponent {
 				active_currency: { value: tokenSymbol, anonymous: true },
 				number_tokens_requested: { value: originalApproveAmount, anonymous: true },
 				unlimited_permission_requested: unlimited,
-				referral_type: isDapp ? 'dapp' : transaction?.origin
+				referral_type: isDapp ? 'dapp' : transaction?.origin,
 			};
 			// Send analytics params to parent component so it's available when cancelling and confirming
 			onSetAnalyticsParams && onSetAnalyticsParams(params);
@@ -353,14 +353,14 @@ class ApproveTransactionReview extends PureComponent {
 		}
 	};
 
-	trackApproveEvent = event => {
+	trackApproveEvent = (event) => {
 		const { transaction, tokensLength, accountsLength, providerType } = this.props;
 		InteractionManager.runAfterInteractions(() => {
 			Analytics.trackEventWithParameters(event, {
 				view: transaction.origin,
 				numberOfTokens: tokensLength,
 				numberOfAccounts: accountsLength,
-				network: providerType
+				network: providerType,
 			});
 		});
 	};
@@ -397,7 +397,7 @@ class ApproveTransactionReview extends PureComponent {
 		);
 	};
 
-	onSpendLimitCustomValueChange = value => {
+	onSpendLimitCustomValueChange = (value) => {
 		this.setState({ spendLimitCustomValue: value });
 	};
 
@@ -408,7 +408,7 @@ class ApproveTransactionReview extends PureComponent {
 			isVisible: true,
 			autodismiss: 1500,
 			content: 'clipboard-alert',
-			data: { msg: strings('transactions.address_copied_to_clipboard') }
+			data: { msg: strings('transactions.address_copied_to_clipboard') },
 		});
 	};
 
@@ -425,7 +425,7 @@ class ApproveTransactionReview extends PureComponent {
 			spendLimitUnlimitedSelected,
 			originalApproveAmount,
 			spendLimitCustomValue,
-			transaction
+			transaction,
 		} = this.state;
 
 		try {
@@ -436,7 +436,7 @@ class ApproveTransactionReview extends PureComponent {
 
 			const approvalData = generateApproveData({
 				spender: spenderAddress,
-				value: Number(uint).toString(16)
+				value: Number(uint).toString(16),
 			});
 			const newApprovalTransaction = { ...transaction, data: approvalData };
 			setTransactionObject(newApprovalTransaction);
@@ -450,7 +450,7 @@ class ApproveTransactionReview extends PureComponent {
 	openLinkAboutGas = () =>
 		Linking.openURL('https://community.metamask.io/t/what-is-gas-why-do-transactions-take-so-long/3172');
 
-	toggleGasTooltip = () => this.setState(state => ({ showGasTooltip: !state.showGasTooltip }));
+	toggleGasTooltip = () => this.setState((state) => ({ showGasTooltip: !state.showGasTooltip }));
 
 	renderGasTooltip = () => {
 		const isMainnet = isMainnetByChainId(this.props.chainId);
@@ -481,13 +481,8 @@ class ApproveTransactionReview extends PureComponent {
 	};
 
 	renderEditPermission = () => {
-		const {
-			host,
-			spendLimitUnlimitedSelected,
-			tokenSymbol,
-			spendLimitCustomValue,
-			originalApproveAmount
-		} = this.state;
+		const { host, spendLimitUnlimitedSelected, tokenSymbol, spendLimitCustomValue, originalApproveAmount } =
+			this.state;
 
 		const _spendLimitCustomValue = spendLimitCustomValue ?? MINIMUM_VALUE;
 
@@ -525,7 +520,7 @@ class ApproveTransactionReview extends PureComponent {
 			onUpdatingValuesEnd,
 			animateOnChange,
 			isAnimating,
-			gasEstimationReady
+			gasEstimationReady,
 		} = this.props;
 		const is_main_net = isMainNet(network);
 		const originIsDeeplink = origin === ORIGIN_DEEPLINK || origin === ORIGIN_QR_CODE;
@@ -671,7 +666,7 @@ class ApproveTransactionReview extends PureComponent {
 			originalApproveAmount,
 			spendLimitUnlimitedSelected,
 			spendLimitCustomValue,
-			transaction: { to, data }
+			transaction: { to, data },
 		} = this.state;
 		const allowance = (!spendLimitUnlimitedSelected && spendLimitCustomValue) || originalApproveAmount;
 		return (
@@ -715,7 +710,7 @@ class ApproveTransactionReview extends PureComponent {
 		InteractionManager.runAfterInteractions(() => {
 			this.onCancelPress();
 			this.props.navigation.navigate('BrowserView', {
-				newTabUrl: mmFaucetUrl
+				newTabUrl: mmFaucetUrl,
 			});
 		});
 	};
@@ -735,7 +730,7 @@ class ApproveTransactionReview extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
@@ -746,15 +741,12 @@ const mapStateToProps = state => ({
 	primaryCurrency: state.settings.primaryCurrency,
 	activeTabUrl: getActiveTabUrl(state),
 	network: state.engine.backgroundState.NetworkController.network,
-	chainId: state.engine.backgroundState.NetworkController.provider.chainId
+	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setTransactionObject: transaction => dispatch(setTransactionObject(transaction)),
-	showAlert: config => dispatch(showAlert(config))
+const mapDispatchToProps = (dispatch) => ({
+	setTransactionObject: (transaction) => dispatch(setTransactionObject(transaction)),
+	showAlert: (config) => dispatch(showAlert(config)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(withNavigation(ApproveTransactionReview));
+export default connect(mapStateToProps, mapDispatchToProps)(withNavigation(ApproveTransactionReview));
diff --git a/app/components/UI/ApproveTransactionReview/index.test.js b/app/components/UI/ApproveTransactionReview/index.test.js
index bc7d9c6a221..a03d6ee3224 100644
--- a/app/components/UI/ApproveTransactionReview/index.test.js
+++ b/app/components/UI/ApproveTransactionReview/index.test.js
@@ -11,33 +11,33 @@ describe('ApproveTransactionModal', () => {
 			engine: {
 				backgroundState: {
 					AccountTrackerController: {
-						accounts: { '0x2': { balance: '0' } }
+						accounts: { '0x2': { balance: '0' } },
 					},
 					CurrencyRateController: {
-						conversionRate: 5
+						conversionRate: 5,
 					},
 					NetworkController: {
 						provider: {
 							ticker: 'ETH',
-							type: 'ETH'
-						}
+							type: 'ETH',
+						},
 					},
 					TokensController: {
-						tokens: []
-					}
-				}
+						tokens: [],
+					},
+				},
 			},
 			transaction: {},
 			settings: {
-				primaryCurrency: 'fiat'
+				primaryCurrency: 'fiat',
 			},
 			browser: {
 				activeTab: 1605778647042,
-				tabs: [{ id: 1605778647042, url: 'https://metamask.github.io/test-dapp/' }]
-			}
+				tabs: [{ id: 1605778647042, url: 'https://metamask.github.io/test-dapp/' }],
+			},
 		};
 		const wrapper = shallow(<ApproveTransactionModal />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
diff --git a/app/components/UI/AssetActionButton/index.js b/app/components/UI/AssetActionButton/index.js
index 5e02c9eec41..29f3713ae1a 100644
--- a/app/components/UI/AssetActionButton/index.js
+++ b/app/components/UI/AssetActionButton/index.js
@@ -14,10 +14,10 @@ const styles = StyleSheet.create({
 		marginHorizontal: 0,
 		justifyContent: 'center',
 		alignItems: 'center',
-		minWidth: 60
+		minWidth: 60,
 	},
 	disabledButton: {
-		opacity: 0.5
+		opacity: 0.5,
 	},
 	buttonIconWrapper: {
 		width: 36,
@@ -27,32 +27,32 @@ const styles = StyleSheet.create({
 		paddingLeft: 1,
 		justifyContent: 'center',
 		alignContent: 'center',
-		backgroundColor: colors.blue
+		backgroundColor: colors.blue,
 	},
 	buttonIcon: {
 		justifyContent: 'center',
 		alignContent: 'center',
 		textAlign: 'center',
-		color: colors.white
+		color: colors.white,
 	},
 	buttonText: {
 		marginTop: 8,
 		color: colors.blue,
-		fontSize: 14
+		fontSize: 14,
 	},
 	receive: {
 		right: Device.isIos() ? 1 : 0,
 		bottom: 1,
-		transform: [{ rotate: '90deg' }]
+		transform: [{ rotate: '90deg' }],
 	},
 	swapsIcon: {
 		right: Device.isAndroid() ? 1 : 0,
-		bottom: Device.isAndroid() ? 1 : 0
+		bottom: Device.isAndroid() ? 1 : 0,
 	},
 	buyIcon: {
 		right: Device.isAndroid() ? 0.5 : 0,
-		bottom: Device.isAndroid() ? 1 : 2
-	}
+		bottom: Device.isAndroid() ? 1 : 2,
+	},
 });
 
 function getIcon(type) {
@@ -107,7 +107,7 @@ AssetActionButton.propTypes = {
 	onPress: PropTypes.func,
 	icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
 	label: PropTypes.string,
-	disabled: PropTypes.bool
+	disabled: PropTypes.bool,
 };
 
 export default AssetActionButton;
diff --git a/app/components/UI/AssetElement/index.js b/app/components/UI/AssetElement/index.js
index 549e43dc245..476352ea7fd 100644
--- a/app/components/UI/AssetElement/index.js
+++ b/app/components/UI/AssetElement/index.js
@@ -11,15 +11,15 @@ const styles = StyleSheet.create({
 		paddingHorizontal: 15,
 		paddingVertical: 10,
 		borderBottomWidth: StyleSheet.hairlineWidth,
-		borderBottomColor: colors.grey100
+		borderBottomColor: colors.grey100,
 	},
 	arrow: {
 		flex: 1,
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	arrowIcon: {
-		marginTop: 16
-	}
+		marginTop: 16,
+	},
 });
 
 /**
@@ -42,7 +42,7 @@ export default class AssetElement extends PureComponent {
 		/**
 		 * Callback triggered on long press
 		 */
-		onLongPress: PropTypes.func
+		onLongPress: PropTypes.func,
 	};
 
 	handleOnPress = () => {
diff --git a/app/components/UI/AssetElement/index.test.js b/app/components/UI/AssetElement/index.test.js
index 2959bbfe3a0..0d3191c800f 100644
--- a/app/components/UI/AssetElement/index.test.js
+++ b/app/components/UI/AssetElement/index.test.js
@@ -11,7 +11,7 @@ describe('AssetElement', () => {
 					symbol: 'symbol',
 					description: 'description',
 					address: '0x123',
-					totalSupply: 1
+					totalSupply: 1,
 				}}
 			/>
 		);
diff --git a/app/components/UI/AssetIcon/index.js b/app/components/UI/AssetIcon/index.js
index 8bab2289727..8d42f971af8 100644
--- a/app/components/UI/AssetIcon/index.js
+++ b/app/components/UI/AssetIcon/index.js
@@ -8,15 +8,15 @@ import { colors } from '../../../styles/common';
 const styles = StyleSheet.create({
 	logo: {
 		width: 50,
-		height: 50
-	}
+		height: 50,
+	},
 });
 
 /**
  * PureComponent that provides an asset icon dependent on OS.
  */
 // eslint-disable-next-line react/display-name
-const AssetIcon = React.memo(props => {
+const AssetIcon = React.memo((props) => {
 	if (!props.logo) return null;
 	const uri = props.watchedAsset ? props.logo : getAssetLogoPath(props.logo);
 	const style = [styles.logo, props.customStyle];
@@ -35,7 +35,7 @@ AssetIcon.propTypes = {
 	/**
 	 * Custom style to apply to image
 	 */
-	customStyle: PropTypes.object
+	customStyle: PropTypes.object,
 };
 
 export default AssetIcon;
diff --git a/app/components/UI/AssetList/index.js b/app/components/UI/AssetList/index.js
index dc56faa968e..59e41cf0822 100644
--- a/app/components/UI/AssetList/index.js
+++ b/app/components/UI/AssetList/index.js
@@ -9,23 +9,23 @@ import Text from '../../Base/Text';
 
 const styles = StyleSheet.create({
 	rowWrapper: {
-		padding: 20
+		padding: 20,
 	},
 	item: {
 		marginBottom: 5,
-		borderWidth: 2
+		borderWidth: 2,
 	},
 	assetListElement: {
 		flex: 1,
 		flexDirection: 'row',
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	text: {
-		padding: 16
+		padding: 16,
 	},
 	normalText: {
-		...fontStyles.normal
-	}
+		...fontStyles.normal,
+	},
 });
 
 /**
@@ -48,10 +48,10 @@ export default class AssetList extends PureComponent {
 		/**
 		 * Search query that generated "searchResults"
 		 */
-		searchQuery: PropTypes.string
+		searchQuery: PropTypes.string,
 	};
 
-	onToggleAsset = key => {
+	onToggleAsset = (key) => {
 		const { searchResults, handleSelectAsset } = this.props;
 		handleSelectAsset(searchResults[key]);
 	};
diff --git a/app/components/UI/AssetOverview/index.js b/app/components/UI/AssetOverview/index.js
index 886753edab9..5b7bde4cfa2 100644
--- a/app/components/UI/AssetOverview/index.js
+++ b/app/components/UI/AssetOverview/index.js
@@ -33,41 +33,41 @@ const styles = StyleSheet.create({
 		borderBottomColor: colors.grey100,
 		alignContent: 'center',
 		alignItems: 'center',
-		paddingBottom: 30
+		paddingBottom: 30,
 	},
 	assetLogo: {
 		marginTop: 15,
 		alignItems: 'center',
 		justifyContent: 'center',
 		borderRadius: 10,
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	ethLogo: {
 		width: 70,
-		height: 70
+		height: 70,
 	},
 	balance: {
 		alignItems: 'center',
 		marginTop: 10,
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	amount: {
 		fontSize: 30,
 		color: colors.fontPrimary,
 		...fontStyles.normal,
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	amountFiat: {
 		fontSize: 18,
 		color: colors.fontSecondary,
 		...fontStyles.light,
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	actions: {
 		flex: 1,
 		justifyContent: 'center',
 		alignItems: 'flex-start',
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	warning: {
 		borderRadius: 8,
@@ -78,11 +78,11 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		borderColor: colors.yellow,
 		backgroundColor: colors.yellow100,
-		padding: 20
+		padding: 20,
 	},
 	warningLinks: {
-		color: colors.blue
-	}
+		color: colors.blue,
+	},
 });
 
 /**
@@ -151,7 +151,7 @@ class AssetOverview extends PureComponent {
 		/**
 		 * Network ticker
 		 */
-		ticker: PropTypes.string
+		ticker: PropTypes.string,
 	};
 
 	onReceive = () => {
@@ -165,7 +165,7 @@ class AssetOverview extends PureComponent {
 			Analytics.trackEvent(ANALYTICS_EVENT_OPTS.WALLET_BUY_ETH);
 			AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.ONRAMP_OPENED, {
 				button_location: 'Token Screen',
-				button_copy: 'Buy'
+				button_copy: 'Buy',
 			});
 		});
 	};
@@ -185,8 +185,8 @@ class AssetOverview extends PureComponent {
 		this.props.navigation.navigate('Swaps', {
 			screen: 'SwapsAmountView',
 			params: {
-				sourceToken: this.props.asset.isETH ? swapsUtils.NATIVE_SWAPS_TOKEN_ADDRESS : this.props.asset.address
-			}
+				sourceToken: this.props.asset.isETH ? swapsUtils.NATIVE_SWAPS_TOKEN_ADDRESS : this.props.asset.address,
+			},
 		});
 	};
 
@@ -194,14 +194,14 @@ class AssetOverview extends PureComponent {
 		this.props.navigation.navigate('BrowserTabHome', {
 			screen: 'BrowserView',
 			params: {
-				newTabUrl: url
-			}
+				newTabUrl: url,
+			},
 		});
 	}
 
 	renderLogo = () => {
 		const {
-			asset: { address, image, logo, isETH }
+			asset: { address, image, logo, isETH },
 		} = this.props;
 		if (isETH) {
 			return <NetworkMainAssetLogo biggest style={styles.ethLogo} />;
@@ -225,7 +225,7 @@ class AssetOverview extends PureComponent {
 
 	renderWarning = () => {
 		const {
-			asset: { symbol }
+			asset: { symbol },
 		} = this.props;
 
 		const supportArticleUrl =
@@ -253,7 +253,7 @@ class AssetOverview extends PureComponent {
 			currentCurrency,
 			chainId,
 			swapsIsLive,
-			swapsTokens
+			swapsTokens,
 		} = this.props;
 		let mainBalance, secondaryBalance;
 		const itemAddress = safeToChecksumAddress(address);
@@ -326,7 +326,7 @@ class AssetOverview extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
@@ -337,15 +337,12 @@ const mapStateToProps = state => ({
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 	swapsIsLive: swapsLivenessSelector(state),
-	swapsTokens: swapsTokensObjectSelector(state)
+	swapsTokens: swapsTokensObjectSelector(state),
 });
 
-const mapDispatchToProps = dispatch => ({
-	toggleReceiveModal: asset => dispatch(toggleReceiveModal(asset)),
-	newAssetTransaction: selectedAsset => dispatch(newAssetTransaction(selectedAsset))
+const mapDispatchToProps = (dispatch) => ({
+	toggleReceiveModal: (asset) => dispatch(toggleReceiveModal(asset)),
+	newAssetTransaction: (selectedAsset) => dispatch(newAssetTransaction(selectedAsset)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(AssetOverview);
+export default connect(mapStateToProps, mapDispatchToProps)(AssetOverview);
diff --git a/app/components/UI/AssetOverview/index.test.js b/app/components/UI/AssetOverview/index.test.js
index 27aa7b4557f..69632650b8f 100644
--- a/app/components/UI/AssetOverview/index.test.js
+++ b/app/components/UI/AssetOverview/index.test.js
@@ -11,15 +11,15 @@ describe('AssetOverview', () => {
 	it('should render correctly', () => {
 		const initialState = {
 			settings: {
-				primaryCurrency: 'ETH'
-			}
+				primaryCurrency: 'ETH',
+			},
 		};
 		const asset = {
 			balance: 4,
 			balanceFiat: 1500,
 			logo: 'https://upload.wikimedia.org/wikipedia/commons/0/05/Ethereum_logo_2014.svg',
 			symbol: 'ETH',
-			name: 'Ethereum'
+			name: 'Ethereum',
 		};
 
 		const wrapper = shallow(
@@ -27,7 +27,7 @@ describe('AssetOverview', () => {
 				<AssetOverview asset={asset} />
 			</Provider>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper).toMatchSnapshot();
diff --git a/app/components/UI/AssetSearch/index.js b/app/components/UI/AssetSearch/index.js
index 6cd4ddf0575..b3eef778348 100644
--- a/app/components/UI/AssetSearch/index.js
+++ b/app/components/UI/AssetSearch/index.js
@@ -18,14 +18,14 @@ const styles = StyleSheet.create({
 		alignItems: 'center',
 		borderWidth: 1,
 		borderRadius: 4,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	textInput: {
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	icon: {
-		padding: 16
-	}
+		padding: 16,
+	},
 });
 
 const contractList = Object.entries(contractMap)
@@ -33,7 +33,7 @@ const contractList = Object.entries(contractMap)
 		tokenData.address = address;
 		return tokenData;
 	})
-	.filter(tokenData => Boolean(tokenData.erc20));
+	.filter((tokenData) => Boolean(tokenData.erc20));
 
 const fuse = new Fuse(contractList, {
 	shouldSort: true,
@@ -42,7 +42,10 @@ const fuse = new Fuse(contractList, {
 	distance: 100,
 	maxPatternLength: 32,
 	minMatchCharLength: 1,
-	keys: [{ name: 'name', weight: 0.5 }, { name: 'symbol', weight: 0.5 }]
+	keys: [
+		{ name: 'name', weight: 0.5 },
+		{ name: 'symbol', weight: 0.5 },
+	],
 });
 
 /**
@@ -51,24 +54,24 @@ const fuse = new Fuse(contractList, {
 export default class AssetSearch extends PureComponent {
 	state = {
 		searchQuery: '',
-		inputWidth: '85%'
+		inputWidth: '85%',
 	};
 
 	static propTypes = {
 		/**
 		/* navigation object required to push new views
 		*/
-		onSearch: PropTypes.func
+		onSearch: PropTypes.func,
 	};
 
 	componentDidMount() {
 		setTimeout(() => this.setState({ inputWidth: '86%' }), 100);
 	}
 
-	handleSearch = searchQuery => {
+	handleSearch = (searchQuery) => {
 		this.setState({ searchQuery });
 		const fuseSearchResult = fuse.search(searchQuery);
-		const addressSearchResult = contractList.filter(token => toLowerCaseEquals(token.address, searchQuery));
+		const addressSearchResult = contractList.filter((token) => toLowerCaseEquals(token.address, searchQuery));
 		const results = [...addressSearchResult, ...fuseSearchResult];
 		this.props.onSearch({ searchQuery, results });
 	};
diff --git a/app/components/UI/BackupAlert/index.js b/app/components/UI/BackupAlert/index.js
index 64a164568aa..fd4c9d69097 100644
--- a/app/components/UI/BackupAlert/index.js
+++ b/app/components/UI/BackupAlert/index.js
@@ -22,21 +22,21 @@ const styles = StyleSheet.create({
 		left: 16,
 		right: 16,
 		borderRadius: 8,
-		padding: 14
+		padding: 14,
 	},
 	backupAlertIconWrapper: {
-		marginRight: 10
+		marginRight: 10,
 	},
 	backupAlertIcon: {
 		fontSize: 22,
 		...fontStyles.bold,
-		color: colors.black
+		color: colors.black,
 	},
 	backupAlertTitle: {
 		fontSize: 14,
 		marginBottom: 14,
 		color: colors.black,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	backupAlertMessage: {
 		fontSize: 12,
@@ -44,25 +44,25 @@ const styles = StyleSheet.create({
 		marginLeft: 14,
 		flex: 1,
 		textAlign: 'right',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	touchableView: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	modalViewInBrowserView: {
-		bottom: Device.isIphoneX() ? 90 : 80
+		bottom: Device.isIphoneX() ? 90 : 80,
 	},
 	modalViewNotInBrowserView: {
-		bottom: Device.isIphoneX() ? 20 : 10
+		bottom: Device.isIphoneX() ? 20 : 10,
 	},
 	buttonsWrapper: {
 		flexDirection: 'row-reverse',
 		alignContent: 'flex-end',
-		flex: 1
+		flex: 1,
 	},
 	dismissButton: {
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
 const BLOCKED_LIST = [
@@ -76,7 +76,7 @@ const BLOCKED_LIST = [
 	'AddBookmark',
 	'RevealPrivateCredentialView',
 	'AccountBackupStep',
-	'ManualBackupStep'
+	'ManualBackupStep',
 ];
 
 /**
@@ -103,15 +103,15 @@ class BackupAlert extends PureComponent {
 		 * A second prop to be used in conjunction with the above
 		 * currently used to toggle the backup reminder modal (a second time)
 		 */
-		onDismiss: PropTypes.func
+		onDismiss: PropTypes.func,
 	};
 
 	state = {
 		inBrowserView: false,
-		inAccountBackupStep: false
+		inAccountBackupStep: false,
 	};
 
-	componentDidUpdate = async prevProps => {
+	componentDidUpdate = async (prevProps) => {
 		if (prevProps.navigation.dangerouslyGetState() !== this.props.navigation.dangerouslyGetState()) {
 			const currentRouteName = findRouteNameFromNavigatorState(
 				this.props.navigation.dangerouslyGetState().routes
@@ -119,7 +119,7 @@ class BackupAlert extends PureComponent {
 
 			const inBrowserView = currentRouteName === BROWSER_ROUTE;
 			const blockedView =
-				BLOCKED_LIST.find(path => currentRouteName.includes(path)) || currentRouteName === 'SetPasswordFlow';
+				BLOCKED_LIST.find((path) => currentRouteName.includes(path)) || currentRouteName === 'SetPasswordFlow';
 			// eslint-disable-next-line react/no-did-update-set-state
 			this.setState({ inBrowserView, blockedView });
 		}
@@ -144,7 +144,7 @@ class BackupAlert extends PureComponent {
 				elevation={99}
 				style={[
 					styles.backupAlertWrapper,
-					inBrowserView ? styles.modalViewInBrowserView : styles.modalViewNotInBrowserView
+					inBrowserView ? styles.modalViewInBrowserView : styles.modalViewNotInBrowserView,
 				]}
 			>
 				<View style={styles.touchableView} testID={'backup-alert'}>
@@ -172,16 +172,13 @@ class BackupAlert extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	seedphraseBackedUp: state.user.seedphraseBackedUp,
-	backUpSeedphraseVisible: state.user.backUpSeedphraseVisible
+	backUpSeedphraseVisible: state.user.backUpSeedphraseVisible,
 });
 
-const mapDispatchToProps = dispatch => ({
-	backUpSeedphraseAlertNotVisible: () => dispatch(backUpSeedphraseAlertNotVisible())
+const mapDispatchToProps = (dispatch) => ({
+	backUpSeedphraseAlertNotVisible: () => dispatch(backUpSeedphraseAlertNotVisible()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(BackupAlert);
+export default connect(mapStateToProps, mapDispatchToProps)(BackupAlert);
diff --git a/app/components/UI/BackupAlert/index.test.js b/app/components/UI/BackupAlert/index.test.js
index 4cef073e807..6b7ebb52d70 100644
--- a/app/components/UI/BackupAlert/index.test.js
+++ b/app/components/UI/BackupAlert/index.test.js
@@ -12,12 +12,12 @@ describe('BackupAlert', () => {
 		const initialState = {
 			user: {
 				seedphraseBackedUp: false,
-				passwordSet: false
-			}
+				passwordSet: false,
+			},
 		};
 
 		const wrapper = shallow(<BackupAlert onPress={fn} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/BiometryButton/index.js b/app/components/UI/BiometryButton/index.js
index 16743451447..19da9d34266 100644
--- a/app/components/UI/BiometryButton/index.js
+++ b/app/components/UI/BiometryButton/index.js
@@ -8,25 +8,25 @@ import { colors } from '../../../styles/common';
 
 const styles = {
 	fixCenterIcon: {
-		marginBottom: -3
+		marginBottom: -3,
 	},
 	image: {
 		height: 24,
-		width: 24
+		width: 24,
 	},
 	hitSlop: {
 		top: 10,
 		left: 10,
 		bottom: 10,
-		right: 10
-	}
+		right: 10,
+	},
 };
 
 const iosFaceId = require('../../../images/ios-face-id.png');
 const androidFaceRecognition = require('../../../images/android-face-recognition.png');
 const androidIris = require('../../../images/android-iris.png');
 
-const renderIcon = type => {
+const renderIcon = (type) => {
 	if (Platform.OS === 'ios') {
 		if (type === 'TouchID')
 			return <Ionicons color={colors.black} size={28} style={styles.fixCenterIcon} name="ios-finger-print" />;
@@ -65,7 +65,7 @@ BiometryButton.propTypes = {
 	/**
 	 * Type of biometry icon
 	 */
-	type: PropTypes.string
+	type: PropTypes.string,
 };
 
 export default BiometryButton;
diff --git a/app/components/UI/BlockingActionModal/index.js b/app/components/UI/BlockingActionModal/index.js
index eafdc7ae3dc..5b02a05a9aa 100644
--- a/app/components/UI/BlockingActionModal/index.js
+++ b/app/components/UI/BlockingActionModal/index.js
@@ -7,7 +7,7 @@ import { colors, baseStyles } from '../../../styles/common';
 const styles = StyleSheet.create({
 	modal: {
 		margin: 0,
-		width: '100%'
+		width: '100%',
 	},
 	modalView: {
 		justifyContent: 'center',
@@ -17,11 +17,11 @@ const styles = StyleSheet.create({
 		width: '90%',
 		borderRadius: 6,
 		minHeight: 200,
-		padding: 15
+		padding: 15,
 	},
 	loader: {
-		marginTop: 30
-	}
+		marginTop: 30,
+	},
 });
 
 /**
@@ -52,5 +52,5 @@ BlockingActionModal.propTypes = {
 	/**
 	 * Content to display above the action buttons
 	 */
-	children: PropTypes.node
+	children: PropTypes.node,
 };
diff --git a/app/components/UI/BrowserBottomBar/index.js b/app/components/UI/BrowserBottomBar/index.js
index ce543e12ae0..ec6771ec278 100644
--- a/app/components/UI/BrowserBottomBar/index.js
+++ b/app/components/UI/BrowserBottomBar/index.js
@@ -24,7 +24,7 @@ const styles = StyleSheet.create({
 		flex: 0,
 		borderTopWidth: Device.isAndroid() ? 0 : StyleSheet.hairlineWidth,
 		borderColor: colors.grey200,
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	iconButton: {
 		height: 24,
@@ -34,22 +34,22 @@ const styles = StyleSheet.create({
 		textAlign: 'center',
 		flex: 1,
 		paddingTop: 30,
-		paddingBottom: 30
+		paddingBottom: 30,
 	},
 	tabIcon: {
 		marginTop: 0,
 		width: 24,
-		height: 24
+		height: 24,
 	},
 	disabledIcon: {
-		color: colors.grey100
+		color: colors.grey100,
 	},
 	icon: {
 		width: 24,
 		height: 24,
 		color: colors.grey500,
-		textAlign: 'center'
-	}
+		textAlign: 'center',
+	},
 });
 
 /**
@@ -89,20 +89,12 @@ export default class BrowserBottomBar extends PureComponent {
 		/**
 		 * Function that toggles the options menu
 		 */
-		toggleOptions: PropTypes.func
+		toggleOptions: PropTypes.func,
 	};
 
 	render() {
-		const {
-			canGoBack,
-			goBack,
-			canGoForward,
-			goForward,
-			showTabs,
-			goHome,
-			showUrlModal,
-			toggleOptions
-		} = this.props;
+		const { canGoBack, goBack, canGoForward, goForward, showTabs, goHome, showUrlModal, toggleOptions } =
+			this.props;
 
 		return (
 			<ElevatedView elevation={11} style={styles.bottomBar}>
diff --git a/app/components/UI/Button/index.js b/app/components/UI/Button/index.js
index ab97575e6de..6ae7654b48c 100644
--- a/app/components/UI/Button/index.js
+++ b/app/components/UI/Button/index.js
@@ -13,15 +13,15 @@ const styles = StyleSheet.create({
 		paddingVertical: 10,
 		paddingHorizontal: 15,
 		height: 40,
-		borderRadius: 4
-	}
+		borderRadius: 4,
+	},
 });
 
 /**
  * UI component that wraps GenericButton
  * which renders the appropiate UI elements for each platform (android & iOS)
  */
-const Button = props => (
+const Button = (props) => (
 	<GenericButton onPress={props.onPress} style={[styles.button, props.style]}>
 		{props.children}
 	</GenericButton>
@@ -41,7 +41,7 @@ Button.propTypes = {
 	/**
 	 * Function to be called on press
 	 */
-	onPress: PropTypes.func
+	onPress: PropTypes.func,
 };
 
 export default Button;
diff --git a/app/components/UI/CollectibleContractElement/index.js b/app/components/UI/CollectibleContractElement/index.js
index 08f8ddb16d5..03d54be55dc 100644
--- a/app/components/UI/CollectibleContractElement/index.js
+++ b/app/components/UI/CollectibleContractElement/index.js
@@ -19,38 +19,38 @@ const COLLECTIBLE_WIDTH = (DEVICE_WIDTH - 30 - 16) / 3;
 const styles = StyleSheet.create({
 	itemWrapper: {
 		paddingHorizontal: 15,
-		paddingBottom: 16
+		paddingBottom: 16,
 	},
 	collectibleContractIcon: { width: 30, height: 30 },
 	collectibleContractIconContainer: { marginHorizontal: 8, borderRadius: 30 },
 	titleContainer: {
 		flex: 1,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	verticalAlignedContainer: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	titleText: {
 		fontSize: 18,
 		color: colors.black,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	collectibleIcon: {
 		width: COLLECTIBLE_WIDTH,
-		height: COLLECTIBLE_WIDTH
+		height: COLLECTIBLE_WIDTH,
 	},
 	collectibleInTheMiddle: {
-		marginHorizontal: 8
+		marginHorizontal: 8,
 	},
 	collectiblesRowContainer: {
 		flex: 1,
 		flexDirection: 'row',
-		marginTop: 15
+		marginTop: 15,
 	},
 	collectibleBox: {
 		flex: 1,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	favoritesLogoWrapper: {
 		flex: 1,
@@ -60,8 +60,8 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.yellow,
 		width: 32,
 		height: 32,
-		borderRadius: 16
-	}
+		borderRadius: 16,
+	},
 });
 
 const splitIntoSubArrays = (array, count) => {
@@ -83,7 +83,7 @@ function CollectibleContractElement({
 	collectibleContracts,
 	chainId,
 	selectedAddress,
-	removeFavoriteCollectible
+	removeFavoriteCollectible,
 }) {
 	const [collectiblesGrid, setCollectiblesGrid] = useState([]);
 	const [collectiblesVisible, setCollectiblesVisible] = useState(propsCollectiblesVisible);
@@ -95,14 +95,14 @@ function CollectibleContractElement({
 	}, [collectiblesVisible, setCollectiblesVisible]);
 
 	const onPressCollectible = useCallback(
-		collectible => {
+		(collectible) => {
 			const contractName = collectibleContracts.find(({ address }) => address === collectible.address)?.name;
 			onPress(collectible, contractName || collectible.name);
 		},
 		[collectibleContracts, onPress]
 	);
 
-	const onLongPressCollectible = useCallback(collectible => {
+	const onLongPressCollectible = useCallback((collectible) => {
 		actionSheetRef.current.show();
 		collectibleToRemove.current = collectible;
 	}, []);
@@ -188,7 +188,7 @@ function CollectibleContractElement({
 				cancelButtonIndex={1}
 				destructiveButtonIndex={0}
 				// eslint-disable-next-line react/jsx-no-bind
-				onPress={index => (index === 0 ? removeCollectible() : null)}
+				onPress={(index) => (index === 0 ? removeCollectible() : null)}
 			/>
 		</View>
 	);
@@ -223,21 +223,18 @@ CollectibleContractElement.propTypes = {
 	/**
 	 * Dispatch remove collectible from favorites action
 	 */
-	removeFavoriteCollectible: PropTypes.func
+	removeFavoriteCollectible: PropTypes.func,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	collectibleContracts: state.engine.backgroundState.CollectiblesController.collectibleContracts,
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
-	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress
+	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 });
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
 	removeFavoriteCollectible: (selectedAddress, chainId, collectible) =>
-		dispatch(removeFavoriteCollectible(selectedAddress, chainId, collectible))
+		dispatch(removeFavoriteCollectible(selectedAddress, chainId, collectible)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(CollectibleContractElement);
+export default connect(mapStateToProps, mapDispatchToProps)(CollectibleContractElement);
diff --git a/app/components/UI/CollectibleContractInformation/index.js b/app/components/UI/CollectibleContractInformation/index.js
index e8df42bb2f0..8fa0f3e73b7 100644
--- a/app/components/UI/CollectibleContractInformation/index.js
+++ b/app/components/UI/CollectibleContractInformation/index.js
@@ -8,7 +8,7 @@ import {
 	View,
 	SafeAreaView,
 	InteractionManager,
-	Image
+	Image,
 } from 'react-native';
 import { colors, fontStyles } from '../../../styles/common';
 import { strings } from '../../../../locales/i18n';
@@ -20,11 +20,11 @@ const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
 		borderRadius: 10,
-		minHeight: 450
+		minHeight: 450,
 	},
 	titleWrapper: {
 		borderBottomWidth: StyleSheet.hairlineWidth,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	title: {
 		textAlign: 'center',
@@ -32,28 +32,28 @@ const styles = StyleSheet.create({
 		marginVertical: 12,
 		marginHorizontal: 20,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	label: {
 		marginTop: 0,
 		borderColor: colors.grey100,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	informationWrapper: {
 		flex: 1,
-		paddingHorizontal: 20
+		paddingHorizontal: 20,
 	},
 	content: {
 		fontSize: 16,
 		color: colors.grey400,
 		paddingTop: 10,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	address: {
-		fontSize: 12
+		fontSize: 12,
 	},
 	row: {
-		marginVertical: 10
+		marginVertical: 10,
 	},
 	footer: {
 		borderTopWidth: StyleSheet.hairlineWidth,
@@ -61,19 +61,19 @@ const styles = StyleSheet.create({
 		height: 60,
 		justifyContent: 'center',
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	footerButton: {
 		flex: 1,
 		alignContent: 'center',
 		alignItems: 'center',
 		justifyContent: 'center',
-		height: 60
+		height: 60,
 	},
 	closeButton: {
 		fontSize: 16,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	opensea: {
 		fontSize: 8,
@@ -81,26 +81,26 @@ const styles = StyleSheet.create({
 		paddingRight: 5,
 		marginTop: Device.isAndroid() ? -2 : 4,
 		color: colors.fontSecondary,
-		...fontStyles.light
+		...fontStyles.light,
 	},
 	credits: {
 		flex: 1,
 		flexDirection: 'row',
 		alignItems: 'center',
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	openSeaLogo: {
 		width: 80,
 		height: 20,
-		resizeMode: 'contain'
+		resizeMode: 'contain',
 	},
 	creditsView: {
 		alignItems: 'center',
-		marginTop: 15
+		marginTop: 15,
 	},
 	creditsElements: {
-		flexDirection: 'row'
-	}
+		flexDirection: 'row',
+	},
 });
 
 const openSeaLogo = require('../../../images/opensea-logo-flat-colored-blue.png'); // eslint-disable-line
@@ -126,7 +126,7 @@ class CollectibleContractInformation extends PureComponent {
 		/**
 		 * Object representing the selected network
 		 */
-		network: PropTypes.object.isRequired
+		network: PropTypes.object.isRequired,
 	};
 
 	closeModal = () => {
@@ -141,8 +141,8 @@ class CollectibleContractInformation extends PureComponent {
 				screen: 'SimpleWebview',
 				params: {
 					url: openSeaUrl,
-					title: 'OpenSea'
-				}
+					title: 'OpenSea',
+				},
 			});
 		});
 	};
@@ -150,7 +150,7 @@ class CollectibleContractInformation extends PureComponent {
 	render = () => {
 		const {
 			collectibleContract: { name, description, totalSupply, address },
-			network
+			network,
 		} = this.props;
 		const is_main_net = isMainNet(network);
 
@@ -200,8 +200,8 @@ class CollectibleContractInformation extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
-	network: state.engine.backgroundState.NetworkController
+const mapStateToProps = (state) => ({
+	network: state.engine.backgroundState.NetworkController,
 });
 
 export default connect(mapStateToProps)(CollectibleContractInformation);
diff --git a/app/components/UI/CollectibleContractInformation/index.test.js b/app/components/UI/CollectibleContractInformation/index.test.js
index 4e8b07cf76b..bd7f2bd8ab2 100644
--- a/app/components/UI/CollectibleContractInformation/index.test.js
+++ b/app/components/UI/CollectibleContractInformation/index.test.js
@@ -12,11 +12,11 @@ describe('CollectibleContractInformation', () => {
 				backgroundState: {
 					NetworkController: {
 						provider: {
-							type: 'mainnet'
-						}
-					}
-				}
-			}
+							type: 'mainnet',
+						},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(
@@ -26,11 +26,11 @@ describe('CollectibleContractInformation', () => {
 					symbol: 'symbol',
 					description: 'description',
 					address: '0x123',
-					totalSupply: 1
+					totalSupply: 1,
 				}}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/CollectibleContractOverview/index.js b/app/components/UI/CollectibleContractOverview/index.js
index 359b8130837..aa77b13165b 100644
--- a/app/components/UI/CollectibleContractOverview/index.js
+++ b/app/components/UI/CollectibleContractOverview/index.js
@@ -20,29 +20,29 @@ const styles = StyleSheet.create({
 		borderBottomColor: colors.grey100,
 		alignContent: 'center',
 		alignItems: 'center',
-		paddingBottom: 30
+		paddingBottom: 30,
 	},
 	assetLogo: {
-		marginTop: 20
+		marginTop: 20,
 	},
 	information: {
 		flex: 1,
 		flexDirection: 'row',
 		marginTop: 10,
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	name: {
 		fontSize: 30,
 		textAlign: 'center',
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	actions: {
 		width: Device.isSmallDevice() ? '65%' : '50%',
 		justifyContent: 'space-around',
 		alignItems: 'flex-start',
-		flexDirection: 'row'
-	}
+		flexDirection: 'row',
+	},
 });
 
 /**
@@ -75,7 +75,7 @@ class CollectibleContractOverview extends PureComponent {
 		/**
 		 * Start transaction with asset
 		 */
-		newAssetTransaction: PropTypes.func
+		newAssetTransaction: PropTypes.func,
 	};
 
 	onAdd = () => {
@@ -85,7 +85,7 @@ class CollectibleContractOverview extends PureComponent {
 
 	onSend = () => {
 		const { collectibleContract, collectibles } = this.props;
-		const collectible = collectibles.find(collectible =>
+		const collectible = collectibles.find((collectible) =>
 			toLowerCaseEquals(collectible.address, collectibleContract.address)
 		);
 		this.props.newAssetTransaction(collectible);
@@ -96,7 +96,7 @@ class CollectibleContractOverview extends PureComponent {
 
 	renderLogo = () => {
 		const {
-			collectibleContract: { logo, address }
+			collectibleContract: { logo, address },
 		} = this.props;
 		return <CollectibleMedia small collectible={{ address, image: logo }} />;
 	};
@@ -104,7 +104,7 @@ class CollectibleContractOverview extends PureComponent {
 	render() {
 		const {
 			collectibleContract: { name, address },
-			ownerOf
+			ownerOf,
 		} = this.props;
 		const lowerAddress = address.toLowerCase();
 		const leftActionButtonText =
@@ -139,16 +139,13 @@ class CollectibleContractOverview extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	collectibles: state.engine.backgroundState.CollectiblesController.collectibles
+const mapStateToProps = (state) => ({
+	collectibles: state.engine.backgroundState.CollectiblesController.collectibles,
 });
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
 	toggleCollectibleContractModal: () => dispatch(toggleCollectibleContractModal()),
-	newAssetTransaction: selectedAsset => dispatch(newAssetTransaction(selectedAsset))
+	newAssetTransaction: (selectedAsset) => dispatch(newAssetTransaction(selectedAsset)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(CollectibleContractOverview);
+export default connect(mapStateToProps, mapDispatchToProps)(CollectibleContractOverview);
diff --git a/app/components/UI/CollectibleContractOverview/index.test.js b/app/components/UI/CollectibleContractOverview/index.test.js
index fd3512ea901..58d57be7722 100644
--- a/app/components/UI/CollectibleContractOverview/index.test.js
+++ b/app/components/UI/CollectibleContractOverview/index.test.js
@@ -11,10 +11,10 @@ describe('CollectibleContractOverview', () => {
 			engine: {
 				backgroundState: {
 					CollectiblesController: {
-						collectibles: []
-					}
-				}
-			}
+						collectibles: [],
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(
@@ -24,11 +24,11 @@ describe('CollectibleContractOverview', () => {
 					symbol: 'symbol',
 					description: 'description',
 					address: '0x123',
-					totalSupply: 1
+					totalSupply: 1,
 				}}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/CollectibleContracts/index.js b/app/components/UI/CollectibleContracts/index.js
index fa3942ea1fb..9b69165bbb4 100644
--- a/app/components/UI/CollectibleContracts/index.js
+++ b/app/components/UI/CollectibleContracts/index.js
@@ -18,46 +18,46 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		flex: 1,
 		minHeight: 500,
-		marginTop: 16
+		marginTop: 16,
 	},
 	emptyView: {
 		justifyContent: 'center',
 		alignItems: 'center',
-		marginTop: 40
+		marginTop: 40,
 	},
 	add: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	addText: {
 		fontSize: 15,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	footer: {
 		flex: 1,
-		paddingBottom: 30
+		paddingBottom: 30,
 	},
 	emptyContainer: {
 		flex: 1,
 		marginBottom: 42,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	emptyImageContainer: {
 		width: 76,
 		height: 76,
-		marginBottom: 12
+		marginBottom: 12,
 	},
 	emptyTitleText: {
 		fontSize: 24,
-		color: colors.grey200
+		color: colors.grey200,
 	},
 	emptyText: {
 		color: colors.grey200,
-		marginBottom: 8
-	}
+		marginBottom: 8,
+	},
 });
 
 /**
@@ -90,7 +90,7 @@ const CollectibleContracts = ({ collectibleContracts, collectibles, navigation,
 
 	const renderCollectibleContract = useCallback(
 		(item, index) => {
-			const contractCollectibles = collectibles?.filter(collectible =>
+			const contractCollectibles = collectibles?.filter((collectible) =>
 				toLowerCaseEquals(collectible.address, item.address)
 			);
 			return (
@@ -107,7 +107,7 @@ const CollectibleContracts = ({ collectibleContracts, collectibles, navigation,
 	);
 
 	const renderFavoriteCollectibles = useCallback(() => {
-		const filteredCollectibles = favoriteCollectibles.map(collectible =>
+		const filteredCollectibles = favoriteCollectibles.map((collectible) =>
 			collectibles.find(
 				({ tokenId, address }) => collectible.tokenId === tokenId && collectible.address === address
 			)
@@ -184,13 +184,13 @@ CollectibleContracts.propTypes = {
 	/**
 	 * Object of collectibles
 	 */
-	favoriteCollectibles: PropTypes.array
+	favoriteCollectibles: PropTypes.array,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	collectibleContracts: state.engine.backgroundState.CollectiblesController.collectibleContracts,
 	collectibles: state.engine.backgroundState.CollectiblesController.collectibles,
-	favoriteCollectibles: favoritesCollectiblesObjectSelector(state)
+	favoriteCollectibles: favoritesCollectiblesObjectSelector(state),
 });
 
 export default connect(mapStateToProps)(CollectibleContracts);
diff --git a/app/components/UI/CollectibleContracts/index.test.js b/app/components/UI/CollectibleContracts/index.test.js
index 298bdbd9bc5..f7beb275d57 100644
--- a/app/components/UI/CollectibleContracts/index.test.js
+++ b/app/components/UI/CollectibleContracts/index.test.js
@@ -9,17 +9,17 @@ describe('CollectibleContracts', () => {
 	it('should render correctly', () => {
 		const initialState = {
 			collectibles: {
-				favorites: {}
+				favorites: {},
 			},
 			engine: {
 				backgroundState: {
 					NetworkController: {
 						provider: {
-							chainId: 1
-						}
+							chainId: 1,
+						},
 					},
 					PreferencesController: {
-						selectedAddress: '0x1'
+						selectedAddress: '0x1',
 					},
 					CollectiblesController: {
 						collectibleContracts: [
@@ -29,13 +29,13 @@ describe('CollectibleContracts', () => {
 								address: '0x0',
 								symbol: 'NM',
 								description: 'description',
-								totalSupply: 10
-							}
+								totalSupply: 10,
+							},
 						],
-						collectibles: {}
-					}
-				}
-			}
+						collectibles: {},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(
@@ -46,12 +46,12 @@ describe('CollectibleContracts', () => {
 						address: '0x0',
 						tokenId: 10,
 						name: 'name',
-						image: 'image'
-					}
+						image: 'image',
+					},
 				]}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/CollectibleMedia/index.js b/app/components/UI/CollectibleMedia/index.js
index 1bc3205e9cc..a9462f98d35 100644
--- a/app/components/UI/CollectibleMedia/index.js
+++ b/app/components/UI/CollectibleMedia/index.js
@@ -17,39 +17,39 @@ const styles = StyleSheet.create({
 		return {
 			flex: 0,
 			borderRadius: 12,
-			backgroundColor: `#${backgroundColor}`
+			backgroundColor: `#${backgroundColor}`,
 		};
 	},
 	tinyImage: {
 		width: 32,
-		height: 32
+		height: 32,
 	},
 	smallImage: {
 		width: 50,
-		height: 50
+		height: 50,
 	},
 	bigImage: {
 		height: 260,
-		width: 260
+		width: 260,
 	},
 	cover: {
-		height: scaling.scale(Device.getDeviceWidth() - MEDIA_WIDTH_MARGIN, { baseModel: 2 })
+		height: scaling.scale(Device.getDeviceWidth() - MEDIA_WIDTH_MARGIN, { baseModel: 2 }),
 	},
 	image: {
-		borderRadius: 12
+		borderRadius: 12,
 	},
 	textContainer: {
 		alignItems: 'center',
 		justifyContent: 'center',
 		backgroundColor: colors.grey100,
-		borderRadius: 8
+		borderRadius: 8,
 	},
 	textWrapper: {
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	mediaPlayer: {
-		minHeight: 10
-	}
+		minHeight: 10,
+	},
 });
 
 /**
@@ -94,7 +94,7 @@ export default function CollectibleMedia({ collectible, renderAnimation, style,
 						small && styles.smallImage,
 						big && styles.bigImage,
 						cover && styles.cover,
-						style
+						style,
 					]}
 					onError={fallback}
 				/>
@@ -108,7 +108,7 @@ export default function CollectibleMedia({ collectible, renderAnimation, style,
 					tiny && styles.tinyImage,
 					small && styles.smallImage,
 					big && styles.bigImage,
-					cover && styles.cover
+					cover && styles.cover,
 				]}
 			>
 				<Text big={big} small={tiny || small} style={styles.textWrapper}>{`${collectible.name || ''} #${
@@ -153,5 +153,5 @@ CollectibleMedia.propTypes = {
 	/**
 	 * On close callback
 	 */
-	onClose: PropTypes.func
+	onClose: PropTypes.func,
 };
diff --git a/app/components/UI/CollectibleMediaReproductor/index.js b/app/components/UI/CollectibleMediaReproductor/index.js
index 6bffd95b0eb..68c5b94c9b0 100644
--- a/app/components/UI/CollectibleMediaReproductor/index.js
+++ b/app/components/UI/CollectibleMediaReproductor/index.js
@@ -11,23 +11,23 @@ const styles = StyleSheet.create({
 		width: 50,
 		height: 50,
 		borderRadius: 10,
-		overflow: 'hidden'
+		overflow: 'hidden',
 	},
 	fullWrapper: {
 		width: 260,
 		height: 260,
 		flex: 1,
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	listImage: {
 		width: 50,
-		height: 50
+		height: 50,
 	},
 	fullImage: {
 		height: 260,
-		width: 260
-	}
+		width: 260,
+	},
 });
 
 /**
@@ -83,5 +83,5 @@ CollectibleMediaPlayer.propTypes = {
 	/**
 	 * Image style
 	 */
-	iconStyle: PropTypes.object
+	iconStyle: PropTypes.object,
 };
diff --git a/app/components/UI/CollectibleModal/index.js b/app/components/UI/CollectibleModal/index.js
index 185bddf8446..8589a77ae61 100644
--- a/app/components/UI/CollectibleModal/index.js
+++ b/app/components/UI/CollectibleModal/index.js
@@ -13,10 +13,10 @@ import ReusableModal from '../ReusableModal';
 const styles = StyleSheet.create({
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
+		margin: 0,
 	},
 	round: {
-		borderRadius: 12
+		borderRadius: 12,
 	},
 	collectibleMediaWrapper: {
 		position: 'absolute',
@@ -26,14 +26,14 @@ const styles = StyleSheet.create({
 		marginHorizontal: 16,
 		marginTop: Device.hasNotch() ? 36 : 16,
 		borderRadius: 12,
-		backgroundColor: colors.transparent
-	}
+		backgroundColor: colors.transparent,
+	},
 });
 
 /**
  * View that displays a specific collectible asset
  */
-const CollectibleModal = props => {
+const CollectibleModal = (props) => {
 	const { route, navigation, newAssetTransaction } = props;
 	const { contractName, collectible } = route.params;
 
@@ -56,7 +56,7 @@ const CollectibleModal = props => {
 	}, [collectible.address]);
 
 	const openLink = useCallback(
-		url => {
+		(url) => {
 			navigation.replace('Webview', { screen: 'SimpleWebview', params: { url } });
 		},
 		[navigation]
@@ -68,7 +68,7 @@ const CollectibleModal = props => {
 	 *
 	 * @param {boolean} moveUp
 	 */
-	const onCollectibleOverviewTranslation = moveUp => {
+	const onCollectibleOverviewTranslation = (moveUp) => {
 		if (moveUp) {
 			setTimeout(() => {
 				setMediaZIndex(20);
@@ -130,14 +130,11 @@ CollectibleModal.propTypes = {
 	/**
 	 * Contract name of the collectible
 	 */
-	contractName: PropTypes.string
+	contractName: PropTypes.string,
 };
 
-const mapDispatchToProps = dispatch => ({
-	newAssetTransaction: selectedAsset => dispatch(newAssetTransaction(selectedAsset))
+const mapDispatchToProps = (dispatch) => ({
+	newAssetTransaction: (selectedAsset) => dispatch(newAssetTransaction(selectedAsset)),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(CollectibleModal);
+export default connect(null, mapDispatchToProps)(CollectibleModal);
diff --git a/app/components/UI/CollectibleModal/index.test.js b/app/components/UI/CollectibleModal/index.test.js
index d89ede47b3d..225424f7510 100644
--- a/app/components/UI/CollectibleModal/index.test.js
+++ b/app/components/UI/CollectibleModal/index.test.js
@@ -15,12 +15,12 @@ describe('CollectibleModal', () => {
 				route={{
 					params: {
 						contractName: 'Opensea',
-						collectible: { name: 'Leopard', tokenId: 6904, address: '0x123' }
-					}
+						collectible: { name: 'Leopard', tokenId: 6904, address: '0x123' },
+					},
 				}}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper).toMatchSnapshot();
diff --git a/app/components/UI/CollectibleOverview/index.js b/app/components/UI/CollectibleOverview/index.js
index 12f17f26537..da4d1cdc517 100644
--- a/app/components/UI/CollectibleOverview/index.js
+++ b/app/components/UI/CollectibleOverview/index.js
@@ -31,79 +31,79 @@ const styles = StyleSheet.create({
 		flex: 0,
 		backgroundColor: colors.white,
 		borderTopEndRadius: 8,
-		borderTopStartRadius: 8
+		borderTopStartRadius: 8,
 	},
 	generalContainer: {
-		paddingHorizontal: 16
+		paddingHorizontal: 16,
 	},
 	information: {
-		paddingTop: HAS_NOTCH ? 24 : VERTICAL_ALIGNMENT
+		paddingTop: HAS_NOTCH ? 24 : VERTICAL_ALIGNMENT,
 	},
 	row: {
-		paddingVertical: 6
+		paddingVertical: 6,
 	},
 	name: {
 		fontSize: Device.isSmallDevice() ? 16 : 24,
-		marginBottom: 3
+		marginBottom: 3,
 	},
 	userContainer: {
 		flexDirection: 'row',
-		paddingBottom: 16
+		paddingBottom: 16,
 	},
 	userImage: {
 		width: 38,
 		height: 38,
 		borderRadius: 100,
-		marginRight: 8
+		marginRight: 8,
 	},
 	buttonContainer: {
 		flexDirection: 'row',
-		marginTop: VERTICAL_ALIGNMENT
+		marginTop: VERTICAL_ALIGNMENT,
 	},
 	button: {
 		alignItems: 'center',
 		justifyContent: 'center',
-		borderWidth: 1.5
+		borderWidth: 1.5,
 	},
 	iconButtons: {
 		width: 54,
-		height: 54
+		height: 54,
 	},
 	leftButton: {
-		marginRight: 16
+		marginRight: 16,
 	},
 	collectibleInfoContainer: {
 		flexDirection: 'row',
 		marginHorizontal: 16,
-		marginBottom: 8
+		marginBottom: 8,
 	},
 	collectibleInfoKey: {
-		paddingRight: 10
+		paddingRight: 10,
 	},
 	collectibleDescription: {
-		lineHeight: 22
+		lineHeight: 22,
 	},
 	userInfoContainer: {
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	titleWrapper: {
 		width: '100%',
 		alignItems: 'center',
 		justifyContent: 'center',
-		paddingVertical: VERTICAL_ALIGNMENT
+		paddingVertical: VERTICAL_ALIGNMENT,
 	},
 	dragger: {
 		width: 48,
 		height: 5,
 		borderRadius: 4,
-		backgroundColor: colors.grey100
+		backgroundColor: colors.grey100,
 	},
 	scrollableDescription: {
-		maxHeight: Device.getDeviceHeight() / 5
+		maxHeight: Device.getDeviceHeight() / 5,
 	},
 	description: {
-		marginTop: 8
-	}
+		marginTop: 8,
+	},
 });
 
 /**
@@ -119,7 +119,7 @@ const CollectibleOverview = ({
 	removeFavoriteCollectible,
 	isInFavorites,
 	openLink,
-	onTranslation
+	onTranslation,
 }) => {
 	const [headerHeight, setHeaderHeight] = useState(0);
 	const [wrapperHeight, setWrapperHeight] = useState(0);
@@ -127,10 +127,10 @@ const CollectibleOverview = ({
 	const positionAnimated = useRef(new Animated.Value(0)).current;
 	const scrollViewRef = useRef(null);
 
-	const translationHeight = useMemo(() => wrapperHeight - headerHeight - ANIMATION_OFFSET, [
-		headerHeight,
-		wrapperHeight
-	]);
+	const translationHeight = useMemo(
+		() => wrapperHeight - headerHeight - ANIMATION_OFFSET,
+		[headerHeight, wrapperHeight]
+	);
 	const animating = useRef(false);
 
 	const renderScrollableDescription = useMemo(() => {
@@ -182,7 +182,7 @@ const CollectibleOverview = ({
 			strings('collectible.collectible_asset_contract'),
 			renderShortAddress(collectible?.address),
 			() => openLink(etherscanLink.createTokenTrackerLink(collectible?.address, chainId))
-		)
+		),
 	];
 
 	const collectibleToFavorites = useCallback(() => {
@@ -195,15 +195,15 @@ const CollectibleOverview = ({
 		Share.open({
 			message: `${strings('collectible.share_check_out_nft')} ${collectible.externalLink}\n${strings(
 				'collectible.share_via'
-			)} ${AppConstants.SHORT_HOMEPAGE_URL}`
+			)} ${AppConstants.SHORT_HOMEPAGE_URL}`,
 		});
 	}, [collectible.externalLink]);
 
 	const onHeaderLayout = useCallback(
 		({
 			nativeEvent: {
-				layout: { height }
-			}
+				layout: { height },
+			},
 		}) => headerHeight === 0 && setHeaderHeight(height),
 		[headerHeight]
 	);
@@ -211,8 +211,8 @@ const CollectibleOverview = ({
 	const onWrapperLayout = useCallback(
 		({
 			nativeEvent: {
-				layout: { height }
-			}
+				layout: { height },
+			},
 		}) => wrapperHeight === 0 && setWrapperHeight(height),
 		[wrapperHeight]
 	);
@@ -224,7 +224,7 @@ const CollectibleOverview = ({
 				toValue,
 				duration,
 				easing: Easing.ease,
-				useNativeDriver: true
+				useNativeDriver: true,
 			}).start(() => {
 				setPosition(toValue);
 				animating.current = false;
@@ -234,7 +234,7 @@ const CollectibleOverview = ({
 	);
 
 	const handleGesture = useCallback(
-		evt => {
+		(evt) => {
 			// we don't want to trigger the animation again when the view is being animated
 			if (evt.nativeEvent.velocityY === 0 || animating.current) return;
 			const toValue = evt.nativeEvent.velocityY > 0 ? translationHeight : 0;
@@ -247,7 +247,7 @@ const CollectibleOverview = ({
 	);
 
 	const gestureHandlerWrapper = useCallback(
-		child => (
+		(child) => (
 			<PanGestureHandler
 				waitFor={scrollViewRef}
 				activeOffsetY={[0, 0]}
@@ -420,7 +420,7 @@ CollectibleOverview.propTypes = {
 	/**
 	 * callback to trigger when modal is being animated
 	 */
-	onTranslation: PropTypes.func
+	onTranslation: PropTypes.func,
 };
 
 const mapStateToProps = (state, props) => {
@@ -428,14 +428,14 @@ const mapStateToProps = (state, props) => {
 	return {
 		chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 		selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
-		isInFavorites: isCollectibleInFavorites(favoriteCollectibles, props.collectible)
+		isInFavorites: isCollectibleInFavorites(favoriteCollectibles, props.collectible),
 	};
 };
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
 	addFavoriteCollectible: (selectedAddress, chainId, collectible) =>
 		dispatch(addFavoriteCollectible(selectedAddress, chainId, collectible)),
 	removeFavoriteCollectible: (selectedAddress, chainId, collectible) =>
-		dispatch(removeFavoriteCollectible(selectedAddress, chainId, collectible))
+		dispatch(removeFavoriteCollectible(selectedAddress, chainId, collectible)),
 });
 
 export default connect(
diff --git a/app/components/UI/CollectibleOverview/index.test.js b/app/components/UI/CollectibleOverview/index.test.js
index d2e01b826f9..91bbfefb654 100644
--- a/app/components/UI/CollectibleOverview/index.test.js
+++ b/app/components/UI/CollectibleOverview/index.test.js
@@ -9,20 +9,20 @@ describe('CollectibleOverview', () => {
 	it('should render correctly', () => {
 		const initialState = {
 			collectibles: {
-				favorites: {}
+				favorites: {},
 			},
 			engine: {
 				backgroundState: {
 					NetworkController: {
 						provider: {
-							chainId: 1
-						}
+							chainId: 1,
+						},
 					},
 					PreferencesController: {
-						selectedAddress: '0x1'
-					}
-				}
-			}
+						selectedAddress: '0x1',
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(
@@ -32,11 +32,11 @@ describe('CollectibleOverview', () => {
 					tokenId: 6904,
 					address: '0x06012c8cf97BEaD5deAe237070F9587f8E7A266d',
 					externalLink: 'https://nft.example.com',
-					tradable: true
+					tradable: true,
 				}}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/Collectibles/index.js b/app/components/UI/Collectibles/index.js
index dab59b04e51..93f81ee7342 100644
--- a/app/components/UI/Collectibles/index.js
+++ b/app/components/UI/Collectibles/index.js
@@ -11,40 +11,40 @@ import AssetElement from '../AssetElement';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	emptyView: {
 		backgroundColor: colors.white,
 		justifyContent: 'center',
 		alignItems: 'center',
-		marginTop: 50
+		marginTop: 50,
 	},
 	text: {
 		fontSize: 20,
 		color: colors.fontTertiary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	itemWrapper: {
 		flex: 1,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	rows: {
 		flex: 1,
 		marginLeft: 20,
-		marginTop: 6
+		marginTop: 6,
 	},
 	name: {
 		fontSize: 16,
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	tokenId: {
 		fontSize: 12,
 		marginTop: 4,
 		marginRight: 8,
 		color: colors.grey400,
-		...fontStyles.normal
-	}
+		...fontStyles.normal,
+	},
 });
 
 /**
@@ -69,11 +69,11 @@ export default class Collectibles extends PureComponent {
 		/**
 		 * Callback triggered when collectible pressed from collectibles list
 		 */
-		onPress: PropTypes.func
+		onPress: PropTypes.func,
 	};
 
 	state = {
-		refreshing: false
+		refreshing: false,
 	};
 
 	actionSheet = null;
@@ -88,14 +88,14 @@ export default class Collectibles extends PureComponent {
 		</ScrollView>
 	);
 
-	onItemPress = collectible => {
+	onItemPress = (collectible) => {
 		this.props.navigation.navigate('CollectibleView', {
 			...collectible,
-			contractName: this.props.collectibleContract.name
+			contractName: this.props.collectibleContract.name,
 		});
 	};
 
-	handleOnPress = collectible => {
+	handleOnPress = (collectible) => {
 		this.props.onPress(collectible);
 	};
 
@@ -103,7 +103,7 @@ export default class Collectibles extends PureComponent {
 		this.props.navigation.push('AddAsset', { assetType: 'collectible' });
 	};
 
-	showRemoveMenu = collectible => {
+	showRemoveMenu = (collectible) => {
 		this.collectibleToRemove = collectible;
 		this.actionSheet.show();
 	};
@@ -117,11 +117,11 @@ export default class Collectibles extends PureComponent {
 		Alert.alert(strings('wallet.collectible_removed_title'), strings('wallet.collectible_removed_desc'));
 	};
 
-	createActionSheetRef = ref => {
+	createActionSheetRef = (ref) => {
 		this.actionSheet = ref;
 	};
 
-	keyExtractor = item => `${item.address}_${item.tokenId}`;
+	keyExtractor = (item) => `${item.address}_${item.tokenId}`;
 
 	renderItem = ({ item }) => (
 		<AssetElement onPress={this.onItemPress} onLongPress={this.showRemoveMenu} asset={item}>
@@ -163,7 +163,7 @@ export default class Collectibles extends PureComponent {
 					cancelButtonIndex={1}
 					destructiveButtonIndex={0}
 					// eslint-disable-next-line react/jsx-no-bind
-					onPress={index => (index === 0 ? this.removeCollectible() : null)}
+					onPress={(index) => (index === 0 ? this.removeCollectible() : null)}
 				/>
 			</View>
 		);
diff --git a/app/components/UI/ComponentErrorBoundary/index.js b/app/components/UI/ComponentErrorBoundary/index.js
index 7193cb7346a..46cc5c3b9ca 100644
--- a/app/components/UI/ComponentErrorBoundary/index.js
+++ b/app/components/UI/ComponentErrorBoundary/index.js
@@ -22,7 +22,7 @@ class ComponentErrorBoundary extends React.Component {
 		/**
 		 * Will not track as an error, but still log to analytics
 		 */
-		dontTrackAsError: PropTypes.bool
+		dontTrackAsError: PropTypes.bool,
 	};
 
 	static getDerivedStateFromError(error) {
diff --git a/app/components/UI/Confetti/index.js b/app/components/UI/Confetti/index.js
index e5c1fa2dd9b..2ca5636e731 100644
--- a/app/components/UI/Confetti/index.js
+++ b/app/components/UI/Confetti/index.js
@@ -7,7 +7,7 @@ import ConfettiCannon from 'react-native-confetti-cannon';
 const isAndroid = Platform.OS === 'android';
 const ORIGIN = { x: Device.getDeviceWidth() / 2, y: 0 };
 
-const Confetti = props => {
+const Confetti = (props) => {
 	let confettiView = false;
 
 	useEffect(() => {
@@ -17,7 +17,7 @@ const Confetti = props => {
 	}, [confettiView]);
 
 	return isAndroid ? (
-		<ConfettiNormal ref={node => (confettiView = node)} {...props} />
+		<ConfettiNormal ref={(node) => (confettiView = node)} {...props} />
 	) : (
 		<ConfettiCannon fadeOut count={300} origin={ORIGIN} {...props} />
 	);
diff --git a/app/components/UI/ConnectHeader/index.js b/app/components/UI/ConnectHeader/index.js
index c442aeecef2..d0cc545738a 100644
--- a/app/components/UI/ConnectHeader/index.js
+++ b/app/components/UI/ConnectHeader/index.js
@@ -8,27 +8,27 @@ const styles = StyleSheet.create({
 	header: {
 		width: '100%',
 		position: 'relative',
-		paddingBottom: 20
+		paddingBottom: 20,
 	},
 	title: {
 		...fontStyles.bold,
 		color: colors.black,
 		fontSize: 14,
 		textAlign: 'center',
-		paddingVertical: 12
+		paddingVertical: 12,
 	},
 	back: {
 		position: 'absolute',
 		zIndex: 1,
 		paddingVertical: 10,
-		paddingRight: 10
-	}
+		paddingRight: 10,
+	},
 });
 
 class ConnectHeader extends Component {
 	static propTypes = {
 		action: PropTypes.func.isRequired,
-		title: PropTypes.string.isRequired
+		title: PropTypes.string.isRequired,
 	};
 
 	render() {
diff --git a/app/components/UI/CustomAlert/index.js b/app/components/UI/CustomAlert/index.js
index 3ac0d0c96e3..986ae8fce08 100644
--- a/app/components/UI/CustomAlert/index.js
+++ b/app/components/UI/CustomAlert/index.js
@@ -7,33 +7,33 @@ import { colors, fontStyles } from '../../../styles/common';
 
 const styles = StyleSheet.create({
 	modal: {
-		padding: 20
+		padding: 20,
 	},
 	content: {
 		backgroundColor: colors.white,
-		borderRadius: 16
+		borderRadius: 16,
 	},
 	header: {
 		paddingVertical: 15,
 		height: 130,
 		alignItems: 'center',
 		borderTopEndRadius: 16,
-		borderTopLeftRadius: 16
+		borderTopLeftRadius: 16,
 	},
 	body: {
 		paddingVertical: 20,
-		paddingHorizontal: 35
+		paddingHorizontal: 35,
 	},
 	title: {
 		textAlign: 'center',
 		fontSize: 16,
 		...fontStyles.bold,
-		marginBottom: 15
+		marginBottom: 15,
 	},
 	footer: {
 		padding: 20,
-		paddingTop: 10
-	}
+		paddingTop: 10,
+	},
 });
 
 /**
@@ -85,7 +85,7 @@ export default class CustomAlert extends PureComponent {
 		/**
 		/* Children components
 		*/
-		children: PropTypes.any
+		children: PropTypes.any,
 	};
 
 	render() {
diff --git a/app/components/UI/CustomGas/index.js b/app/components/UI/CustomGas/index.js
index 32f8df961f0..42bd8d55ef0 100644
--- a/app/components/UI/CustomGas/index.js
+++ b/app/components/UI/CustomGas/index.js
@@ -24,49 +24,49 @@ const styles = StyleSheet.create({
 	root: {
 		paddingHorizontal: 24,
 		paddingTop: 24,
-		paddingBottom: Device.isIphoneX() ? 48 : 24
+		paddingBottom: Device.isIphoneX() ? 48 : 24,
 	},
 	customGasHeader: {
 		flexDirection: 'row',
 		justifyContent: 'space-between',
 		alignItems: 'center',
 		width: '100%',
-		paddingBottom: 20
+		paddingBottom: 20,
 	},
 	customGasModalTitleText: {
 		...fontStyles.bold,
 		color: colors.black,
 		fontSize: 14,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	optionsContainer: {
 		flexDirection: 'row',
 		justifyContent: 'center',
 		alignItems: 'center',
-		paddingBottom: 20
+		paddingBottom: 20,
 	},
 	basicButton: {
 		width: 116,
 		height: 36,
 		padding: 8,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	optionSelected: {
 		backgroundColor: colors.grey000,
 		borderWidth: 1,
 		borderRadius: 20,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	textOptions: {
 		...fontStyles.normal,
 		fontSize: 14,
-		color: colors.black
+		color: colors.black,
 	},
 	message: {
 		...fontStyles.normal,
 		color: colors.black,
-		fontSize: 12
+		fontSize: 12,
 	},
 	warningWrapper: {
 		alignItems: 'center',
@@ -74,7 +74,7 @@ const styles = StyleSheet.create({
 		alignSelf: 'center',
 		textAlign: 'center',
 		width: '100%',
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	warningTextWrapper: {
 		width: '100%',
@@ -86,36 +86,36 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		justifyContent: 'center',
 		alignItems: 'center',
-		flexWrap: 'wrap'
+		flexWrap: 'wrap',
 	},
 	warningText: {
 		color: colors.red,
 		fontSize: 12,
 		textAlign: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	invisible: {
-		opacity: 0
+		opacity: 0,
 	},
 	titleContainer: {
 		width: '100%',
 		flexDirection: 'row',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	radio: {
-		marginLeft: 'auto'
+		marginLeft: 'auto',
 	},
 	gasSelectorWrapper: {
 		position: 'absolute',
 		alignSelf: 'center',
 		width: '100%',
-		paddingTop: 24
+		paddingTop: 24,
 	},
 	selectors: {
 		position: 'relative',
 		flexDirection: 'row',
 		justifyContent: 'space-evenly',
-		marginBottom: 8
+		marginBottom: 8,
 	},
 	selector: {
 		alignSelf: 'stretch',
@@ -126,63 +126,63 @@ const styles = StyleSheet.create({
 		paddingHorizontal: 12,
 		borderWidth: 1,
 		borderColor: colors.grey100,
-		marginLeft: -2
+		marginLeft: -2,
 	},
 	selectorSelected: {
 		backgroundColor: colors.blue000,
 		borderColor: colors.blue,
-		zIndex: 1
+		zIndex: 1,
 	},
 	first: {
 		borderBottomStartRadius: 6,
-		borderTopStartRadius: 6
+		borderTopStartRadius: 6,
 	},
 	last: {
 		borderBottomEndRadius: 6,
-		borderTopEndRadius: 6
+		borderTopEndRadius: 6,
 	},
 	text: {
 		...fontStyles.normal,
 		fontSize: 10,
-		color: colors.black
+		color: colors.black,
 	},
 	textGasFee: {
-		fontSize: 12
+		fontSize: 12,
 	},
 	textTitle: {
 		...fontStyles.bold,
 		fontSize: 10,
-		color: colors.black
+		color: colors.black,
 	},
 	advancedOptionsContainer: {
 		flexDirection: 'column',
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	valueRow: {
 		width: '100%',
 		flexDirection: 'row',
 		alignItems: 'center',
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	advancedOptionsText: {
 		flex: 1,
 		textAlign: 'left',
 		...fontStyles.light,
 		color: colors.black,
-		fontSize: 14
+		fontSize: 14,
 	},
 	totalGasWrapper: {
 		flex: 1,
 		flexDirection: 'row',
 		justifyContent: 'flex-start',
 		paddingVertical: 8,
-		paddingRight: 20
+		paddingRight: 20,
 	},
 	textTotalGas: {
 		...fontStyles.bold,
 		color: colors.black,
-		fontSize: 14
+		fontSize: 14,
 	},
 	gasInput: {
 		flex: 1,
@@ -195,7 +195,7 @@ const styles = StyleSheet.create({
 		fontSize: 14,
 		paddingHorizontal: 10,
 		paddingVertical: 8,
-		position: 'relative'
+		position: 'relative',
 	},
 	gasInputError: {
 		flex: 1,
@@ -208,19 +208,19 @@ const styles = StyleSheet.create({
 		fontSize: 14,
 		paddingHorizontal: 10,
 		paddingVertical: 8,
-		position: 'relative'
+		position: 'relative',
 	},
 	buttonTransform: {
 		transform: [
 			{
-				translateY: 70
-			}
-		]
+				translateY: 70,
+			},
+		],
 	},
 	hidden: {
 		opacity: 0,
-		height: 0
-	}
+		height: 0,
+	},
 });
 
 /**
@@ -342,7 +342,7 @@ class CustomGas extends PureComponent {
 		/**
 		 * The currently selected gas speed
 		 */
-		gasSpeedSelected: PropTypes.string
+		gasSpeedSelected: PropTypes.string,
 	};
 
 	state = {
@@ -357,7 +357,7 @@ class CustomGas extends PureComponent {
 		warningGasPriceHigh: '',
 		warningSufficientFunds: '',
 		headerHeight: null,
-		gasInputHeight: null
+		gasInputHeight: null,
 	};
 
 	componentDidMount = async () => {
@@ -372,13 +372,13 @@ class CustomGas extends PureComponent {
 		this.setState({ warningSufficientFunds, advancedCustomGas: ticker && ticker !== 'ETH' });
 	};
 
-	componentDidUpdate = prevProps => {
+	componentDidUpdate = (prevProps) => {
 		if (this.props.advancedCustomGas) {
 			this.handleGasRecalculationForCustomGasInput(prevProps);
 		}
 	};
 
-	handleGasRecalculationForCustomGasInput = prevProps => {
+	handleGasRecalculationForCustomGasInput = (prevProps) => {
 		const actualGasLimitWei = renderWei(hexToBN(this.props.gas));
 		if (renderWei(hexToBN(prevProps.gas)) !== actualGasLimitWei)
 			this.setState({ customGasLimit: actualGasLimitWei });
@@ -387,7 +387,7 @@ class CustomGas extends PureComponent {
 	//Validate locally instead of in TransactionEditor, otherwise cannot change back to review mode if insufficient funds
 	hasSufficientFunds = (gas, gasPrice) => {
 		const {
-			transaction: { from, value }
+			transaction: { from, value },
 		} = this.props;
 		const checksummedFrom = safeToChecksumAddress(from);
 		const fromAccount = this.props.accounts[checksummedFrom];
@@ -396,16 +396,16 @@ class CustomGas extends PureComponent {
 		return '';
 	};
 
-	onPressGas = speed => {
+	onPressGas = (speed) => {
 		const {
 			onPress,
-			basicGasEstimates: { averageGwei, fastGwei, safeLowGwei }
+			basicGasEstimates: { averageGwei, fastGwei, safeLowGwei },
 		} = this.props;
 		onPress && onPress(speed);
 		const speedMap = {
 			[FAST]: fastGwei,
 			[AVERAGE]: averageGwei,
-			[SLOW]: safeLowGwei
+			[SLOW]: safeLowGwei,
 		};
 		const gwei = speedMap[speed];
 		const gasPriceBN = apiEstimateModifiedToWEI(gwei);
@@ -413,36 +413,31 @@ class CustomGas extends PureComponent {
 			gasSpeedSelected: speed,
 			customGasPrice: gwei,
 			customGasPriceBNWei: gasPriceBN,
-			warningGasPriceHigh: ''
+			warningGasPriceHigh: '',
 		});
 	};
 
 	toggleEditionOption = () => {
-		const {
-			gas,
-			advancedCustomGas,
-			toggleAdvancedCustomGas,
-			animate,
-			getAnimatedModalValueForAdvancedCG
-		} = this.props;
+		const { gas, advancedCustomGas, toggleAdvancedCustomGas, animate, getAnimatedModalValueForAdvancedCG } =
+			this.props;
 		toggleAdvancedCustomGas();
 		if (!advancedCustomGas) {
 			animate({
 				modalEndValue: getAnimatedModalValueForAdvancedCG(),
 				xTranslationName: 'editToAdvanced',
-				xTranslationEndValue: 1
+				xTranslationEndValue: 1,
 			});
 			this.setState({ customGasLimit: fromWei(gas, 'wei') });
 		} else {
 			animate({
 				modalEndValue: 0,
 				xTranslationName: 'editToAdvanced',
-				xTranslationEndValue: 0
+				xTranslationEndValue: 0,
 			});
 		}
 	};
 
-	onGasLimitChange = value => {
+	onGasLimitChange = (value) => {
 		const { customGasPriceBNWei } = this.state;
 		const bnValue = new BN(value);
 		const warningSufficientFunds = this.hasSufficientFunds(bnValue, customGasPriceBNWei);
@@ -452,17 +447,17 @@ class CustomGas extends PureComponent {
 		else if (bnValue.lt(new BN(21000))) warningGasLimit = strings('custom_gas.warning_gas_limit');
 		else if (this.props.minimumGasLimit && bnValue.lt(new BN(this.props.minimumGasLimit)))
 			warningGasLimit = strings('custom_gas.warning_gas_limit_estimated', {
-				gas: this.props.minimumGasLimit.toString(10)
+				gas: this.props.minimumGasLimit.toString(10),
 			});
 		this.setState({
 			customGasLimit: value,
 			customGasLimitBN: bnValue,
 			warningGasLimit,
-			warningSufficientFunds
+			warningSufficientFunds,
 		});
 	};
 
-	onGasPriceChange = value => {
+	onGasPriceChange = (value) => {
 		const { customGasLimitBN } = this.state;
 		//Added because apiEstimateModifiedToWEI doesn't like empty strings
 		const gasPrice = value === '' ? '0' : value.replace(/\s|[a-zA-Z]/, '').replace(',', '.');
@@ -502,7 +497,7 @@ class CustomGas extends PureComponent {
 			customGasPriceBN: gasPriceBN,
 			warningGasPrice,
 			warningGasPriceHigh,
-			warningSufficientFunds
+			warningSufficientFunds,
 		});
 	};
 
@@ -516,7 +511,7 @@ class CustomGas extends PureComponent {
 				chain_id: chainId,
 				function_type: view,
 				gas_mode: advancedCustomGas ? 'Advanced' : 'Basic',
-				speed_set: advancedCustomGas ? undefined : gasSpeedSelected
+				speed_set: advancedCustomGas ? undefined : gasSpeedSelected,
 			};
 		} catch (error) {
 			return {};
@@ -533,13 +528,13 @@ class CustomGas extends PureComponent {
 				apiEstimateModifiedToWEI(customGasPrice),
 				this.state.warningGasPriceHigh,
 				{
-					mode: 'advanced'
+					mode: 'advanced',
 				}
 			);
 		} else {
 			const mode = { mode: gasSpeedSelected };
 			const {
-				basicGasEstimates: { fastGwei, averageGwei, safeLowGwei }
+				basicGasEstimates: { fastGwei, averageGwei, safeLowGwei },
 			} = this.props;
 			const noGasWarning = '';
 			if (gasSpeedSelected === SLOW)
@@ -565,7 +560,7 @@ class CustomGas extends PureComponent {
 			hideSlow,
 			hideAverage,
 			hideFast,
-			basicGasEstimates: { averageGwei, fastGwei, safeLowGwei }
+			basicGasEstimates: { averageGwei, fastGwei, safeLowGwei },
 		} = this.props;
 		const ticker = getTicker(this.props.ticker);
 		const topOffset = { top: headerHeight };
@@ -578,7 +573,7 @@ class CustomGas extends PureComponent {
 					styles.gasSelectorWrapper,
 					generateTransform('editToAdvanced', [0, -Device.getDeviceWidth()]),
 					topOffset,
-					hideGasSelectors && styles.hidden
+					hideGasSelectors && styles.hidden,
 				]}
 			>
 				<View style={styles.selectors}>
@@ -642,7 +637,7 @@ class CustomGas extends PureComponent {
 									{getRenderableFiatGasFee(fastGwei, conversionRate, currentCurrency, gas)}
 								</Text>
 							</TouchableOpacity>
-						)
+						),
 					]
 						.filter(Boolean)
 						.map((Component, index, array) =>
@@ -650,8 +645,8 @@ class CustomGas extends PureComponent {
 								style: [
 									...Component.props.style,
 									index === 0 && styles.first,
-									index === array.length - 1 && styles.last
-								]
+									index === array.length - 1 && styles.last,
+								],
 							})
 						)}
 				</View>
@@ -670,7 +665,7 @@ class CustomGas extends PureComponent {
 			<Animated.View
 				style={[
 					styles.advancedOptionsContainer,
-					this.onlyAdvanced() ? {} : generateTransform('editToAdvanced', [Device.getDeviceWidth(), 0])
+					this.onlyAdvanced() ? {} : generateTransform('editToAdvanced', [Device.getDeviceWidth(), 0]),
 				]}
 				onLayout={this.saveGasInputHeight}
 			>
@@ -720,10 +715,10 @@ class CustomGas extends PureComponent {
 		);
 	};
 
-	saveHeaderHeight = event =>
+	saveHeaderHeight = (event) =>
 		!this.state.headerHeight && this.setState({ headerHeight: event.nativeEvent.layout.height });
 
-	saveGasInputHeight = event => {
+	saveGasInputHeight = (event) => {
 		!this.state.gasInputHeight && this.setState({ gasInputHeight: event.nativeEvent.layout.height });
 	};
 
@@ -737,15 +732,8 @@ class CustomGas extends PureComponent {
 
 	render = () => {
 		const { warningGasLimit, warningGasPrice, warningSufficientFunds } = this.state;
-		const {
-			review,
-			gasError,
-			saveCustomGasHeight,
-			advancedCustomGas,
-			generateTransform,
-			mode,
-			toAdvancedFrom
-		} = this.props;
+		const { review, gasError, saveCustomGasHeight, advancedCustomGas, generateTransform, mode, toAdvancedFrom } =
+			this.props;
 		let buttonStyle;
 
 		if (toAdvancedFrom === 'edit' && mode === 'edit') {
@@ -815,7 +803,7 @@ const mapStateToProps = (state, props) => ({
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 	transaction: props.customTransaction || getNormalizedTxState(state),
 	networkType: state.engine.backgroundState.NetworkController.provider.type,
-	chainId: state.engine.backgroundState.NetworkController.provider.chainId
+	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 });
 
 export default connect(mapStateToProps)(CustomGas);
diff --git a/app/components/UI/CustomGas/index.test.js b/app/components/UI/CustomGas/index.test.js
index 55bc3c748fa..12aaf16dd2e 100644
--- a/app/components/UI/CustomGas/index.test.js
+++ b/app/components/UI/CustomGas/index.test.js
@@ -16,26 +16,26 @@ describe('CustomGas', () => {
 				backgroundState: {
 					CurrencyRateController: {
 						currentCurrency: 'usd',
-						conversionRate: 0.1
+						conversionRate: 0.1,
 					},
 					AccountTrackerController: {
 						accounts: {
-							'0x': '0x'
-						}
+							'0x': '0x',
+						},
 					},
 					NetworkController: {
 						provider: {
 							ticker: 'ETH',
-							chainId: '1'
-						}
-					}
-				}
+							chainId: '1',
+						},
+					},
+				},
 			},
 			transaction: {
 				from: '0x',
-				value: 100
+				value: 100,
 			},
-			customGasPriceBN: 10
+			customGasPriceBN: 10,
 		};
 
 		const wrapper = shallow(
@@ -48,7 +48,7 @@ describe('CustomGas', () => {
 				warningGasPriceHigh=""
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/CustomNonce/index.js b/app/components/UI/CustomNonce/index.js
index 1a6536f77d2..51f8d388a18 100644
--- a/app/components/UI/CustomNonce/index.js
+++ b/app/components/UI/CustomNonce/index.js
@@ -15,11 +15,11 @@ const styles = StyleSheet.create({
 		paddingVertical: 14,
 		paddingHorizontal: 16,
 		display: 'flex',
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	nonceNumber: {
-		marginLeft: 'auto'
-	}
+		marginLeft: 'auto',
+	},
 });
 
 const CustomNonce = ({ nonce, onNonceEdit }) => (
@@ -45,7 +45,7 @@ CustomNonce.propTypes = {
 	/**
 	 * Function called when editing nonce
 	 */
-	onNonceEdit: PropTypes.func
+	onNonceEdit: PropTypes.func,
 };
 
 export default CustomNonce;
diff --git a/app/components/UI/CustomNonceModal/index.js b/app/components/UI/CustomNonceModal/index.js
index e4a9a12a7b7..277d0509cb9 100644
--- a/app/components/UI/CustomNonceModal/index.js
+++ b/app/components/UI/CustomNonceModal/index.js
@@ -14,24 +14,24 @@ import EvilIcons from 'react-native-vector-icons/EvilIcons';
 const styles = StyleSheet.create({
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
+		margin: 0,
 	},
 	keyboardAwareWrapper: {
 		flex: 1,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	modal: {
 		minHeight: 200,
 		backgroundColor: colors.white,
 		borderTopLeftRadius: 20,
-		borderTopRightRadius: 20
+		borderTopRightRadius: 20,
 	},
 	modalContainer: {
-		margin: 24
+		margin: 24,
 	},
 	title: {
 		fontSize: 14,
-		color: colors.black
+		color: colors.black,
 	},
 	nonceInput: {
 		width: 80,
@@ -39,31 +39,31 @@ const styles = StyleSheet.create({
 		...fontStyles.bold,
 		color: colors.black,
 		textAlign: 'center',
-		marginHorizontal: 24
+		marginHorizontal: 24,
 	},
 	desc: {
 		color: colors.black,
 		fontSize: 12,
 		lineHeight: 16,
-		marginVertical: 10
+		marginVertical: 10,
 	},
 	nonceInputContainer: {
 		display: 'flex',
 		flexDirection: 'row',
 		alignItems: 'center',
 		alignSelf: 'center',
-		marginVertical: 10
+		marginVertical: 10,
 	},
 	incrementDecrementNonceContainer: {
 		display: 'flex',
 		flexDirection: 'row',
 		alignItems: 'center',
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	currentSuggested: {
 		fontSize: 14,
 		color: colors.grey500,
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	nonceWarning: {
 		borderWidth: 1,
@@ -74,43 +74,43 @@ const styles = StyleSheet.create({
 		flexDirection: 'row',
 		borderRadius: 8,
 		marginTop: 10,
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	nonceWarningText: {
 		color: colors.black,
 		fontSize: 12,
 		lineHeight: 16,
 		width: '100%',
-		flex: 1
+		flex: 1,
 	},
 	descWarningContainer: {
-		height: 240
+		height: 240,
 	},
 	actionRow: {
 		flexDirection: 'row',
-		marginBottom: 15
+		marginBottom: 15,
 	},
 	actionButton: {
 		flex: 1,
-		marginHorizontal: 8
+		marginHorizontal: 8,
 	},
 	incrementHit: {
-		padding: 4
+		padding: 4,
 	},
 	icon: {
 		flex: 0,
 		marginTop: 6,
-		paddingRight: 14
+		paddingRight: 14,
 	},
 	incrementDecrementIcon: {
-		color: colors.blue
-	}
+		color: colors.blue,
+	},
 });
 
 const CustomModalNonce = ({ proposedNonce, nonceValue, close, save }) => {
 	const [nonce, onChangeText] = React.useState(nonceValue);
 
-	const incrementDecrementNonce = decrement => {
+	const incrementDecrementNonce = (decrement) => {
 		let newValue = nonce;
 		newValue = decrement ? --newValue : ++newValue;
 		onChangeText(newValue > 1 ? newValue : 1);
@@ -218,7 +218,7 @@ CustomModalNonce.propTypes = {
 	proposedNonce: PropTypes.number.isRequired,
 	nonceValue: PropTypes.number.isRequired,
 	save: PropTypes.func.isRequired,
-	close: PropTypes.func.isRequired
+	close: PropTypes.func.isRequired,
 };
 
 export default CustomModalNonce;
diff --git a/app/components/UI/DrawerView/index.js b/app/components/UI/DrawerView/index.js
index 212b684137b..802e8f6f70c 100644
--- a/app/components/UI/DrawerView/index.js
+++ b/app/components/UI/DrawerView/index.js
@@ -46,82 +46,82 @@ import { isDefaultAccountName, doENSReverseLookup } from '../../../util/ENSUtils
 const styles = StyleSheet.create({
 	wrapper: {
 		flex: 1,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	header: {
 		paddingTop: Device.isIphoneX() ? 60 : 24,
 		backgroundColor: colors.grey000,
 		height: Device.isIphoneX() ? 110 : 74,
 		flexDirection: 'column',
-		paddingBottom: 0
+		paddingBottom: 0,
 	},
 	metamaskLogo: {
 		flexDirection: 'row',
 		flex: 1,
 		marginTop: Device.isAndroid() ? 0 : 12,
 		marginLeft: 15,
-		paddingTop: Device.isAndroid() ? 10 : 0
+		paddingTop: Device.isAndroid() ? 10 : 0,
 	},
 	metamaskFox: {
 		height: 27,
 		width: 27,
-		marginRight: 15
+		marginRight: 15,
 	},
 	metamaskName: {
 		marginTop: 4,
 		width: 90,
-		height: 18
+		height: 18,
 	},
 	account: {
 		flex: 1,
-		backgroundColor: colors.grey000
+		backgroundColor: colors.grey000,
 	},
 	accountBgOverlay: {
 		borderBottomColor: colors.grey100,
 		borderBottomWidth: 1,
-		padding: 17
+		padding: 17,
 	},
 	identiconWrapper: {
 		marginBottom: 12,
 		width: 56,
-		height: 56
+		height: 56,
 	},
 	identiconBorder: {
 		borderRadius: 96,
 		borderWidth: 2,
 		padding: 2,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	accountNameWrapper: {
 		flexDirection: 'row',
-		paddingRight: 17
+		paddingRight: 17,
 	},
 	accountName: {
 		fontSize: 20,
 		lineHeight: 24,
 		marginBottom: 5,
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	caretDown: {
 		textAlign: 'right',
 		marginLeft: 7,
 		marginTop: 3,
 		fontSize: 18,
-		color: colors.fontPrimary
+		color: colors.fontPrimary,
 	},
 	accountBalance: {
 		fontSize: 14,
 		lineHeight: 17,
 		marginBottom: 5,
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	accountAddress: {
 		fontSize: 12,
 		lineHeight: 17,
 		color: colors.fontSecondary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	buttons: {
 		flexDirection: 'row',
@@ -129,7 +129,7 @@ const styles = StyleSheet.create({
 		justifyContent: 'center',
 		borderBottomColor: colors.grey100,
 		borderBottomWidth: 1,
-		padding: 15
+		padding: 15,
 	},
 	button: {
 		flex: 1,
@@ -137,54 +137,54 @@ const styles = StyleSheet.create({
 		alignItems: 'center',
 		justifyContent: 'center',
 		borderRadius: 30,
-		borderWidth: 1.5
+		borderWidth: 1.5,
 	},
 	leftButton: {
-		marginRight: 5
+		marginRight: 5,
 	},
 	rightButton: {
-		marginLeft: 5
+		marginLeft: 5,
 	},
 	buttonText: {
 		paddingLeft: 8,
 		fontSize: 15,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	buttonContent: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	buttonIcon: {
-		marginTop: 0
+		marginTop: 0,
 	},
 	buttonReceive: {
-		transform: [{ rotate: '90deg' }]
+		transform: [{ rotate: '90deg' }],
 	},
 	menu: {},
 	noTopBorder: {
-		borderTopWidth: 0
+		borderTopWidth: 0,
 	},
 	menuSection: {
 		borderTopWidth: 1,
 		borderColor: colors.grey100,
-		paddingVertical: 10
+		paddingVertical: 10,
 	},
 	menuItem: {
 		flex: 1,
 		flexDirection: 'row',
 		paddingVertical: 9,
-		paddingLeft: 17
+		paddingLeft: 17,
 	},
 	selectedRoute: {
 		backgroundColor: colors.blue000,
 		marginRight: 10,
 		borderTopRightRadius: 20,
-		borderBottomRightRadius: 20
+		borderBottomRightRadius: 20,
 	},
 	selectedName: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	menuItemName: {
 		flex: 1,
@@ -192,23 +192,23 @@ const styles = StyleSheet.create({
 		paddingTop: 2,
 		fontSize: 16,
 		color: colors.grey400,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	menuItemWarningText: {
 		color: colors.red,
 		fontSize: 12,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	noIcon: {
-		paddingLeft: 0
+		paddingLeft: 0,
 	},
 	menuItemIconImage: {
 		width: 22,
-		height: 22
+		height: 22,
 	},
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
+		margin: 0,
 	},
 	importedWrapper: {
 		marginTop: 10,
@@ -217,12 +217,12 @@ const styles = StyleSheet.create({
 		paddingVertical: 3,
 		borderRadius: 10,
 		borderWidth: 1,
-		borderColor: colors.grey400
+		borderColor: colors.grey400,
 	},
 	importedText: {
 		color: colors.grey400,
 		fontSize: 10,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	protectWalletContainer: {
 		backgroundColor: colors.white,
@@ -231,7 +231,7 @@ const styles = StyleSheet.create({
 		borderTopRightRadius: 20,
 		paddingVertical: 16,
 		paddingBottom: Device.isIphoneX() ? 20 : 0,
-		paddingHorizontal: 40
+		paddingHorizontal: 40,
 	},
 	protectWalletIconContainer: {
 		alignSelf: 'center',
@@ -243,7 +243,7 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	protectWalletIcon: { alignSelf: 'center', color: colors.red },
 	protectWalletTitle: { textAlign: 'center', fontSize: 18, marginVertical: 8, ...fontStyles.bold },
@@ -252,16 +252,16 @@ const styles = StyleSheet.create({
 		fontSize: 14,
 		marginVertical: 8,
 		justifyContent: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
-	protectWalletButtonWrapper: { marginVertical: 8 }
+	protectWalletButtonWrapper: { marginVertical: 8 },
 });
 
 const metamask_name = require('../../../images/metamask-name.png'); // eslint-disable-line
 const metamask_fox = require('../../../images/fox.png'); // eslint-disable-line
 const ICON_IMAGES = {
-	wallet: require('../../../images/wallet-icon.png'),
-	'selected-wallet': require('../../../images/selected-wallet-icon.png')
+	wallet: require('../../../images/wallet-icon.png'), // eslint-disable-line
+	'selected-wallet': require('../../../images/selected-wallet-icon.png'), // eslint-disable-line
 };
 
 /**
@@ -366,7 +366,7 @@ class DrawerView extends PureComponent {
 		/**
 		 * Prompts protect wallet modal
 		 */
-		protectWalletModalVisible: PropTypes.func
+		protectWalletModalVisible: PropTypes.func,
 	};
 
 	state = {
@@ -375,8 +375,8 @@ class DrawerView extends PureComponent {
 			ens: undefined,
 			name: undefined,
 			address: undefined,
-			currentNetwork: undefined
-		}
+			currentNetwork: undefined,
+		},
 	};
 
 	browserSectionRef = React.createRef();
@@ -414,7 +414,7 @@ class DrawerView extends PureComponent {
 					'ManualBackupStep2',
 					'ManualBackupStep3',
 					'Webview',
-					'LockScreen'
+					'LockScreen',
 				].includes(route)
 			) {
 				// eslint-disable-next-line react/no-did-update-set-state
@@ -423,7 +423,7 @@ class DrawerView extends PureComponent {
 			}
 			let tokenFound = false;
 
-			this.props.tokens.forEach(token => {
+			this.props.tokens.forEach((token) => {
 				if (this.props.tokenBalances[token.address] && !this.props.tokenBalances[token.address]?.isZero()) {
 					tokenFound = true;
 				}
@@ -459,13 +459,13 @@ class DrawerView extends PureComponent {
 		const accountName = identities[selectedAddress].name;
 		if (currentNetwork !== network || address !== selectedAddress || name !== accountName) {
 			const ens = await doENSReverseLookup(selectedAddress, network.provider.chainId);
-			this.setState(state => ({
+			this.setState((state) => ({
 				account: {
 					ens,
 					name: accountName,
 					currentNetwork: network,
-					address: selectedAddress
-				}
+					address: selectedAddress,
+				},
 			}));
 		}
 	};
@@ -485,7 +485,7 @@ class DrawerView extends PureComponent {
 		this.props.toggleReceiveModal();
 	};
 
-	onNetworksModalClose = async manualClose => {
+	onNetworksModalClose = async (manualClose) => {
 		this.toggleNetworksModal();
 		if (!manualClose) {
 			await this.hideDrawer();
@@ -506,7 +506,7 @@ class DrawerView extends PureComponent {
 		this.toggleReceiveModal();
 	};
 
-	trackEvent = event => {
+	trackEvent = (event) => {
 		InteractionManager.runAfterInteractions(() => {
 			Analytics.trackEvent(event);
 		});
@@ -556,7 +556,7 @@ class DrawerView extends PureComponent {
 		if (!passwordSet) {
 			this.props.navigation.navigate('OnboardingRootNav', {
 				screen: 'OnboardingNav',
-				params: { screen: 'Onboarding' }
+				params: { screen: 'Onboarding' },
 			});
 		} else {
 			this.props.navigation.navigate('Login');
@@ -571,12 +571,12 @@ class DrawerView extends PureComponent {
 				{
 					text: strings('drawer.logout_cancel'),
 					onPress: () => null,
-					style: 'cancel'
+					style: 'cancel',
 				},
 				{
 					text: strings('drawer.logout_ok'),
-					onPress: this.onPress
-				}
+					onPress: this.onPress,
+				},
 			],
 			{ cancelable: false }
 		);
@@ -588,9 +588,9 @@ class DrawerView extends PureComponent {
 			selectedAddress,
 			network,
 			network: {
-				provider: { rpcTarget }
+				provider: { rpcTarget },
 			},
-			frequentRpcList
+			frequentRpcList,
 		} = this.props;
 		if (network.provider.type === RPC) {
 			const blockExplorer = findBlockExplorerForRpc(rpcTarget, frequentRpcList);
@@ -623,14 +623,14 @@ class DrawerView extends PureComponent {
 			screen: 'SimpleWebview',
 			params: {
 				url,
-				title
-			}
+				title,
+			},
 		});
 		this.hideDrawer();
 	}
 
 	hideDrawer() {
-		return new Promise(resolve => {
+		return new Promise((resolve) => {
 			this.props.navigation.dispatch(DrawerActions.closeDrawer());
 			setTimeout(() => {
 				resolve();
@@ -651,13 +651,13 @@ class DrawerView extends PureComponent {
 		this.hideDrawer();
 	};
 
-	hasBlockExplorer = providerType => {
+	hasBlockExplorer = (providerType) => {
 		const { frequentRpcList } = this.props;
 		if (providerType === RPC) {
 			const {
 				network: {
-					provider: { rpcTarget }
-				}
+					provider: { rpcTarget },
+				},
 			} = this.props;
 			const blockExplorer = findBlockExplorerForRpc(rpcTarget, frequentRpcList);
 			if (blockExplorer) {
@@ -702,9 +702,9 @@ class DrawerView extends PureComponent {
 	getSections = () => {
 		const {
 			network: {
-				provider: { type, rpcTarget }
+				provider: { type, rpcTarget },
 			},
-			frequentRpcList
+			frequentRpcList,
 		} = this.props;
 		let blockExplorer, blockExplorerName;
 		if (type === RPC) {
@@ -718,60 +718,60 @@ class DrawerView extends PureComponent {
 					icon: this.getIcon('globe'),
 					selectedIcon: this.getSelectedIcon('globe'),
 					action: this.goToBrowser,
-					routeNames: ['BrowserView', 'AddBookmark']
+					routeNames: ['BrowserView', 'AddBookmark'],
 				},
 				{
 					name: strings('drawer.wallet'),
 					icon: this.getImageIcon('wallet'),
 					selectedIcon: this.getSelectedImageIcon('wallet'),
 					action: this.showWallet,
-					routeNames: ['WalletView', 'Asset', 'AddAsset', 'Collectible']
+					routeNames: ['WalletView', 'Asset', 'AddAsset', 'Collectible'],
 				},
 				{
 					name: strings('drawer.transaction_history'),
 					icon: this.getFeatherIcon('list'),
 					selectedIcon: this.getSelectedFeatherIcon('list'),
 					action: this.goToTransactionHistory,
-					routeNames: ['TransactionsView']
-				}
+					routeNames: ['TransactionsView'],
+				},
 			],
 			[
 				{
 					name: strings('drawer.share_address'),
 					icon: this.getMaterialIcon('share-variant'),
-					action: this.onShare
+					action: this.onShare,
 				},
 				{
 					name:
 						(blockExplorer && `${strings('drawer.view_in')} ${blockExplorerName}`) ||
 						strings('drawer.view_in_etherscan'),
 					icon: this.getIcon('eye'),
-					action: this.viewInEtherscan
-				}
+					action: this.viewInEtherscan,
+				},
 			],
 			[
 				{
 					name: strings('drawer.settings'),
 					icon: this.getFeatherIcon('settings'),
 					warning: strings('drawer.settings_warning_short'),
-					action: this.showSettings
+					action: this.showSettings,
 				},
 				{
 					name: strings('drawer.help'),
 					icon: this.getFeatherIcon('help-circle'),
-					action: this.showHelp
+					action: this.showHelp,
 				},
 				{
 					name: strings('drawer.request_feature'),
 					icon: this.getFeatherIcon('message-square'),
-					action: this.submitFeedback
+					action: this.submitFeedback,
 				},
 				{
 					name: strings('drawer.logout'),
 					icon: this.getFeatherIcon('log-out'),
-					action: this.logout
-				}
-			]
+					action: this.logout,
+				},
+			],
 		];
 	};
 
@@ -784,7 +784,7 @@ class DrawerView extends PureComponent {
 				isVisible: true,
 				autodismiss: 1500,
 				content: 'clipboard-alert',
-				data: { msg: strings('account_details.account_copied_to_clipboard') }
+				data: { msg: strings('account_details.account_copied_to_clipboard') },
 			});
 		});
 	};
@@ -792,12 +792,12 @@ class DrawerView extends PureComponent {
 	onShare = () => {
 		const { selectedAddress } = this.props;
 		Share.open({
-			message: selectedAddress
+			message: selectedAddress,
 		})
 			.then(() => {
 				this.props.protectWalletModalVisible();
 			})
-			.catch(err => {
+			.catch((err) => {
 				Logger.log('Error while trying to share address', err);
 			});
 		this.trackEvent(ANALYTICS_EVENT_OPTS.NAVIGATION_TAPS_SHARE_PUBLIC_ADDRESS);
@@ -807,7 +807,7 @@ class DrawerView extends PureComponent {
 		this.setState({ invalidCustomNetwork: null });
 	};
 
-	showInvalidCustomNetworkAlert = network => {
+	showInvalidCustomNetworkAlert = (network) => {
 		InteractionManager.runAfterInteractions(() => {
 			this.setState({ invalidCustomNetwork: network });
 		});
@@ -818,7 +818,7 @@ class DrawerView extends PureComponent {
 	 */
 	renderOnboardingWizard = () => {
 		const {
-			wizard: { step }
+			wizard: { step },
 		} = this.props;
 		return (
 			step === 5 && <OnboardingWizard navigation={this.props.navigation} coachmarkRef={this.browserSectionRef} />
@@ -871,13 +871,13 @@ class DrawerView extends PureComponent {
 			keyrings,
 			currentCurrency,
 			ticker,
-			seedphraseBackedUp
+			seedphraseBackedUp,
 		} = this.props;
 
 		const {
 			invalidCustomNetwork,
 			showProtectWalletModal,
-			account: { name, ens }
+			account: { name, ens },
 		} = this.state;
 		const account = { address: selectedAddress, ...identities[selectedAddress], ...accounts[selectedAddress] };
 		account.balance = (accounts[selectedAddress] && renderFromWei(accounts[selectedAddress].balance)) || 0;
@@ -978,7 +978,7 @@ class DrawerView extends PureComponent {
 										style={[styles.menuSection, i === 0 ? styles.noTopBorder : null]}
 									>
 										{section
-											.filter(item => {
+											.filter((item) => {
 												if (!item) return undefined;
 												const { name = undefined } = item;
 												if (name && name.toLowerCase().indexOf('etherscan') !== -1) {
@@ -994,7 +994,7 @@ class DrawerView extends PureComponent {
 														styles.menuItem,
 														item.routeNames && item.routeNames.includes(currentRoute)
 															? styles.selectedRoute
-															: null
+															: null,
 													]}
 													ref={
 														item.name === strings('drawer.browser') &&
@@ -1013,7 +1013,7 @@ class DrawerView extends PureComponent {
 															!item.icon ? styles.noIcon : null,
 															item.routeNames && item.routeNames.includes(currentRoute)
 																? styles.selectedName
-																: null
+																: null,
 														]}
 														numberOfLines={1}
 													>
@@ -1097,7 +1097,7 @@ class DrawerView extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	network: state.engine.backgroundState.NetworkController,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
@@ -1114,19 +1114,16 @@ const mapStateToProps = state => ({
 	tokens: state.engine.backgroundState.TokensController.tokens,
 	tokenBalances: state.engine.backgroundState.TokenBalancesController.contractBalances,
 	collectibles: state.engine.backgroundState.CollectiblesController.collectibles,
-	seedphraseBackedUp: state.user.seedphraseBackedUp
+	seedphraseBackedUp: state.user.seedphraseBackedUp,
 });
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
 	toggleNetworkModal: () => dispatch(toggleNetworkModal()),
 	toggleAccountsModal: () => dispatch(toggleAccountsModal()),
 	toggleReceiveModal: () => dispatch(toggleReceiveModal()),
-	showAlert: config => dispatch(showAlert(config)),
-	newAssetTransaction: selectedAsset => dispatch(newAssetTransaction(selectedAsset)),
-	protectWalletModalVisible: () => dispatch(protectWalletModalVisible())
+	showAlert: (config) => dispatch(showAlert(config)),
+	newAssetTransaction: (selectedAsset) => dispatch(newAssetTransaction(selectedAsset)),
+	protectWalletModalVisible: () => dispatch(protectWalletModalVisible()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(DrawerView);
+export default connect(mapStateToProps, mapDispatchToProps)(DrawerView);
diff --git a/app/components/UI/EditGasFee1559/index.js b/app/components/UI/EditGasFee1559/index.js
index daf5aec8c5c..1348dbc5a47 100644
--- a/app/components/UI/EditGasFee1559/index.js
+++ b/app/components/UI/EditGasFee1559/index.js
@@ -34,67 +34,67 @@ const styles = StyleSheet.create({
 		minHeight: 200,
 		maxHeight: '95%',
 		paddingTop: 24,
-		paddingBottom: Device.isIphoneX() ? 32 : 24
+		paddingBottom: Device.isIphoneX() ? 32 : 24,
 	},
 	wrapper: {
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	customGasHeader: {
 		flexDirection: 'row',
 		justifyContent: 'space-between',
 		alignItems: 'center',
 		width: '100%',
-		paddingBottom: 20
+		paddingBottom: 20,
 	},
 	headerContainer: {
 		alignItems: 'center',
-		marginBottom: 22
+		marginBottom: 22,
 	},
 	headerText: {
 		fontSize: 48,
 		flex: 1,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	headerTitle: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	saveButton: {
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	labelTextContainer: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	hitSlop: {
 		top: 10,
 		left: 10,
 		bottom: 10,
-		right: 10
+		right: 10,
 	},
 	labelInfo: {
-		color: colors.grey200
+		color: colors.grey200,
 	},
 	advancedOptionsContainer: {
 		marginTop: 25,
-		marginBottom: 30
+		marginBottom: 30,
 	},
 	advancedOptionsInputsContainer: {
-		marginTop: 14
+		marginTop: 14,
 	},
 	rangeInputContainer: {
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	advancedOptionsButton: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	advancedOptionsIcon: {
 		paddingTop: 1,
-		marginLeft: 5
+		marginLeft: 5,
 	},
 	learnMoreLabels: {
-		marginTop: 9
+		marginTop: 9,
 	},
 	/* Add when the learn more link is ready
 	learnMoreLink: {
@@ -103,28 +103,28 @@ const styles = StyleSheet.create({
 	warningTextContainer: {
 		lineHeight: 20,
 		paddingLeft: 4,
-		flex: 1
+		flex: 1,
 	},
 	warningText: {
 		lineHeight: 20,
-		flex: 1
+		flex: 1,
 	},
 	warningContainer: {
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	dappEditGasContainer: {
-		marginVertical: 20
+		marginVertical: 20,
 	},
 	subheader: {
-		marginBottom: 6
+		marginBottom: 6,
 	},
 	learnMoreModal: {
-		maxHeight: Device.getDeviceHeight() * 0.7
+		maxHeight: Device.getDeviceHeight() * 0.7,
 	},
 	redInfo: {
 		marginLeft: 2,
-		color: colors.red
-	}
+		color: colors.red,
+	},
 });
 
 const EditGasFee1559 = ({
@@ -160,7 +160,7 @@ const EditGasFee1559 = ({
 	onUpdatingValuesStart,
 	onUpdatingValuesEnd,
 	analyticsParams,
-	view
+	view,
 }) => {
 	const [showRangeInfoModal, setShowRangeInfoModal] = useState(false);
 	const [showAdvancedOptions, setShowAdvancedOptions] = useState(!selected);
@@ -169,9 +169,8 @@ const EditGasFee1559 = ({
 	const [showLearnMoreModal, setShowLearnMoreModal] = useState(false);
 	const [selectedOption, setSelectedOption] = useState(selected);
 	const [showInputs, setShowInputs] = useState(!dappSuggestedGas);
-	const [isVisibleTimeEstimateInfoModal, , showTimeEstimateInfoModal, hideTimeEstimateInfoModal] = useModalHandler(
-		false
-	);
+	const [isVisibleTimeEstimateInfoModal, , showTimeEstimateInfoModal, hideTimeEstimateInfoModal] =
+		useModalHandler(false);
 
 	const getAnalyticsParams = useCallback(() => {
 		try {
@@ -180,7 +179,7 @@ const EditGasFee1559 = ({
 				chain_id: chainId,
 				function_type: view,
 				gas_mode: selectedOption ? 'Basic' : 'Advanced',
-				speed_set: selectedOption || undefined
+				speed_set: selectedOption || undefined,
 			};
 		} catch (error) {
 			return {};
@@ -191,11 +190,11 @@ const EditGasFee1559 = ({
 		if (!showAdvancedOptions) {
 			AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.GAS_ADVANCED_OPTIONS_CLICKED, getAnalyticsParams());
 		}
-		setShowAdvancedOptions(showAdvancedOptions => !showAdvancedOptions);
+		setShowAdvancedOptions((showAdvancedOptions) => !showAdvancedOptions);
 	}, [getAnalyticsParams, showAdvancedOptions]);
 
 	const toggleLearnMoreModal = useCallback(() => {
-		setShowLearnMoreModal(showLearnMoreModal => !showLearnMoreModal);
+		setShowLearnMoreModal((showLearnMoreModal) => !showLearnMoreModal);
 	}, []);
 
 	const save = useCallback(() => {
@@ -213,7 +212,7 @@ const EditGasFee1559 = ({
 	);
 
 	const changedMaxPriorityFee = useCallback(
-		value => {
+		(value) => {
 			const lowerValue = new BigNumber(gasOptions?.[warningMinimumEstimateOption]?.suggestedMaxPriorityFeePerGas);
 			const higherValue = new BigNumber(gasOptions?.high?.suggestedMaxPriorityFeePerGas).multipliedBy(
 				new BigNumber(1.5)
@@ -237,7 +236,7 @@ const EditGasFee1559 = ({
 	);
 
 	const changedMaxFeePerGas = useCallback(
-		value => {
+		(value) => {
 			const lowerValue = new BigNumber(gasOptions?.[warningMinimumEstimateOption]?.suggestedMaxFeePerGas);
 			const higherValue = new BigNumber(gasOptions?.high?.suggestedMaxFeePerGas).multipliedBy(new BigNumber(1.5));
 
@@ -258,7 +257,7 @@ const EditGasFee1559 = ({
 	);
 
 	const changedGasLimit = useCallback(
-		value => {
+		(value) => {
 			const newGas = { ...gasFee, suggestedGasLimit: value };
 			changeGas(newGas, null);
 		},
@@ -266,7 +265,7 @@ const EditGasFee1559 = ({
 	);
 
 	const selectOption = useCallback(
-		option => {
+		(option) => {
 			setSelectedOption(option);
 			setMaxFeeError('');
 			setMaxPriorityFeeError('');
@@ -275,14 +274,14 @@ const EditGasFee1559 = ({
 		[changeGas, gasOptions]
 	);
 
-	const shouldIgnore = useCallback(option => ignoreOptions.find(item => item === option), [ignoreOptions]);
+	const shouldIgnore = useCallback((option) => ignoreOptions.find((item) => item === option), [ignoreOptions]);
 
 	const renderOptions = useMemo(
 		() =>
 			[
 				{ name: AppConstants.GAS_OPTIONS.LOW, label: strings('edit_gas_fee_eip1559.low') },
 				{ name: AppConstants.GAS_OPTIONS.MEDIUM, label: strings('edit_gas_fee_eip1559.medium') },
-				{ name: AppConstants.GAS_OPTIONS.HIGH, label: strings('edit_gas_fee_eip1559.high') }
+				{ name: AppConstants.GAS_OPTIONS.HIGH, label: strings('edit_gas_fee_eip1559.high') },
 			]
 				.filter(({ name }) => !shouldIgnore(name))
 				.map(({ name, label, ...option }) => ({
@@ -294,7 +293,7 @@ const EditGasFee1559 = ({
 					),
 					topLabel: recommended?.name === name && recommended.render,
 					...option,
-					...extendOptions[name]
+					...extendOptions[name],
 				})),
 		[recommended, extendOptions, shouldIgnore]
 	);
@@ -645,7 +644,7 @@ const EditGasFee1559 = ({
 EditGasFee1559.defaultProps = {
 	ignoreOptions: [],
 	warningMinimumEstimateOption: AppConstants.GAS_OPTIONS.LOW,
-	suggestedEstimateOption: AppConstants.GAS_OPTIONS.MEDIUM
+	suggestedEstimateOption: AppConstants.GAS_OPTIONS.MEDIUM,
 };
 
 EditGasFee1559.propTypes = {
@@ -780,7 +779,7 @@ EditGasFee1559.propTypes = {
 	/**
 	 * (For analytics purposes) View (Approve, Transfer, Confirm) where this component is being used
 	 */
-	view: PropTypes.string.isRequired
+	view: PropTypes.string.isRequired,
 };
 
 export default EditGasFee1559;
diff --git a/app/components/UI/EditGasFee1559/index.test.js b/app/components/UI/EditGasFee1559/index.test.js
index 4e39c5668af..1fb99cc60b5 100644
--- a/app/components/UI/EditGasFee1559/index.test.js
+++ b/app/components/UI/EditGasFee1559/index.test.js
@@ -10,7 +10,7 @@ describe('EditGasFee1559', () => {
 					maxWaitTimeEstimate: 150000,
 					minWaitTimeEstimate: 0,
 					suggestedMaxFeePerGas: '50',
-					suggestedMaxPriorityFeePerGas: '2'
+					suggestedMaxPriorityFeePerGas: '2',
 				}}
 			/>
 		);
diff --git a/app/components/UI/EditGasFeeLegacy/index.js b/app/components/UI/EditGasFeeLegacy/index.js
index a6d02e4da2a..ba1004c2435 100644
--- a/app/components/UI/EditGasFeeLegacy/index.js
+++ b/app/components/UI/EditGasFeeLegacy/index.js
@@ -33,71 +33,71 @@ const styles = StyleSheet.create({
 		minHeight: 200,
 		maxHeight: '95%',
 		paddingTop: 24,
-		paddingBottom: Device.isIphoneX() ? 32 : 24
+		paddingBottom: Device.isIphoneX() ? 32 : 24,
 	},
 	wrapper: {
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	customGasHeader: {
 		flexDirection: 'row',
 		justifyContent: 'space-between',
 		alignItems: 'center',
 		width: '100%',
-		paddingBottom: 20
+		paddingBottom: 20,
 	},
 	headerContainer: {
 		alignItems: 'center',
-		marginBottom: 22
+		marginBottom: 22,
 	},
 	headerText: {
-		fontSize: 48
+		fontSize: 48,
 	},
 	headerTitle: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	headerTitleSide: {
-		flex: 1
+		flex: 1,
 	},
 	labelTextContainer: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	hitSlop: {
 		top: 10,
 		left: 10,
 		bottom: 10,
-		right: 10
+		right: 10,
 	},
 	labelInfo: {
-		color: colors.grey200
+		color: colors.grey200,
 	},
 	advancedOptionsContainer: {
 		marginTop: 25,
-		marginBottom: 30
+		marginBottom: 30,
 	},
 	advancedOptionsInputsContainer: {
-		marginTop: 14
+		marginTop: 14,
 	},
 	rangeInputContainer: {
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	advancedOptionsButton: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	advancedOptionsIcon: {
 		paddingTop: 1,
-		marginLeft: 5
+		marginLeft: 5,
 	},
 	warningTextContainer: {
 		paddingLeft: 4,
 		lineHeight: 20,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	warningText: {
-		lineHeight: 20
-	}
+		lineHeight: 20,
+	},
 });
 
 const EditGasFeeLegacy = ({
@@ -123,7 +123,7 @@ const EditGasFeeLegacy = ({
 	animateOnChange,
 	isAnimating,
 	analyticsParams,
-	view
+	view,
 }) => {
 	const onlyAdvanced = gasEstimateType !== GAS_ESTIMATE_TYPES.LEGACY;
 	const [showRangeInfoModal, setShowRangeInfoModal] = useState(false);
@@ -138,7 +138,7 @@ const EditGasFeeLegacy = ({
 				chain_id: chainId,
 				function_type: view,
 				gas_mode: selectedOption ? 'Basic' : 'Advanced',
-				speed_set: selectedOption || undefined
+				speed_set: selectedOption || undefined,
 			};
 		} catch (error) {
 			return {};
@@ -149,7 +149,7 @@ const EditGasFeeLegacy = ({
 		if (!showAdvancedOptions) {
 			AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.GAS_ADVANCED_OPTIONS_CLICKED, getAnalyticsParams());
 		}
-		setShowAdvancedOptions(showAdvancedOptions => !showAdvancedOptions);
+		setShowAdvancedOptions((showAdvancedOptions) => !showAdvancedOptions);
 	}, [getAnalyticsParams, showAdvancedOptions]);
 
 	const save = useCallback(() => {
@@ -167,7 +167,7 @@ const EditGasFeeLegacy = ({
 	);
 
 	const changedGasPrice = useCallback(
-		value => {
+		(value) => {
 			const lowerValue = new BigNumber(
 				gasEstimateType === GAS_ESTIMATE_TYPES.LEGACY
 					? gasOptions?.[warningMinimumEstimateOption]
@@ -195,7 +195,7 @@ const EditGasFeeLegacy = ({
 	);
 
 	const changedGasLimit = useCallback(
-		value => {
+		(value) => {
 			const newGas = { ...gasFee, suggestedGasLimit: value };
 
 			changeGas(newGas, null);
@@ -204,7 +204,7 @@ const EditGasFeeLegacy = ({
 	);
 
 	const selectOption = useCallback(
-		option => {
+		(option) => {
 			setGasPriceError('');
 			setSelectedOption(option);
 			changeGas({ ...gasFee, suggestedGasPrice: gasOptions[option] }, option);
@@ -212,14 +212,14 @@ const EditGasFeeLegacy = ({
 		[changeGas, gasFee, gasOptions]
 	);
 
-	const shouldIgnore = useCallback(option => ignoreOptions.find(item => item === option), [ignoreOptions]);
+	const shouldIgnore = useCallback((option) => ignoreOptions.find((item) => item === option), [ignoreOptions]);
 
 	const renderOptions = useMemo(
 		() =>
 			[
 				{ name: AppConstants.GAS_OPTIONS.LOW, label: strings('edit_gas_fee_eip1559.low') },
 				{ name: AppConstants.GAS_OPTIONS.MEDIUM, label: strings('edit_gas_fee_eip1559.medium') },
-				{ name: AppConstants.GAS_OPTIONS.HIGH, label: strings('edit_gas_fee_eip1559.high') }
+				{ name: AppConstants.GAS_OPTIONS.HIGH, label: strings('edit_gas_fee_eip1559.high') },
 			]
 				.filter(({ name }) => !shouldIgnore(name))
 				.map(({ name, label, ...option }) => ({
@@ -231,7 +231,7 @@ const EditGasFeeLegacy = ({
 					),
 					topLabel: recommended?.name === name && recommended.render,
 					...option,
-					...extendOptions[name]
+					...extendOptions[name],
 				})),
 		[recommended, extendOptions, shouldIgnore]
 	);
@@ -458,7 +458,7 @@ const EditGasFeeLegacy = ({
 
 EditGasFeeLegacy.defaultProps = {
 	ignoreOptions: [],
-	warningMinimumEstimateOption: AppConstants.GAS_OPTIONS.LOW
+	warningMinimumEstimateOption: AppConstants.GAS_OPTIONS.LOW,
 };
 
 EditGasFeeLegacy.propTypes = {
@@ -553,7 +553,7 @@ EditGasFeeLegacy.propTypes = {
 	/**
 	 * (For analytics purposes) View (Approve, Transfer, Confirm) where this component is being used
 	 */
-	view: PropTypes.string.isRequired
+	view: PropTypes.string.isRequired,
 };
 
 export default EditGasFeeLegacy;
diff --git a/app/components/UI/EditGasFeeLegacy/index.test.js b/app/components/UI/EditGasFeeLegacy/index.test.js
index 90d5ecdb08f..ce8eff7b70e 100644
--- a/app/components/UI/EditGasFeeLegacy/index.test.js
+++ b/app/components/UI/EditGasFeeLegacy/index.test.js
@@ -10,7 +10,7 @@ describe('EditGasFeeLegacy', () => {
 					maxWaitTimeEstimate: 150000,
 					minWaitTimeEstimate: 0,
 					suggestedGasLimit: '21000',
-					suggestedGasPrice: '10'
+					suggestedGasPrice: '10',
 				}}
 			/>
 		);
diff --git a/app/components/UI/EthInput/SelectableAsset/index.js b/app/components/UI/EthInput/SelectableAsset/index.js
index 80f4cb1021c..4cabcb57b5c 100644
--- a/app/components/UI/EthInput/SelectableAsset/index.js
+++ b/app/components/UI/EthInput/SelectableAsset/index.js
@@ -6,20 +6,20 @@ import { fontStyles } from '../../../../styles/common';
 const styles = StyleSheet.create({
 	icon: {
 		paddingTop: 5,
-		paddingRight: 8
+		paddingRight: 8,
 	},
 	option: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	symbol: {
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	balance: {
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	optionContent: {
-		paddingLeft: 8
-	}
+		paddingLeft: 8,
+	},
 });
 
 /**
@@ -43,7 +43,7 @@ export default class SelectableAsset extends PureComponent {
 		/**
 		 * Callback when asset is selected
 		 */
-		icon: PropTypes.object
+		icon: PropTypes.object,
 	};
 
 	render = () => {
diff --git a/app/components/UI/EthInput/index.js b/app/components/UI/EthInput/index.js
index 88dfea2a20a..861f9f26039 100644
--- a/app/components/UI/EthInput/index.js
+++ b/app/components/UI/EthInput/index.js
@@ -13,7 +13,7 @@ import {
 	fiatNumberToWei,
 	isDecimal,
 	weiToFiatNumber,
-	balanceToFiatNumber
+	balanceToFiatNumber,
 } from '../../../util/number';
 import { strings } from '../../../../locales/i18n';
 import TokenImage from '../TokenImage';
@@ -29,7 +29,7 @@ import { toLowerCaseEquals } from '../../../util/general';
 
 const styles = StyleSheet.create({
 	root: {
-		flex: 1
+		flex: 1,
 	},
 	container: {
 		flex: 1,
@@ -40,10 +40,10 @@ const styles = StyleSheet.create({
 		position: 'relative',
 		borderColor: colors.grey100,
 		borderRadius: 4,
-		borderWidth: 1
+		borderWidth: 1,
 	},
 	wrapper: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	input: {
 		...fontStyles.bold,
@@ -55,7 +55,7 @@ const styles = StyleSheet.create({
 		paddingLeft: 0,
 		paddingTop: 0,
 		maxWidth: Device.isSmallDevice() ? '40%' : '70%',
-		minWidth: 35
+		minWidth: 35,
 	},
 	eth: {
 		...fontStyles.bold,
@@ -63,56 +63,56 @@ const styles = StyleSheet.create({
 		fontSize: 16,
 		paddingTop: Device.isAndroid() ? 1 : 0,
 		paddingLeft: Device.isSmallDevice() ? 4 : 10,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	secondaryValue: {
 		...fontStyles.normal,
-		fontSize: 12
+		fontSize: 12,
 	},
 	secondaryCurrency: {
 		...fontStyles.normal,
 		fontSize: 12,
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	secondaryValues: {
 		flexDirection: 'row',
-		maxWidth: '70%'
+		maxWidth: '70%',
 	},
 	split: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	splitNoSecondaryAmount: {
-		top: Device.isAndroid() ? 5 : 8
+		top: Device.isAndroid() ? 5 : 8,
 	},
 	ethContainer: {
 		flex: 1,
 		marginLeft: 6,
 		marginRight: 10,
-		maxWidth: '65%'
+		maxWidth: '65%',
 	},
 	icon: {
 		paddingVertical: Device.isAndroid() ? 8 : 6,
-		marginRight: 10
+		marginRight: 10,
 	},
 	logo: {
 		width: 22,
 		height: 22,
-		borderRadius: 11
+		borderRadius: 11,
 	},
 	actions: {
 		position: 'absolute',
 		right: 10,
 		flexDirection: 'row',
-		top: Device.isAndroid() ? 18 : 15
+		top: Device.isAndroid() ? 18 : 15,
 	},
 	switch: {
 		transform: [{ rotate: '270deg' }],
 		marginVertical: 3,
-		marginHorizontal: Device.isSmallDevice() ? 0 : 3
+		marginHorizontal: Device.isSmallDevice() ? 0 : 3,
 	},
 	scrollContainer: {
 		position: 'relative',
-		maxHeight: 200
+		maxHeight: 200,
 	},
 	optionList: {
 		backgroundColor: colors.white,
@@ -121,12 +121,12 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		paddingHorizontal: 14,
 		paddingVertical: 6,
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	selectableAsset: {
 		flex: 1,
-		paddingVertical: 6
-	}
+		paddingVertical: 6,
+	},
 });
 
 /**
@@ -205,7 +205,7 @@ class EthInput extends PureComponent {
 		/**
 		 * Current provider ticker
 		 */
-		ticker: PropTypes.string
+		ticker: PropTypes.string,
 	};
 
 	state = {
@@ -213,7 +213,7 @@ class EthInput extends PureComponent {
 		assets: undefined,
 		secondaryAmount: undefined,
 		internalPrimaryCurrency: this.props.primaryCurrency,
-		inputEnabled: Device.isIos()
+		inputEnabled: Device.isIos(),
 	};
 
 	/**
@@ -253,11 +253,11 @@ class EthInput extends PureComponent {
 						{
 							name: 'Ether',
 							symbol: 'ETH',
-							isETH: true
+							isETH: true,
 						},
-						...this.props.tokens
+						...this.props.tokens,
 					],
-					readableValue: processedReadableValue
+					readableValue: processedReadableValue,
 				});
 				break;
 			case 'ETHER_TRANSACTION':
@@ -265,29 +265,29 @@ class EthInput extends PureComponent {
 					assets: [
 						{
 							name: 'Ether',
-							symbol: 'ETH'
-						}
+							symbol: 'ETH',
+						},
 					],
-					readableValue: processedReadableValue
+					readableValue: processedReadableValue,
 				});
 				break;
 			case 'INDIVIDUAL_TOKEN_TRANSACTION':
 				this.setState({
 					assets: [transaction.selectedAsset],
-					readableValue: processedReadableValue
+					readableValue: processedReadableValue,
 				});
 				break;
 			case 'INDIVIDUAL_COLLECTIBLE_TRANSACTION':
 				this.setState({
-					assets: [transaction.selectedAsset]
+					assets: [transaction.selectedAsset],
 				});
 				break;
 			case 'CONTRACT_COLLECTIBLE_TRANSACTION': {
-				const collectiblesToShow = collectibles.filter(collectible =>
+				const collectiblesToShow = collectibles.filter((collectible) =>
 					toLowerCaseEquals(collectible.address, transaction.selectedAsset.address)
 				);
 				this.setState({
-					assets: collectiblesToShow
+					assets: collectiblesToShow,
 				});
 				break;
 			}
@@ -307,7 +307,7 @@ class EthInput extends PureComponent {
 	 *
 	 * @param {object} asset - Asset to be selected
 	 */
-	selectAsset = async asset => {
+	selectAsset = async (asset) => {
 		Keyboard.dismiss();
 		const { handleUpdateAsset, onChange, openEthInput } = this.props;
 		openEthInput && openEthInput(false);
@@ -348,7 +348,7 @@ class EthInput extends PureComponent {
 					<CollectibleMedia small collectible={asset} containerStyle={styles.logo} iconStyle={styles.logo} />
 				);
 				return { title, subTitle, icon };
-			}
+			},
 		};
 		let assetType;
 		if (asset.isETH) {
@@ -370,12 +370,12 @@ class EthInput extends PureComponent {
 	renderAssetsList = () => {
 		const { assets } = this.state;
 		const {
-			transaction: { selectedAsset, assetType }
+			transaction: { selectedAsset, assetType },
 		} = this.props;
 		const assetsLists = {
-			ETH: () => assets.filter(asset => asset.symbol !== 'ETH'),
-			ERC20: () => assets.filter(asset => asset.symbol !== selectedAsset.symbol),
-			ERC721: () => assets.filter(asset => asset.tokenId !== selectedAsset.tokenId)
+			ETH: () => assets.filter((asset) => asset.symbol !== 'ETH'),
+			ERC20: () => assets.filter((asset) => asset.symbol !== selectedAsset.symbol),
+			ERC721: () => assets.filter((asset) => asset.tokenId !== selectedAsset.tokenId),
 		};
 		const assetsList = assetsLists[assetType]();
 		return (
@@ -407,7 +407,7 @@ class EthInput extends PureComponent {
 		const {
 			transaction: { selectedAsset, assetType },
 			conversionRate,
-			contractExchangeRates
+			contractExchangeRates,
 		} = this.props;
 		internalPrimaryCurrency = internalPrimaryCurrency || this.state.internalPrimaryCurrency;
 		let processedValue, processedReadableValue;
@@ -427,7 +427,7 @@ class EthInput extends PureComponent {
 				case 'ERC20': {
 					const exchangeRate =
 						selectedAsset && selectedAsset.address && contractExchangeRates[selectedAsset.address];
-					if (internalPrimaryCurrency !== 'ETH' && (exchangeRate && exchangeRate !== 0)) {
+					if (internalPrimaryCurrency !== 'ETH' && exchangeRate && exchangeRate !== 0) {
 						processedValue = fiatNumberToTokenMinimalUnit(
 							readableValue,
 							conversionRate,
@@ -455,12 +455,12 @@ class EthInput extends PureComponent {
 	 * @param {Object} value - Transaction value
 	 * @returns {String} - Readable transaction value depending on primaryCurrency
 	 */
-	processFromValue = value => {
+	processFromValue = (value) => {
 		if (!value) return undefined;
 		const {
 			transaction: { selectedAsset, assetType },
 			conversionRate,
-			contractExchangeRates
+			contractExchangeRates,
 		} = this.props;
 		const { internalPrimaryCurrency } = this.state;
 		let processedReadableValue;
@@ -476,7 +476,7 @@ class EthInput extends PureComponent {
 			case 'ERC20': {
 				const exchangeRate =
 					selectedAsset && selectedAsset.address && contractExchangeRates[selectedAsset.address];
-				if (internalPrimaryCurrency !== 'ETH' && (exchangeRate && exchangeRate !== 0)) {
+				if (internalPrimaryCurrency !== 'ETH' && exchangeRate && exchangeRate !== 0) {
 					processedReadableValue = balanceToFiatNumber(value, conversionRate, exchangeRate).toString();
 				} else {
 					processedReadableValue = renderFromTokenMinimalUnit(value, selectedAsset.decimals);
@@ -489,7 +489,7 @@ class EthInput extends PureComponent {
 	/**
 	 * On value change, callback to props 'onChange' and update 'readableValue'
 	 */
-	onChange = value => {
+	onChange = (value) => {
 		const { onChange } = this.props;
 		value = value && value.replace(/\s+/g, '');
 		const { processedValue } = this.processValue(value && value.replace(',', '.'));
@@ -577,7 +577,7 @@ class EthInput extends PureComponent {
 			contractExchangeRates,
 			conversionRate,
 			transaction: { assetType, selectedAsset, value },
-			ticker
+			ticker,
 		} = this.props;
 		const { internalPrimaryCurrency } = this.state;
 
@@ -651,7 +651,7 @@ class EthInput extends PureComponent {
 						</View>
 					</View>
 				);
-			}
+			},
 		};
 		return assetType && inputs[assetType]();
 	};
@@ -659,15 +659,15 @@ class EthInput extends PureComponent {
 	/**
 	 * Handle change of primary currency
 	 */
-	switchInternalPrimaryCurrency = secondaryAmount => {
+	switchInternalPrimaryCurrency = (secondaryAmount) => {
 		const { internalPrimaryCurrency } = this.state;
 		const primarycurrencies = {
 			ETH: 'Fiat',
-			Fiat: 'ETH'
+			Fiat: 'ETH',
 		};
 		this.setState({
 			readableValue: secondaryAmount,
-			internalPrimaryCurrency: primarycurrencies[internalPrimaryCurrency]
+			internalPrimaryCurrency: primarycurrencies[internalPrimaryCurrency],
 		});
 	};
 
@@ -684,7 +684,7 @@ class EthInput extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
@@ -695,7 +695,7 @@ const mapStateToProps = state => ({
 	collectibles: state.engine.backgroundState.CollectiblesController.collectibles,
 	transaction: getNormalizedTxState(state),
 	primaryCurrency: state.settings.primaryCurrency,
-	ticker: state.engine.backgroundState.NetworkController.provider.ticker
+	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 });
 
 export default connect(mapStateToProps)(EthInput);
diff --git a/app/components/UI/EthereumAddress/index.js b/app/components/UI/EthereumAddress/index.js
index 9919eb697d9..6f6f7783119 100644
--- a/app/components/UI/EthereumAddress/index.js
+++ b/app/components/UI/EthereumAddress/index.js
@@ -22,7 +22,7 @@ class EthereumAddress extends PureComponent {
 		 * Type of formatting for the address
 		 * can be "short" or "full"
 		 */
-		type: PropTypes.string
+		type: PropTypes.string,
 	};
 
 	ens = null;
@@ -32,7 +32,7 @@ class EthereumAddress extends PureComponent {
 
 		this.state = {
 			ensName: null,
-			address: this.formatAddress(address, type)
+			address: this.formatAddress(address, type),
 		};
 	}
 
@@ -74,7 +74,7 @@ class EthereumAddress extends PureComponent {
 
 EthereumAddress.defaultProps = {
 	style: null,
-	type: 'full'
+	type: 'full',
 };
 
 export default EthereumAddress;
diff --git a/app/components/UI/FadeAnimationView/index.js b/app/components/UI/FadeAnimationView/index.js
index 81882112e79..25203f8c2b5 100644
--- a/app/components/UI/FadeAnimationView/index.js
+++ b/app/components/UI/FadeAnimationView/index.js
@@ -11,7 +11,7 @@ const FadeAnimationView = ({
 	valueToWatch,
 	onAnimationStart,
 	onAnimationEnd,
-	animateOnChange
+	animateOnChange,
 }) => {
 	const fadeAnim = useRef(new Animated.Value(1)).current; // Initial value for opacity: 1
 	const [value, setValue] = useState(valueToWatch);
@@ -34,7 +34,7 @@ const FadeAnimationView = ({
 
 		const animationParams = {
 			time: animationTime / 6,
-			useNativeDriver: true
+			useNativeDriver: true,
 		};
 		const animationValueZero = 0;
 		const animationValueAlmost = 0.8;
@@ -43,28 +43,28 @@ const FadeAnimationView = ({
 		Animated.sequence([
 			Animated.timing(fadeAnim, {
 				toValue: animationValueZero,
-				...animationParams
+				...animationParams,
 			}),
 			Animated.timing(fadeAnim, {
 				toValue: animationValueAlmost,
-				...animationParams
+				...animationParams,
 			}),
 			Animated.timing(fadeAnim, {
 				toValue: animationValueZero,
-				...animationParams
+				...animationParams,
 			}),
 			Animated.timing(fadeAnim, {
 				toValue: animationValueAlmost,
-				...animationParams
+				...animationParams,
 			}),
 			Animated.timing(fadeAnim, {
 				toValue: animationValueZero,
-				...animationParams
+				...animationParams,
 			}),
 			Animated.timing(fadeAnim, {
 				toValue: animationValueFinal,
-				...animationParams
-			})
+				...animationParams,
+			}),
 		]).start(() => {
 			animationEnded();
 		});
@@ -90,7 +90,7 @@ const FadeAnimationView = ({
 		<Animated.View // Special animatable View
 			style={{
 				...style,
-				opacity: fadeAnim // Bind opacity to animated value
+				opacity: fadeAnim, // Bind opacity to animated value
 			}}
 			pointerEvents={isAnimating ? 'none' : null}
 		>
@@ -127,7 +127,7 @@ FadeAnimationView.propTypes = {
 	/**
 	 * If the values should animate upon update or not
 	 */
-	animateOnChange: PropTypes.bool
+	animateOnChange: PropTypes.bool,
 };
 
 export default FadeAnimationView;
diff --git a/app/components/UI/FadeOutOverlay/index.js b/app/components/UI/FadeOutOverlay/index.js
index ae791df82be..cf8d67ef044 100644
--- a/app/components/UI/FadeOutOverlay/index.js
+++ b/app/components/UI/FadeOutOverlay/index.js
@@ -11,8 +11,8 @@ const styles = StyleSheet.create({
 		top: 0,
 		bottom: 0,
 		left: 0,
-		right: 0
-	}
+		right: 0,
+	},
 });
 
 /**
@@ -21,11 +21,11 @@ const styles = StyleSheet.create({
 export default class FadeOutOverlay extends PureComponent {
 	static propTypes = {
 		style: PropTypes.any,
-		duration: PropTypes.number
+		duration: PropTypes.number,
 	};
 
 	state = {
-		done: false
+		done: false,
 	};
 
 	opacity = new Animated.Value(1);
@@ -35,7 +35,7 @@ export default class FadeOutOverlay extends PureComponent {
 			toValue: 0,
 			duration: this.props.duration,
 			useNativeDriver: true,
-			isInteraction: false
+			isInteraction: false,
 		}).start(() => {
 			this.setState({ done: true });
 		});
@@ -49,5 +49,5 @@ export default class FadeOutOverlay extends PureComponent {
 
 FadeOutOverlay.defaultProps = {
 	style: null,
-	duration: Device.isAndroid() ? 300 : 300
+	duration: Device.isAndroid() ? 300 : 300,
 };
diff --git a/app/components/UI/FadeView/index.js b/app/components/UI/FadeView/index.js
index 28f0c0dde2e..3b803ba97f9 100644
--- a/app/components/UI/FadeView/index.js
+++ b/app/components/UI/FadeView/index.js
@@ -21,13 +21,13 @@ export default class FadeView extends PureComponent {
 		/**
 		 * Styles to be applied to the FadeView
 		 */
-		style: ViewPropTypes.style
+		style: ViewPropTypes.style,
 	};
 
 	constructor(props) {
 		super(props);
 		this.state = {
-			visible: props.visible
+			visible: props.visible,
 		};
 		this.visibility = new Animated.Value(props.visible ? 1 : 0);
 	}
@@ -45,7 +45,7 @@ export default class FadeView extends PureComponent {
 			toValue: this.props.visible ? 1 : 0,
 			duration: 300,
 			useNativeDriver: true,
-			isInteraction: false
+			isInteraction: false,
 		}).start(() => {
 			if (this.props.visible !== this.state.visible) {
 				setTimeout(() => {
@@ -61,8 +61,8 @@ export default class FadeView extends PureComponent {
 		const containerStyle = {
 			opacity: this.visibility.interpolate({
 				inputRange: [0, 1],
-				outputRange: [0, 1]
-			})
+				outputRange: [0, 1],
+			}),
 		};
 
 		const combinedStyle = [containerStyle, style];
diff --git a/app/components/UI/FiatOrders/PaymentMethodApplePay/index.js b/app/components/UI/FiatOrders/PaymentMethodApplePay/index.js
index cd2ec427ce8..03272478bbf 100644
--- a/app/components/UI/FiatOrders/PaymentMethodApplePay/index.js
+++ b/app/components/UI/FiatOrders/PaymentMethodApplePay/index.js
@@ -17,7 +17,7 @@ import {
 	useWyreTerms,
 	useWyreRates,
 	useWyreApplePay,
-	WyreException
+	WyreException,
 } from '../orderProcessor/wyreApplePay';
 import { FIAT_ORDER_PROVIDERS, PAYMENT_CATEGORY, PAYMENT_RAILS } from '../../../../constants/on-ramp';
 
@@ -37,45 +37,45 @@ import { addFiatOrder, fiatOrdersCountrySelector, setFiatOrdersCountry } from '.
 const styles = StyleSheet.create({
 	screen: {
 		flexGrow: 1,
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	selectors: {
 		flexDirection: 'row',
 		marginTop: Device.isIphone5() ? 12 : 18,
 		marginHorizontal: 25,
 		justifyContent: 'space-between',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	spacer: {
-		minWidth: 8
+		minWidth: 8,
 	},
 	amountContainer: {
 		margin: Device.isIphone5() ? 0 : 12,
 		padding: Device.isMediumDevice() ? (Device.isIphone5() ? 5 : 10) : 15,
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	amount: {
 		...fontStyles.light,
 		color: colors.black,
 		fontSize: Device.isIphone5() ? 48 : 48,
-		height: Device.isIphone5() ? 50 : 60
+		height: Device.isIphone5() ? 50 : 60,
 	},
 	amountDescription: {
-		minHeight: 22
+		minHeight: 22,
 	},
 	amountError: {
-		color: colors.red
+		color: colors.red,
 	},
 	content: {
 		flexGrow: 1,
-		justifyContent: 'space-around'
+		justifyContent: 'space-around',
 	},
 	quickAmounts: {
 		flexDirection: 'row',
 		alignItems: 'center',
 		justifyContent: 'space-around',
-		marginHorizontal: 70
+		marginHorizontal: 70,
 	},
 	quickAmount: {
 		borderRadius: 18,
@@ -84,38 +84,38 @@ const styles = StyleSheet.create({
 		paddingVertical: 5,
 		paddingHorizontal: 8,
 		alignItems: 'center',
-		minWidth: 49
+		minWidth: 49,
 	},
 	quickAmountPlaceholder: {
 		backgroundColor: colors.grey000,
-		borderColor: colors.grey000
+		borderColor: colors.grey000,
 	},
 	quickAmountSelected: {
 		backgroundColor: colors.blue,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	quickAmountSelectedText: {
-		color: colors.white
+		color: colors.white,
 	},
 	buttonContainer: {
-		paddingBottom: 20
+		paddingBottom: 20,
 	},
 	applePayButton: {
 		backgroundColor: colors.black,
 		padding: 10,
 		margin: Device.isIphone5() ? 5 : 10,
 		marginHorizontal: 25,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	applePayButtonText: {
-		color: colors.white
+		color: colors.white,
 	},
 	applePayButtonContentDisabled: {
-		opacity: 0.6
+		opacity: 0.6,
 	},
 	applePayLogo: {
-		marginLeft: 4
-	}
+		marginLeft: 4,
+	},
 });
 
 /* eslint-disable import/no-commonjs */
@@ -125,7 +125,7 @@ const ApplePay = ({ disabled }) => (
 );
 
 ApplePay.propTypes = {
-	disabled: PropTypes.bool
+	disabled: PropTypes.bool,
 };
 
 const QuickAmount = ({ amount, current, currencySymbol, placeholder, ...props }) => {
@@ -151,7 +151,7 @@ QuickAmount.propTypes = {
 	amount: PropTypes.string,
 	current: PropTypes.string,
 	currencySymbol: PropTypes.string,
-	placeholder: PropTypes.bool
+	placeholder: PropTypes.bool,
 };
 
 //* Constants */
@@ -175,13 +175,15 @@ function PaymentMethodApplePay({
 	selectedCountry,
 	addOrder,
 	setFiatOrdersCountry,
-	protectWalletModalVisible
+	protectWalletModalVisible,
 }) {
 	const navigation = useNavigation();
 	const [amount, setAmount] = useState('0');
-	const { symbol: currencySymbol, decimalSeparator, currency: selectedCurrency } = useCountryCurrency(
-		selectedCountry
-	);
+	const {
+		symbol: currencySymbol,
+		decimalSeparator,
+		currency: selectedCurrency,
+	} = useCountryCurrency(selectedCountry);
 	const amountWithPeriod = useMemo(() => amount.replace(decimalSeparator, '.'), [amount, decimalSeparator]);
 	const roundAmount = useMemo(
 		() =>
@@ -202,7 +204,7 @@ function PaymentMethodApplePay({
 			return [];
 		}
 		const quickAmounts = selectedCountry === US ? US_QUICK_AMOUNTS : NON_US_QUICK_AMOUNTS;
-		return quickAmounts.map(amount => String(Math.ceil(amount * ratesUSD[selectedCurrency])));
+		return quickAmounts.map((amount) => String(Math.ceil(amount * ratesUSD[selectedCurrency])));
 	}, [ratesUSD, selectedCountry, selectedCurrency]);
 
 	const [minAmount, maxAmount] = useMemo(() => {
@@ -211,7 +213,7 @@ function PaymentMethodApplePay({
 		}
 		const minMaxAmounts =
 			selectedCountry === US ? [US_MIN_AMOUNT, US_MAX_AMOUNT] : [NON_US_MIN_AMOUNT, NON_US_MAX_AMOUNT];
-		return minMaxAmounts.map(amount => String(Math.ceil(amount * ratesUSD[selectedCurrency])));
+		return minMaxAmounts.map((amount) => String(Math.ceil(amount * ratesUSD[selectedCurrency])));
 	}, [ratesUSD, selectedCountry, selectedCurrency]);
 
 	const isUnderMinimum = (amount !== '0' || Number(roundAmount) !== 0) && Number(roundAmount) < minAmount;
@@ -260,7 +262,7 @@ function PaymentMethodApplePay({
 							fee_in_crypto: { value: order.cryptoFee, anonymous: true },
 							//TODO(on-ramp): {value: fiat_amount_in_usd: '' anonymous: true},
 							order_id: { value: order.id, anonymous: true },
-							'on-ramp_provider': { value: FIAT_ORDER_PROVIDERS.WYRE_APPLE_PAY, anonymous: true }
+							'on-ramp_provider': { value: FIAT_ORDER_PROVIDERS.WYRE_APPLE_PAY, anonymous: true },
 						});
 					});
 				} else {
@@ -271,16 +273,16 @@ function PaymentMethodApplePay({
 			NotificationManager.showSimpleNotification({
 				duration: 5000,
 				title: strings('fiat_on_ramp.notifications.purchase_failed_title', {
-					currency: 'ETH'
+					currency: 'ETH',
 				}),
 				description: `${error instanceof WyreException ? 'Wyre: ' : ''}${error.message}`,
-				status: 'error'
+				status: 'error',
 			});
 			Logger.error(error, 'FiatOrders::WyreApplePayProcessor Error');
 			InteractionManager.runAfterInteractions(() => {
 				AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.ONRAMP_PURCHASE_SUBMISSION_FAILED, {
 					'on-ramp_provider': { value: FIAT_ORDER_PROVIDERS.WYRE_APPLE_PAY, anonymous: true },
-					failure_reason: { value: error.message, anonymous: true }
+					failure_reason: { value: error.message, anonymous: true },
 				});
 			});
 		} finally {
@@ -296,10 +298,10 @@ function PaymentMethodApplePay({
 		ABORTED,
 		addOrder,
 		navigation,
-		protectWalletModalVisible
+		protectWalletModalVisible,
 	]);
 
-	const handleQuickAmountPress = useCallback(amount => setAmount(amount), []);
+	const handleQuickAmountPress = useCallback((amount) => setAmount(amount), []);
 	const handleKeypadChange = useCallback(
 		(value, key) => {
 			if (isOverMaximum && ![KEYS.BACK, KEYS.INITIAL].includes(key)) {
@@ -315,11 +317,11 @@ function PaymentMethodApplePay({
 	);
 
 	const formatCurrency = useCallback(
-		number =>
+		(number) =>
 			Intl.NumberFormat(I18n.locale, {
 				style: 'currency',
 				currency: selectedCurrency,
-				currencyDisplay: 'symbol'
+				currencyDisplay: 'symbol',
 			}).format(number),
 		[selectedCurrency]
 	);
@@ -359,7 +361,7 @@ function PaymentMethodApplePay({
 												amount: (quotation
 													? quotation.destAmount
 													: amountWithPeriod * ratesETH.ETH
-												).toFixed(5)
+												).toFixed(5),
 											})}
 										</>
 									)}
@@ -371,14 +373,14 @@ function PaymentMethodApplePay({
 						{isUnderMinimum && (
 							<Text>
 								{strings('fiat_on_ramp.wyre_minimum_deposit', {
-									amount: `${currencySymbol || ''}${minAmount}`
+									amount: `${currencySymbol || ''}${minAmount}`,
 								})}
 							</Text>
 						)}
 						{isOverMaximum && (
 							<Text style={styles.amountError}>
 								{strings('fiat_on_ramp.wyre_maximum_deposit', {
-									amount: `${currencySymbol || ''}${maxAmount}`
+									amount: `${currencySymbol || ''}${maxAmount}`,
 								})}
 							</Text>
 						)}
@@ -441,7 +443,7 @@ function PaymentMethodApplePay({
 										fee: formatCurrency(
 											quotation.fees[selectedCurrency] +
 												quotation.fees.ETH / quotation.exchangeRate
-										)
+										),
 									})}
 								</Text>
 							</Text>
@@ -490,7 +492,7 @@ PaymentMethodApplePay.propTypes = {
 	/**
 	 * Prompts protect wallet modal
 	 */
-	protectWalletModalVisible: PropTypes.func
+	protectWalletModalVisible: PropTypes.func,
 };
 
 PaymentMethodApplePay.navigationOptions = ({ navigation }) =>
@@ -501,7 +503,7 @@ PaymentMethodApplePay.navigationOptions = ({ navigation }) =>
 				AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.ONRAMP_PURCHASE_EXITED, {
 					payment_rails: PAYMENT_RAILS.APPLE_PAY,
 					payment_category: PAYMENT_CATEGORY.CARD_PAYMENT,
-					'on-ramp_provider': FIAT_ORDER_PROVIDERS.WYRE_APPLE_PAY
+					'on-ramp_provider': FIAT_ORDER_PROVIDERS.WYRE_APPLE_PAY,
 				});
 			});
 		},
@@ -512,20 +514,17 @@ PaymentMethodApplePay.navigationOptions = ({ navigation }) =>
 		}
 	);
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	lockTime: state.settings.lockTime,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 	network: state.engine.backgroundState.NetworkController.network,
-	selectedCountry: fiatOrdersCountrySelector(state)
+	selectedCountry: fiatOrdersCountrySelector(state),
 });
 
-const mapDispatchToProps = dispatch => ({
-	setLockTime: time => dispatch(setLockTime(time)),
-	addOrder: order => dispatch(addFiatOrder(order)),
-	setFiatOrdersCountry: countryCode => dispatch(setFiatOrdersCountry(countryCode)),
-	protectWalletModalVisible: () => dispatch(protectWalletModalVisible())
+const mapDispatchToProps = (dispatch) => ({
+	setLockTime: (time) => dispatch(setLockTime(time)),
+	addOrder: (order) => dispatch(addFiatOrder(order)),
+	setFiatOrdersCountry: (countryCode) => dispatch(setFiatOrdersCountry(countryCode)),
+	protectWalletModalVisible: () => dispatch(protectWalletModalVisible()),
 });
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(PaymentMethodApplePay);
+export default connect(mapStateToProps, mapDispatchToProps)(PaymentMethodApplePay);
diff --git a/app/components/UI/FiatOrders/PaymentMethodSelector/index.android.js b/app/components/UI/FiatOrders/PaymentMethodSelector/index.android.js
index d740f776d1a..d7fb61bbe26 100644
--- a/app/components/UI/FiatOrders/PaymentMethodSelector/index.android.js
+++ b/app/components/UI/FiatOrders/PaymentMethodSelector/index.android.js
@@ -31,12 +31,12 @@ function PaymentMethodSelectorView({
 		const goToTransakFlow = () =>
 			navigation.navigate('TransakFlow', {
 				url: transakURL,
-				title: strings('fiat_on_ramp.transak_webview_title')
+				title: strings('fiat_on_ramp.transak_webview_title'),
 			});
 
 		if (!gasEducationCarouselSeen) {
 			navigation.navigate('GasEducationCarousel', {
-				navigateTo: goToTransakFlow
+				navigateTo: goToTransakFlow,
 			});
 			setGasEducationCarouselSeen();
 		} else {
@@ -48,7 +48,7 @@ function PaymentMethodSelectorView({
 				AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.ONRAMP_PURCHASE_STARTED, {
 					payment_rails: PAYMENT_RAILS.MULTIPLE,
 					payment_category: PAYMENT_CATEGORY.MULTIPLE,
-					'on-ramp_provider': FIAT_ORDER_PROVIDERS.TRANSAK
+					'on-ramp_provider': FIAT_ORDER_PROVIDERS.TRANSAK,
 				});
 			});
 			Analytics.trackEvent(ANALYTICS_EVENT_OPTS.PAYMENTS_SELECTS_DEBIT_OR_ACH);
@@ -66,7 +66,7 @@ function PaymentMethodSelectorView({
 PaymentMethodSelectorView.propTypes = {
 	selectedAddress: PropTypes.string.isRequired,
 	gasEducationCarouselSeen: PropTypes.bool,
-	setGasEducationCarouselSeen: PropTypes.func
+	setGasEducationCarouselSeen: PropTypes.func,
 };
 
 PaymentMethodSelectorView.navigationOptions = ({ navigation }) =>
@@ -76,16 +76,13 @@ PaymentMethodSelectorView.navigationOptions = ({ navigation }) =>
 		});
 	});
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
-	gasEducationCarouselSeen: state.user.gasEducationCarouselSeen
+	gasEducationCarouselSeen: state.user.gasEducationCarouselSeen,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setGasEducationCarouselSeen: () => dispatch(setGasEducationCarouselSeen())
+const mapDispatchToProps = (dispatch) => ({
+	setGasEducationCarouselSeen: () => dispatch(setGasEducationCarouselSeen()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(PaymentMethodSelectorView);
+export default connect(mapStateToProps, mapDispatchToProps)(PaymentMethodSelectorView);
diff --git a/app/components/UI/FiatOrders/PaymentMethodSelector/index.ios.js b/app/components/UI/FiatOrders/PaymentMethodSelector/index.ios.js
index 9438034092c..7fd4f342774 100644
--- a/app/components/UI/FiatOrders/PaymentMethodSelector/index.ios.js
+++ b/app/components/UI/FiatOrders/PaymentMethodSelector/index.ios.js
@@ -38,7 +38,7 @@ function PaymentMethodSelectorView({
 		const goToApplePay = () => navigation.navigate('PaymentMethodApplePay');
 		if (!gasEducationCarouselSeen) {
 			navigation.navigate('GasEducationCarousel', {
-				navigateTo: goToApplePay
+				navigateTo: goToApplePay,
 			});
 			setGasEducationCarouselSeen();
 		} else {
@@ -49,7 +49,7 @@ function PaymentMethodSelectorView({
 			AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.ONRAMP_PURCHASE_STARTED, {
 				payment_rails: PAYMENT_RAILS.APPLE_PAY,
 				payment_category: PAYMENT_CATEGORY.CARD_PAYMENT,
-				'on-ramp_provider': FIAT_ORDER_PROVIDERS.WYRE_APPLE_PAY
+				'on-ramp_provider': FIAT_ORDER_PROVIDERS.WYRE_APPLE_PAY,
 			});
 			Analytics.trackEvent(ANALYTICS_EVENT_OPTS.PAYMENTS_SELECTS_APPLE_PAY);
 		});
@@ -59,12 +59,12 @@ function PaymentMethodSelectorView({
 		const goToTransakFlow = () =>
 			navigation.navigate('TransakFlow', {
 				url: transakURL,
-				title: strings('fiat_on_ramp.transak_webview_title')
+				title: strings('fiat_on_ramp.transak_webview_title'),
 			});
 
 		if (!gasEducationCarouselSeen) {
 			navigation.navigate('GasEducationCarousel', {
-				navigateTo: goToTransakFlow
+				navigateTo: goToTransakFlow,
 			});
 			setGasEducationCarouselSeen();
 		} else {
@@ -75,7 +75,7 @@ function PaymentMethodSelectorView({
 			AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.ONRAMP_PURCHASE_STARTED, {
 				payment_rails: PAYMENT_RAILS.MULTIPLE,
 				payment_category: PAYMENT_CATEGORY.MULTIPLE,
-				'on-ramp_provider': FIAT_ORDER_PROVIDERS.TRANSAK
+				'on-ramp_provider': FIAT_ORDER_PROVIDERS.TRANSAK,
 			});
 			Analytics.trackEvent(ANALYTICS_EVENT_OPTS.PAYMENTS_SELECTS_DEBIT_OR_ACH);
 		});
@@ -114,7 +114,7 @@ PaymentMethodSelectorView.propTypes = {
 	selectedAddress: PropTypes.string.isRequired,
 	network: PropTypes.string.isRequired,
 	gasEducationCarouselSeen: PropTypes.bool,
-	setGasEducationCarouselSeen: PropTypes.func
+	setGasEducationCarouselSeen: PropTypes.func,
 };
 
 PaymentMethodSelectorView.navigationOptions = ({ navigation }) =>
@@ -124,17 +124,14 @@ PaymentMethodSelectorView.navigationOptions = ({ navigation }) =>
 		});
 	});
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 	network: state.engine.backgroundState.NetworkController.network,
-	gasEducationCarouselSeen: state.user.gasEducationCarouselSeen
+	gasEducationCarouselSeen: state.user.gasEducationCarouselSeen,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setGasEducationCarouselSeen: () => dispatch(setGasEducationCarouselSeen())
+const mapDispatchToProps = (dispatch) => ({
+	setGasEducationCarouselSeen: () => dispatch(setGasEducationCarouselSeen()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(PaymentMethodSelectorView);
+export default connect(mapStateToProps, mapDispatchToProps)(PaymentMethodSelectorView);
diff --git a/app/components/UI/FiatOrders/PaymentMethodSelector/transak.js b/app/components/UI/FiatOrders/PaymentMethodSelector/transak.js
index 13846c553ec..834af7acd94 100644
--- a/app/components/UI/FiatOrders/PaymentMethodSelector/transak.js
+++ b/app/components/UI/FiatOrders/PaymentMethodSelector/transak.js
@@ -13,28 +13,28 @@ import useModalHandler from '../../../Base/hooks/useModalHandler';
 const styles = StyleSheet.create({
 	title: {
 		flex: 1,
-		flexWrap: 'wrap'
+		flexWrap: 'wrap',
 	},
 	logo: {
 		marginVertical: 5,
 		aspectRatio: 95 / 25,
 		width: Device.isIphone5() ? 80 : 95,
 		height: Device.isIphone5() ? 20 : 25,
-		marginLeft: 5
+		marginLeft: 5,
 	},
 	cta: {
 		marginTop: 25,
-		marginBottom: 5
+		marginBottom: 5,
 	},
 	countryList: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	countryCol: {
-		width: '50%'
+		width: '50%',
 	},
 	spacer: {
-		marginVertical: 5
-	}
+		marginVertical: 5,
+	},
 });
 
 // eslint-disable-next-line import/no-commonjs
@@ -155,10 +155,10 @@ const TransakPaymentMethod = ({ onPress }) => {
 };
 
 TransakPaymentMethod.propTypes = {
-	onPress: PropTypes.func
+	onPress: PropTypes.func,
 };
 TransakPaymentMethod.defaultProps = {
-	onPress: undefined
+	onPress: undefined,
 };
 
 export default TransakPaymentMethod;
diff --git a/app/components/UI/FiatOrders/PaymentMethodSelector/wyreApplePay.js b/app/components/UI/FiatOrders/PaymentMethodSelector/wyreApplePay.js
index 7ece8c3dd1f..9536b88303f 100644
--- a/app/components/UI/FiatOrders/PaymentMethodSelector/wyreApplePay.js
+++ b/app/components/UI/FiatOrders/PaymentMethodSelector/wyreApplePay.js
@@ -15,22 +15,22 @@ import { ScrollView } from 'react-native-gesture-handler';
 const styles = StyleSheet.create({
 	title: {
 		flex: 1,
-		flexWrap: 'wrap'
+		flexWrap: 'wrap',
 	},
 	applePay: {
 		marginVertical: 3,
 		marginLeft: 5,
-		marginBottom: '-3%'
+		marginBottom: '-3%',
 	},
 	countryList: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	countryCol: {
-		width: '50%'
+		width: '50%',
 	},
 	spacer: {
-		marginVertical: 5
-	}
+		marginVertical: 5,
+	},
 });
 
 /* eslint-disable import/no-commonjs */
@@ -152,9 +152,9 @@ const WyreApplePayPaymentMethod = ({ onPress }) => {
 };
 
 WyreApplePayPaymentMethod.propTypes = {
-	onPress: PropTypes.func
+	onPress: PropTypes.func,
 };
 WyreApplePayPaymentMethod.defaultProps = {
-	onPress: undefined
+	onPress: undefined,
 };
 export default WyreApplePayPaymentMethod;
diff --git a/app/components/UI/FiatOrders/TransakWebView/index.js b/app/components/UI/FiatOrders/TransakWebView/index.js
index d421e21b2d5..4b5b1dbb15f 100644
--- a/app/components/UI/FiatOrders/TransakWebView/index.js
+++ b/app/components/UI/FiatOrders/TransakWebView/index.js
@@ -22,7 +22,7 @@ class TransakWebView extends PureComponent {
 				AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.ONRAMP_PURCHASE_EXITED, {
 					payment_rails: PAYMENT_RAILS.MULTIPLE,
 					payment_category: PAYMENT_CATEGORY.MULTIPLE,
-					'on-ramp_provider': FIAT_ORDER_PROVIDERS.TRANSAK
+					'on-ramp_provider': FIAT_ORDER_PROVIDERS.TRANSAK,
 				});
 			});
 		});
@@ -44,10 +44,10 @@ class TransakWebView extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
-	handleNavigationStateChange = async navState => {
+	handleNavigationStateChange = async (navState) => {
 		if (navState.url.indexOf(AppConstants.FIAT_ORDERS.TRANSAK_REDIRECT_URL) > -1) {
 			const order = handleTransakRedirect(navState.url, this.props.network);
 			this.props.addOrder(order);
@@ -63,7 +63,7 @@ class TransakWebView extends PureComponent {
 					fee_in_crypto: { value: order.cryptoFee, anonymous: true },
 					fiat_amount_in_usd: { value: order.amountInUSD, anonymous: true },
 					order_id: { value: order.id, anonymous: true },
-					'on-ramp_provider': { value: FIAT_ORDER_PROVIDERS.TRANSAK, anonymous: true }
+					'on-ramp_provider': { value: FIAT_ORDER_PROVIDERS.TRANSAK, anonymous: true },
 				});
 				NotificationManager.showSimpleNotification(getNotificationDetails(order));
 			});
@@ -87,16 +87,13 @@ class TransakWebView extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	network: state.engine.backgroundState.NetworkController.network
+const mapStateToProps = (state) => ({
+	network: state.engine.backgroundState.NetworkController.network,
 });
 
-const mapDispatchToProps = dispatch => ({
-	addOrder: order => dispatch(addFiatOrder(order)),
-	protectWalletModalVisible: () => dispatch(protectWalletModalVisible())
+const mapDispatchToProps = (dispatch) => ({
+	addOrder: (order) => dispatch(addFiatOrder(order)),
+	protectWalletModalVisible: () => dispatch(protectWalletModalVisible()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(TransakWebView);
+export default connect(mapStateToProps, mapDispatchToProps)(TransakWebView);
diff --git a/app/components/UI/FiatOrders/components/AccountSelector.js b/app/components/UI/FiatOrders/components/AccountSelector.js
index d606e94adbf..62e2b70215e 100644
--- a/app/components/UI/FiatOrders/components/AccountSelector.js
+++ b/app/components/UI/FiatOrders/components/AccountSelector.js
@@ -11,13 +11,13 @@ import SelectorButton from '../../../Base/SelectorButton';
 
 const styles = StyleSheet.create({
 	selector: {
-		flexShrink: 1
+		flexShrink: 1,
 	},
 	accountText: {
 		flexShrink: 1,
 		marginVertical: 3,
-		marginHorizontal: 5
-	}
+		marginHorizontal: 5,
+	},
 });
 const AccountSelector = ({ toggleAccountsModal, selectedAddress, identities }) => (
 	<SelectorButton onPress={toggleAccountsModal} style={styles.selector}>
@@ -31,18 +31,15 @@ const AccountSelector = ({ toggleAccountsModal, selectedAddress, identities }) =
 AccountSelector.propTypes = {
 	toggleAccountsModal: PropTypes.func.isRequired,
 	selectedAddress: PropTypes.string.isRequired,
-	identities: PropTypes.object.isRequired
+	identities: PropTypes.object.isRequired,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
-	identities: state.engine.backgroundState.PreferencesController.identities
+	identities: state.engine.backgroundState.PreferencesController.identities,
 });
 
-const mapDispatchToProps = dispatch => ({
-	toggleAccountsModal: () => dispatch(toggleAccountsModal())
+const mapDispatchToProps = (dispatch) => ({
+	toggleAccountsModal: () => dispatch(toggleAccountsModal()),
 });
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(AccountSelector);
+export default connect(mapStateToProps, mapDispatchToProps)(AccountSelector);
diff --git a/app/components/UI/FiatOrders/components/CountrySelector.js b/app/components/UI/FiatOrders/components/CountrySelector.js
index 64d82ad12fd..f09be1d9947 100644
--- a/app/components/UI/FiatOrders/components/CountrySelector.js
+++ b/app/components/UI/FiatOrders/components/CountrySelector.js
@@ -11,19 +11,19 @@ import { SUPPORTED_COUNTRIES } from '../orderProcessor/wyreApplePay';
 const styles = StyleSheet.create({
 	flagText: {
 		marginVertical: 3,
-		marginHorizontal: 0
-	}
+		marginHorizontal: 0,
+	},
 });
 
 function CountrySelector({ selectedCountry, setCountry, ...props }) {
 	const [isVisible, , showModal, hideModal] = useModalHandler(false);
 	const countriesArray = useMemo(() => Object.values(SUPPORTED_COUNTRIES), []);
-	const country = useMemo(() => countriesArray.find(country => country.code === selectedCountry), [
-		selectedCountry,
-		countriesArray
-	]);
+	const country = useMemo(
+		() => countriesArray.find((country) => country.code === selectedCountry),
+		[selectedCountry, countriesArray]
+	);
 	const handleCountryPress = useCallback(
-		countryCode => {
+		(countryCode) => {
 			setCountry(countryCode);
 			hideModal();
 		},
@@ -48,7 +48,7 @@ function CountrySelector({ selectedCountry, setCountry, ...props }) {
 
 CountrySelector.propTypes = {
 	selectedCountry: PropTypes.string,
-	setCountry: PropTypes.func.isRequired
+	setCountry: PropTypes.func.isRequired,
 };
 
 export default CountrySelector;
diff --git a/app/components/UI/FiatOrders/components/CountrySelectorModal.js b/app/components/UI/FiatOrders/components/CountrySelectorModal.js
index 7e95f54298b..4ea4c2d8833 100644
--- a/app/components/UI/FiatOrders/components/CountrySelectorModal.js
+++ b/app/components/UI/FiatOrders/components/CountrySelectorModal.js
@@ -7,7 +7,7 @@ import {
 	TextInput,
 	TouchableOpacity,
 	TouchableWithoutFeedback,
-	View
+	View,
 } from 'react-native';
 import Modal from 'react-native-modal';
 import Icon from 'react-native-vector-icons/Ionicons';
@@ -24,12 +24,12 @@ import { colors, fontStyles } from '../../../../styles/common';
 const styles = StyleSheet.create({
 	modal: {
 		margin: 0,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	modalView: {
 		backgroundColor: colors.white,
 		borderTopLeftRadius: 10,
-		borderTopRightRadius: 10
+		borderTopRightRadius: 10,
 	},
 	inputWrapper: {
 		flexDirection: 'row',
@@ -40,36 +40,36 @@ const styles = StyleSheet.create({
 		paddingHorizontal: 5,
 		borderRadius: 5,
 		borderWidth: 1,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	searchIcon: {
-		marginHorizontal: 8
+		marginHorizontal: 8,
 	},
 	input: {
 		...fontStyles.normal,
-		flex: 1
+		flex: 1,
 	},
 	modalTitle: {
 		marginTop: Device.isIphone5() ? 10 : 15,
 		marginBottom: Device.isIphone5() ? 5 : 5,
-		marginHorizontal: 36
+		marginHorizontal: 36,
 	},
 	resultsView: {
 		height: Device.isSmallDevice() ? 130 : 250,
-		marginTop: 10
+		marginTop: 10,
 	},
 	resultRow: {
 		borderTopWidth: StyleSheet.hairlineWidth,
 		borderColor: colors.grey100,
-		paddingHorizontal: 20
+		paddingHorizontal: 20,
 	},
 	flag: {
-		fontSize: 24
+		fontSize: 24,
 	},
 	emptyList: {
 		marginVertical: 10,
-		marginHorizontal: 30
-	}
+		marginHorizontal: 30,
+	},
 });
 
 function CountrySelectorModal({ isVisible, dismiss, countries, onItemPress }) {
@@ -86,7 +86,7 @@ function CountrySelectorModal({ isVisible, dismiss, countries, onItemPress }) {
 				distance: 100,
 				maxPatternLength: 32,
 				minMatchCharLength: 1,
-				keys: ['name', 'currency', 'code', 'label']
+				keys: ['name', 'currency', 'code', 'label'],
 			}),
 		[countries]
 	);
@@ -98,7 +98,7 @@ function CountrySelectorModal({ isVisible, dismiss, countries, onItemPress }) {
 
 	const handleSearchPress = () => searchInput?.current?.focus();
 
-	const handleSearchTextChange = useCallback(text => {
+	const handleSearchTextChange = useCallback((text) => {
 		setSearchString(text);
 		if (list.current) list.current.scrollToOffset({ animated: false, y: 0 });
 	}, []);
@@ -172,7 +172,7 @@ function CountrySelectorModal({ isVisible, dismiss, countries, onItemPress }) {
 					keyboardShouldPersistTaps="always"
 					data={countriesSearchResults}
 					renderItem={renderItem}
-					keyExtractor={item => item.code}
+					keyExtractor={(item) => item.code}
 					ListEmptyComponent={renderEmptyList}
 				/>
 			</SafeAreaView>
@@ -184,7 +184,7 @@ CountrySelectorModal.propTypes = {
 	isVisible: PropTypes.bool,
 	dismiss: PropTypes.func,
 	countries: PropTypes.array,
-	onItemPress: PropTypes.func
+	onItemPress: PropTypes.func,
 };
 
 export default CountrySelectorModal;
diff --git a/app/components/UI/FiatOrders/components/Heading.js b/app/components/UI/FiatOrders/components/Heading.js
index 85fa2e6cdae..14d7b998fb8 100644
--- a/app/components/UI/FiatOrders/components/Heading.js
+++ b/app/components/UI/FiatOrders/components/Heading.js
@@ -4,8 +4,8 @@ import Device from '../../../../util/device';
 
 const style = StyleSheet.create({
 	view: {
-		margin: Device.isIphone5() ? 20 : 30
-	}
+		margin: Device.isIphone5() ? 20 : 30,
+	},
 });
 
 const Heading = ({ ...props }) => <View style={[style.view]} {...props} />;
diff --git a/app/components/UI/FiatOrders/components/InfoIcon.js b/app/components/UI/FiatOrders/components/InfoIcon.js
index 05a77da265d..e5ad4424fb2 100644
--- a/app/components/UI/FiatOrders/components/InfoIcon.js
+++ b/app/components/UI/FiatOrders/components/InfoIcon.js
@@ -6,11 +6,11 @@ import { colors } from '../../../../styles/common';
 
 const styles = StyleSheet.create({
 	icon: {
-		color: colors.grey200
-	}
+		color: colors.grey200,
+	},
 });
 
-const InfoIcon = props => (
+const InfoIcon = (props) => (
 	<IonicIcon
 		name={Device.isAndroid() ? 'md-information-circle' : 'ios-information-circle'}
 		style={styles.icon}
diff --git a/app/components/UI/FiatOrders/components/PaymentMethod/Modal.js b/app/components/UI/FiatOrders/components/PaymentMethod/Modal.js
index 260ed1624be..a5658f2a359 100644
--- a/app/components/UI/FiatOrders/components/PaymentMethod/Modal.js
+++ b/app/components/UI/FiatOrders/components/PaymentMethod/Modal.js
@@ -20,16 +20,16 @@ const styles = StyleSheet.create({
 		shadowColor: colors.black,
 		shadowOffset: {
 			width: 0,
-			height: 5
+			height: 5,
 		},
 		shadowOpacity: 0.36,
 		shadowRadius: 6.68,
-		elevation: 11
+		elevation: 11,
 	},
 	modal: {
 		margin: 0,
 		width: '100%',
-		padding: Device.isIphone5() ? 15 : 25
+		padding: Device.isIphone5() ? 15 : 25,
 	},
 	title: {
 		width: '100%',
@@ -38,15 +38,15 @@ const styles = StyleSheet.create({
 		paddingBottom: 5,
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	closeIcon: {
-		color: colors.black
+		color: colors.black,
 	},
 	body: {
 		width: '100%',
 		paddingVertical: 5,
-		paddingHorizontal: 20
+		paddingHorizontal: 20,
 	},
 	action: {
 		width: '100%',
@@ -55,14 +55,14 @@ const styles = StyleSheet.create({
 		paddingVertical: 15,
 		paddingHorizontal: 20,
 		borderTopWidth: 1,
-		borderTopColor: colors.grey100
+		borderTopColor: colors.grey100,
 	},
 	button: {
-		width: '50%'
-	}
+		width: '50%',
+	},
 });
 
-const CloseIcon = props => <IonicIcon name="ios-close" style={styles.closeIcon} size={30} {...props} />;
+const CloseIcon = (props) => <IonicIcon name="ios-close" style={styles.closeIcon} size={30} {...props} />;
 
 const PaymentMethodModal = ({ isVisible, title, dismiss, children }) => (
 	<Modal
@@ -97,13 +97,13 @@ PaymentMethodModal.propTypes = {
 	isVisible: PropTypes.bool,
 	title: PropTypes.string.isRequired,
 	dismiss: PropTypes.func,
-	children: PropTypes.node
+	children: PropTypes.node,
 };
 
 PaymentMethodModal.defaultProps = {
 	isVisible: false,
 	dismiss: undefined,
-	children: undefined
+	children: undefined,
 };
 
 export default PaymentMethodModal;
diff --git a/app/components/UI/FiatOrders/components/PaymentMethod/index.js b/app/components/UI/FiatOrders/components/PaymentMethod/index.js
index bdcb3a48b14..001bca9dea0 100644
--- a/app/components/UI/FiatOrders/components/PaymentMethod/index.js
+++ b/app/components/UI/FiatOrders/components/PaymentMethod/index.js
@@ -16,19 +16,19 @@ const style = StyleSheet.create({
 		paddingVertical: 15,
 		paddingHorizontal: 20,
 		marginHorizontal: Device.isIphone5() ? 15 : 25,
-		marginVertical: 12
+		marginVertical: 12,
 	},
 	title: {
 		flexDirection: 'row',
 		width: '100%',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	badgeWrapper: {
 		position: 'absolute',
 		alignItems: 'center',
 		top: -14,
 		left: 0,
-		right: 0
+		right: 0,
 	},
 	badge: {
 		fontSize: 12,
@@ -39,18 +39,18 @@ const style = StyleSheet.create({
 		margin: 0,
 		borderRadius: 12,
 		overflow: 'hidden',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	details: {},
 	infoIconLine: {
 		alignItems: 'center',
 		flexDirection: 'row',
-		flexWrap: 'wrap'
+		flexWrap: 'wrap',
 	},
 	infoIcon: {
 		margin: 5,
-		color: colors.grey200
-	}
+		color: colors.grey200,
+	},
 });
 
 const PaymentMethod = ({ onPress, ...props }) => (
@@ -59,25 +59,25 @@ const PaymentMethod = ({ onPress, ...props }) => (
 
 PaymentMethod.propTypes = {
 	onPress: PropTypes.func,
-	children: PropTypes.node
+	children: PropTypes.node,
 };
 
 PaymentMethod.defaultProps = {
 	onPress: undefined,
-	children: undefined
+	children: undefined,
 };
 
-const Badge = props => (
+const Badge = (props) => (
 	<View style={style.badgeWrapper}>
 		<Text style={style.badge} {...props} />
 	</View>
 );
 
-const Title = props => <View style={style.title} {...props} />;
-const Content = props => <View style={style.content} {...props} />;
-const Details = props => <View style={style.details} {...props} />;
-const InfoIconLine = props => <View style={style.infoIconLine} {...props} />;
-const PaymentMethodInfoIcon = props => <InfoIcon size={16} style={style.infoIcon} {...props} />;
+const Title = (props) => <View style={style.title} {...props} />;
+const Content = (props) => <View style={style.content} {...props} />;
+const Details = (props) => <View style={style.details} {...props} />;
+const InfoIconLine = (props) => <View style={style.infoIconLine} {...props} />;
+const PaymentMethodInfoIcon = (props) => <InfoIcon size={16} style={style.infoIcon} {...props} />;
 
 PaymentMethod.Badge = Badge;
 PaymentMethod.Title = Title;
diff --git a/app/components/UI/FiatOrders/components/ScreenView.js b/app/components/UI/FiatOrders/components/ScreenView.js
index 131b716ea7b..fecb1938cd1 100644
--- a/app/components/UI/FiatOrders/components/ScreenView.js
+++ b/app/components/UI/FiatOrders/components/ScreenView.js
@@ -5,11 +5,11 @@ import { colors } from '../../../../styles/common';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
-const ScreenView = props => (
+const ScreenView = (props) => (
 	<SafeAreaView style={styles.wrapper}>
 		<ScrollView {...props} />
 	</SafeAreaView>
diff --git a/app/components/UI/FiatOrders/components/SubHeader.js b/app/components/UI/FiatOrders/components/SubHeader.js
index 532b19f32d7..6b0c90fdc0c 100644
--- a/app/components/UI/FiatOrders/components/SubHeader.js
+++ b/app/components/UI/FiatOrders/components/SubHeader.js
@@ -5,17 +5,17 @@ import Text from '../../../Base/Text';
 
 const style = StyleSheet.create({
 	subHeader: {
-		margin: 5
-	}
+		margin: 5,
+	},
 });
 
 const SubHeader = ({ style: externalStyle, ...props }) => <Text style={[style.subHeader, externalStyle]} {...props} />;
 
 SubHeader.defaultProps = {
-	style: undefined
+	style: undefined,
 };
 SubHeader.propTypes = {
-	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array])
+	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 };
 
 export default SubHeader;
diff --git a/app/components/UI/FiatOrders/components/Title.js b/app/components/UI/FiatOrders/components/Title.js
index ce54b4a5f39..f043136b4bd 100644
--- a/app/components/UI/FiatOrders/components/Title.js
+++ b/app/components/UI/FiatOrders/components/Title.js
@@ -5,8 +5,8 @@ import BaseTitle from '../../../Base/Title';
 
 const style = StyleSheet.create({
 	hero: {
-		margin: 5
-	}
+		margin: 5,
+	},
 });
 
 const Title = ({ style: externalStyle, ...props }) => (
@@ -15,12 +15,12 @@ const Title = ({ style: externalStyle, ...props }) => (
 
 Title.defaultProps = {
 	hero: false,
-	style: undefined
+	style: undefined,
 };
 
 Title.propTypes = {
 	hero: PropTypes.bool,
-	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array])
+	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 };
 
 export default Title;
diff --git a/app/components/UI/FiatOrders/index.js b/app/components/UI/FiatOrders/index.js
index 80bb6456a9a..02dcb99b085 100644
--- a/app/components/UI/FiatOrders/index.js
+++ b/app/components/UI/FiatOrders/index.js
@@ -20,16 +20,16 @@ import processOrder from './orderProcessor';
 const POLLING_FREQUENCY = AppConstants.FIAT_ORDERS.POLLING_FREQUENCY;
 const NOTIFICATION_DURATION = 5000;
 
-export const allowedToBuy = network => network === '1' || (network === '42' && Device.isIos());
+export const allowedToBuy = (network) => network === '1' || (network === '42' && Device.isIos());
 
 const baseNotificationDetails = {
-	duration: NOTIFICATION_DURATION
+	duration: NOTIFICATION_DURATION,
 };
 
 /**
  * @param {FiatOrder} fiatOrder
  */
-export const getAnalyticsPayload = fiatOrder => {
+export const getAnalyticsPayload = (fiatOrder) => {
 	const payload = {
 		fiat_amount: { value: fiatOrder.amount, anonymous: true },
 		fiat_currency: { value: fiatOrder.currency, anonymous: true },
@@ -39,7 +39,7 @@ export const getAnalyticsPayload = fiatOrder => {
 		fee_in_crypto: { value: fiatOrder.cryptoFee, anonymous: true },
 		order_id: { value: fiatOrder.id, anonymous: true },
 		fiat_amount_in_usd: { value: fiatOrder.amountInUSD, anonymous: true },
-		'on-ramp_provider': { value: fiatOrder.provider, anonymous: true }
+		'on-ramp_provider': { value: fiatOrder.provider, anonymous: true },
 	};
 	switch (fiatOrder.state) {
 		case FIAT_ORDER_STATES.FAILED: {
@@ -61,22 +61,22 @@ export const getAnalyticsPayload = fiatOrder => {
 /**
  * @param {FiatOrder} fiatOrder
  */
-export const getNotificationDetails = fiatOrder => {
+export const getNotificationDetails = (fiatOrder) => {
 	switch (fiatOrder.state) {
 		case FIAT_ORDER_STATES.FAILED: {
 			return {
 				...baseNotificationDetails,
 				title: strings('fiat_on_ramp.notifications.purchase_failed_title', {
-					currency: fiatOrder.cryptocurrency
+					currency: fiatOrder.cryptocurrency,
 				}),
-				status: 'error'
+				status: 'error',
 			};
 		}
 		case FIAT_ORDER_STATES.CANCELLED: {
 			return {
 				...baseNotificationDetails,
 				title: strings('fiat_on_ramp.notifications.purchase_cancelled_title'),
-				status: 'cancelled'
+				status: 'cancelled',
 			};
 		}
 		case FIAT_ORDER_STATES.COMPLETED: {
@@ -84,12 +84,12 @@ export const getNotificationDetails = fiatOrder => {
 				...baseNotificationDetails,
 				title: strings('fiat_on_ramp.notifications.purchase_completed_title', {
 					amount: renderNumber(String(fiatOrder.cryptoAmount)),
-					currency: fiatOrder.cryptocurrency
+					currency: fiatOrder.cryptocurrency,
 				}),
 				description: strings('fiat_on_ramp.notifications.purchase_completed_description', {
-					currency: fiatOrder.cryptocurrency
+					currency: fiatOrder.cryptocurrency,
 				}),
-				status: 'success'
+				status: 'success',
 			};
 		}
 		case FIAT_ORDER_STATES.PENDING:
@@ -97,10 +97,10 @@ export const getNotificationDetails = fiatOrder => {
 			return {
 				...baseNotificationDetails,
 				title: strings('fiat_on_ramp.notifications.purchase_pending_title', {
-					currency: fiatOrder.cryptocurrency
+					currency: fiatOrder.cryptocurrency,
 				}),
 				description: strings('fiat_on_ramp.notifications.purchase_pending_description'),
-				status: 'pending'
+				status: 'pending',
 			};
 		}
 	}
@@ -110,7 +110,7 @@ function FiatOrders({ pendingOrders, updateFiatOrder }) {
 	useInterval(
 		async () => {
 			await Promise.all(
-				pendingOrders.map(async order => {
+				pendingOrders.map(async (order) => {
 					const updatedOrder = await processOrder(order);
 					updateFiatOrder(updatedOrder);
 					if (updatedOrder.state !== order.state) {
@@ -135,18 +135,15 @@ FiatOrders.propTypes = {
 	orders: PropTypes.array,
 	selectedAddress: PropTypes.string,
 	network: PropTypes.string,
-	updateFiatOrder: PropTypes.func
+	updateFiatOrder: PropTypes.func,
 };
 
-const mapStateToProps = state => ({
-	pendingOrders: getPendingOrders(state)
+const mapStateToProps = (state) => ({
+	pendingOrders: getPendingOrders(state),
 });
 
-const mapDispatchToProps = dispatch => ({
-	updateFiatOrder: order => dispatch(updateFiatOrder(order))
+const mapDispatchToProps = (dispatch) => ({
+	updateFiatOrder: (order) => dispatch(updateFiatOrder(order)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(FiatOrders);
+export default connect(mapStateToProps, mapDispatchToProps)(FiatOrders);
diff --git a/app/components/UI/FiatOrders/orderProcessor/transak.js b/app/components/UI/FiatOrders/orderProcessor/transak.js
index 9ed86e3328b..874c8e392e5 100644
--- a/app/components/UI/FiatOrders/orderProcessor/transak.js
+++ b/app/components/UI/FiatOrders/orderProcessor/transak.js
@@ -70,13 +70,8 @@ const TRANSAK_API_KEY_SECRET_PRODUCTION = process.env.TRANSAK_API_KEY_SECRET_PRO
 
 //* Constants
 
-const {
-	TRANSAK_URL,
-	TRANSAK_URL_STAGING,
-	TRANSAK_API_URL_STAGING,
-	TRANSAK_API_URL_PRODUCTION,
-	TRANSAK_REDIRECT_URL
-} = AppConstants.FIAT_ORDERS;
+const { TRANSAK_URL, TRANSAK_URL_STAGING, TRANSAK_API_URL_STAGING, TRANSAK_API_URL_PRODUCTION, TRANSAK_REDIRECT_URL } =
+	AppConstants.FIAT_ORDERS;
 
 const isDevelopment = process.env.NODE_ENV !== 'production';
 
@@ -96,17 +91,17 @@ export const TRANSAK_ORDER_STATES = {
 	COMPLETED: 'COMPLETED',
 	EXPIRED: 'EXPIRED',
 	FAILED: 'FAILED',
-	CANCELLED: 'CANCELLED'
+	CANCELLED: 'CANCELLED',
 };
 
 //* API
 
 const transakApi = axios.create({
-	baseURL: TRANSAK_API_BASE_URL
+	baseURL: TRANSAK_API_BASE_URL,
 });
 
 // const getPartnerStatus = () => transakApi.get(`partners/${TRANSAK_API_KEY}`);
-const getOrderStatus = orderId =>
+const getOrderStatus = (orderId) =>
 	transakApi.get(`partners/order/${orderId}`, { params: { partnerAPISecret: TRANSAK_API_KEY_SECRET } });
 
 //* Helpers
@@ -115,7 +110,7 @@ const getOrderStatus = orderId =>
  * Transforms a TransakOrder state into a FiatOrder state
  * @param {TRANSAK_ORDER_STATES} transakOrderState
  */
-const transakOrderStateToFiatOrderState = transakOrderState => {
+const transakOrderStateToFiatOrderState = (transakOrderState) => {
 	switch (transakOrderState) {
 		case TRANSAK_ORDER_STATES.COMPLETED: {
 			return FIAT_ORDER_STATES.COMPLETED;
@@ -142,7 +137,7 @@ const transakOrderStateToFiatOrderState = transakOrderState => {
  * @param {TransakOrder} transakOrder Transak order object
  * @returns {FiatOrder} Fiat order object to store in the state
  */
-const transakOrderToFiatOrder = transakOrder => ({
+const transakOrderToFiatOrder = (transakOrder) => ({
 	id: transakOrder.id,
 	provider: FIAT_ORDER_PROVIDERS.TRANSAK,
 	createdAt: new Date(transakOrder.createdAt).getTime(),
@@ -156,7 +151,7 @@ const transakOrderToFiatOrder = transakOrder => ({
 	state: transakOrderStateToFiatOrderState(transakOrder.status),
 	account: transakOrder.walletAddress,
 	txHash: transakOrder.transactionHash || null,
-	data: transakOrder
+	data: transakOrder,
 });
 
 /**
@@ -164,7 +159,7 @@ const transakOrderToFiatOrder = transakOrder => ({
  * @param {TransakRedirectOrder} transakRedirectOrder Transak order object
  * @returns {FiatOrder} Fiat order object to store in the state
  */
-const transakCallbackOrderToFiatOrder = transakRedirectOrder => ({
+const transakCallbackOrderToFiatOrder = (transakRedirectOrder) => ({
 	id: transakRedirectOrder.orderId,
 	provider: FIAT_ORDER_PROVIDERS.TRANSAK,
 	createdAt: Date.now(),
@@ -175,7 +170,7 @@ const transakCallbackOrderToFiatOrder = transakRedirectOrder => ({
 	cryptocurrency: transakRedirectOrder.cryptoCurrency,
 	state: transakOrderStateToFiatOrderState(transakRedirectOrder.status),
 	account: transakRedirectOrder.walletAddress,
-	data: transakRedirectOrder
+	data: transakRedirectOrder,
 });
 
 //* Handlers
@@ -205,14 +200,14 @@ export const handleTransakRedirect = (url, network) => {
 export async function processTransakOrder(order) {
 	try {
 		const {
-			data: { response }
+			data: { response },
 		} = await getOrderStatus(order.id);
 		if (!response) {
 			throw new Error('Payment Request Failed: empty transak response');
 		}
 		return {
 			...order,
-			...transakOrderToFiatOrder(response)
+			...transakOrderToFiatOrder(response),
 		};
 	} catch (error) {
 		Logger.error(error, { message: 'FiatOrders::TransakProcessor error while processing order', order });
@@ -222,7 +217,7 @@ export async function processTransakOrder(order) {
 
 //* Hooks
 
-export const useTransakFlowURL = address => {
+export const useTransakFlowURL = (address) => {
 	const params = useMemo(
 		() =>
 			qs.stringify({
@@ -231,7 +226,7 @@ export const useTransakFlowURL = address => {
 				networks: 'ethereum',
 				themeColor: '037dd6',
 				walletAddress: address,
-				redirectURL: TRANSAK_REDIRECT_URL
+				redirectURL: TRANSAK_REDIRECT_URL,
 			}),
 		[address]
 	);
diff --git a/app/components/UI/FiatOrders/orderProcessor/wyreApplePay.js b/app/components/UI/FiatOrders/orderProcessor/wyreApplePay.js
index 634fa8a83ed..84cebfe5855 100644
--- a/app/components/UI/FiatOrders/orderProcessor/wyreApplePay.js
+++ b/app/components/UI/FiatOrders/orderProcessor/wyreApplePay.js
@@ -46,7 +46,7 @@ export const WYRE_ERROR_TYPE = {
 	RateLimitException: 'RateLimitException', // Your requests have exceeded your usage restrictions. Please contact us if you need this increased. 429
 	AccountLockedException: 'AccountLockedException', // The account has had a locked placed on it for potential fraud reasons. The customer should contact Wyre support for follow-up. 400
 	LockoutException: 'LockoutException', // The account or IP has been blocked due to detected malicious behavior. 403
-	UnknownException: 'UnknownException' // A problem with our services internally. This should rarely happen. 500
+	UnknownException: 'UnknownException', // A problem with our services internally. This should rarely happen. 500
 };
 
 /**
@@ -77,7 +77,7 @@ export const WYRE_ORDER_STATES = {
 	RUNNING_CHECKS: 'RUNNING_CHECKS',
 	FAILED: 'FAILED',
 	PROCESSING: 'PROCESSING',
-	COMPLETE: 'COMPLETE'
+	COMPLETE: 'COMPLETE',
 };
 
 /**
@@ -124,230 +124,230 @@ export const SUPPORTED_COUNTRIES = {
 		code: 'AU',
 		currency: 'AUD',
 		label: '🇦🇺',
-		name: 'Australia'
+		name: 'Australia',
 	},
 	AT: {
 		code: 'AT',
 		currency: 'EUR',
 		label: '🇦🇹',
-		name: 'Austria'
+		name: 'Austria',
 	},
 	BE: {
 		code: 'BE',
 		currency: 'EUR',
 		label: '🇧🇪',
-		name: 'Belgium'
+		name: 'Belgium',
 	},
 	BR: {
 		code: 'BR',
 		currency: 'BRL',
 		label: '🇧🇷',
-		name: 'Brazil'
+		name: 'Brazil',
 	},
 	CA: {
 		code: 'CA',
 		currency: 'CAD',
 		label: '🇨🇦',
-		name: 'Canada'
+		name: 'Canada',
 	},
 	CY: {
 		code: 'CY',
 		currency: 'EUR',
 		label: '🇨🇾',
-		name: 'Cyprus'
+		name: 'Cyprus',
 	},
 	CZ: {
 		code: 'CZ',
 		currency: 'CZK',
 		label: '🇨🇿',
-		name: 'Czech Republic'
+		name: 'Czech Republic',
 	},
 	DK: {
 		code: 'DK',
 		currency: 'DKK',
 		label: '🇩🇰',
-		name: 'Denmark'
+		name: 'Denmark',
 	},
 	EE: {
 		code: 'EE',
 		currency: 'EUR',
 		label: '🇪🇪',
-		name: 'Estonia'
+		name: 'Estonia',
 	},
 	FI: {
 		code: 'FI',
 		currency: 'EUR',
 		label: '🇫🇮',
-		name: 'Finland'
+		name: 'Finland',
 	},
 	FR: {
 		code: 'FR',
 		currency: 'EUR',
 		label: '🇫🇷',
-		name: 'France'
+		name: 'France',
 	},
 	DE: {
 		code: 'DE',
 		currency: 'EUR',
 		label: '🇩🇪',
-		name: 'Germany'
+		name: 'Germany',
 	},
 	GR: {
 		code: 'GR',
 		currency: 'EUR',
 		label: '🇬🇷',
-		name: 'Greece'
+		name: 'Greece',
 	},
 	HK: {
 		code: 'HK',
 		currency: 'HKD',
 		label: '🇭🇰',
-		name: 'Hong Kong'
+		name: 'Hong Kong',
 	},
 	IS: {
 		code: 'IS',
 		currency: 'ISK',
 		label: '🇮🇸',
-		name: 'Iceland'
+		name: 'Iceland',
 	},
 	IE: {
 		code: 'IE',
 		currency: 'EUR',
 		label: '🇮🇪',
-		name: 'Ireland'
+		name: 'Ireland',
 	},
 	IT: {
 		code: 'IT',
 		currency: 'EUR',
 		label: '🇮🇹',
-		name: 'Italy'
+		name: 'Italy',
 	},
 	JP: {
 		code: 'JP',
 		currency: 'JPY',
 		label: '🇯🇵',
-		name: 'Japan'
+		name: 'Japan',
 	},
 	LV: {
 		code: 'LV',
 		currency: 'EUR',
 		label: '🇱🇻',
-		name: 'Latvia'
+		name: 'Latvia',
 	},
 	LT: {
 		code: 'LT',
 		currency: 'EUR',
 		label: '🇱🇹',
-		name: 'Lithuania'
+		name: 'Lithuania',
 	},
 	LU: {
 		code: 'LU',
 		currency: 'EUR',
 		label: '🇱🇺',
-		name: 'Luxembourg'
+		name: 'Luxembourg',
 	},
 	NL: {
 		code: 'NL',
 		currency: 'EUR',
 		label: '🇳🇱',
-		name: 'Netherlands'
+		name: 'Netherlands',
 	},
 	NZ: {
 		code: 'NZ',
 		currency: 'NZD',
 		label: '🇳🇿',
-		name: 'New Zealand'
+		name: 'New Zealand',
 	},
 	NO: {
 		code: 'NO',
 		currency: 'NOK',
 		label: '🇳🇴',
-		name: 'Norway'
+		name: 'Norway',
 	},
 	PL: {
 		code: 'PL',
 		currency: 'PLN',
 		label: '🇵🇱',
-		name: 'Poland'
+		name: 'Poland',
 	},
 	PT: {
 		code: 'PT',
 		currency: 'EUR',
 		label: '🇵🇹',
-		name: 'Portugal'
+		name: 'Portugal',
 	},
 	SG: {
 		code: 'SG',
 		currency: 'SGD',
 		label: '🇸🇬',
-		name: 'Singapore'
+		name: 'Singapore',
 	},
 	SK: {
 		code: 'SK',
 		currency: 'EUR',
 		label: '🇸🇰',
-		name: 'Slovakia'
+		name: 'Slovakia',
 	},
 	SI: {
 		code: 'SI',
 		currency: 'EUR',
 		label: '🇸🇮',
-		name: 'Slovenia'
+		name: 'Slovenia',
 	},
 	ES: {
 		code: 'ES',
 		currency: 'EUR',
 		label: '🇪🇸',
-		name: 'Spain'
+		name: 'Spain',
 	},
 	SE: {
 		code: 'SE',
 		currency: 'SEK',
 		label: '🇸🇪',
-		name: 'Sweden'
+		name: 'Sweden',
 	},
 	CH: {
 		code: 'CH',
 		currency: 'CHF',
 		label: '🇨🇭',
-		name: 'Switzerland'
+		name: 'Switzerland',
 	},
 	GB: {
 		code: 'GB',
 		currency: 'GBP',
 		label: '🇬🇧',
-		name: 'United Kingdom'
+		name: 'United Kingdom',
 	},
 	US: {
 		code: 'US',
 		currency: 'USD',
 		label: '🇺🇸',
-		name: 'United States'
-	}
+		name: 'United States',
+	},
 };
 
-const getMerchantIdentifier = network => (network === '1' ? WYRE_MERCHANT_ID : WYRE_MERCHANT_ID_TEST);
-const getPartnerId = network => (network === '1' ? WYRE_ACCOUNT_ID : WYRE_ACCOUNT_ID_TEST);
+const getMerchantIdentifier = (network) => (network === '1' ? WYRE_MERCHANT_ID : WYRE_MERCHANT_ID_TEST);
+const getPartnerId = (network) => (network === '1' ? WYRE_ACCOUNT_ID : WYRE_ACCOUNT_ID_TEST);
 
 //* API */
 
 const wyreAPI = axios.create({
-	baseURL: WYRE_API_ENDPOINT
+	baseURL: WYRE_API_ENDPOINT,
 });
 
 const wyreTestAPI = axios.create({
-	baseURL: WYRE_API_ENDPOINT_TEST
+	baseURL: WYRE_API_ENDPOINT_TEST,
 });
 
-const getWyreAPI = network => (network === '1' ? wyreAPI : wyreTestAPI);
+const getWyreAPI = (network) => (network === '1' ? wyreAPI : wyreTestAPI);
 
-const getRates = network => getWyreAPI(network).get(`v3/rates`, { params: { as: 'PRICED' } });
+const getRates = (network) => getWyreAPI(network).get(`v3/rates`, { params: { as: 'PRICED' } });
 const createFiatOrder = (network, payload) =>
 	getWyreAPI(network).post('v3/apple-pay/process/partner', payload, {
 		// * This promise will always be resolved, use response.status to handle errors
-		validateStatus: status => status >= 200,
+		validateStatus: (status) => status >= 200,
 		// * Apple Pay timeouts at ~30s without throwing error, we want to catch that before and throw
-		timeout: 25000
+		timeout: 25000,
 	});
 const getOrderStatus = (network, orderId) => getWyreAPI(network).get(`v3/orders/${orderId}`);
 const getTransferStatus = (network, transferId) => getWyreAPI(network).get(`v2/transfer/${transferId}/track`);
@@ -362,14 +362,14 @@ export const getOrderQuotation = (network, { amount, currency, address, country
 			dest: `ethereum:${address}`,
 			accountId: getPartnerId(network),
 			country,
-			walletType: 'APPLE_PAY'
+			walletType: 'APPLE_PAY',
 		},
 		{ cancelToken }
 	);
 
 //* Helpers
 
-const destToAddress = dest => (dest.indexOf('ethereum:') === 0 ? dest.substring(9) : dest);
+const destToAddress = (dest) => (dest.indexOf('ethereum:') === 0 ? dest.substring(9) : dest);
 
 export class WyreException extends Error {
 	/**
@@ -389,7 +389,7 @@ export class WyreException extends Error {
  * Transforms a WyreOrder state into a FiatOrder state
  * @param {WYRE_ORDER_STATES} wyreOrderState
  */
-const wyreOrderStateToFiatState = wyreOrderState => {
+const wyreOrderStateToFiatState = (wyreOrderState) => {
 	switch (wyreOrderState) {
 		case WYRE_ORDER_STATES.COMPLETE: {
 			return FIAT_ORDER_STATES.COMPLETED;
@@ -410,7 +410,7 @@ const wyreOrderStateToFiatState = wyreOrderState => {
  * @param {WyreOrder} wyreOrder Wyre order object
  * @returns {FiatOrder} Fiat order object to store in the state
  */
-const wyreOrderToFiatOrder = wyreOrder => ({
+const wyreOrderToFiatOrder = (wyreOrder) => ({
 	id: wyreOrder.id,
 	provider: FIAT_ORDER_PROVIDERS.WYRE_APPLE_PAY,
 	createdAt: wyreOrder.createdAt,
@@ -424,8 +424,8 @@ const wyreOrderToFiatOrder = wyreOrder => ({
 	account: destToAddress(wyreOrder.dest),
 	txHash: null,
 	data: {
-		order: wyreOrder
-	}
+		order: wyreOrder,
+	},
 });
 
 /**
@@ -434,11 +434,11 @@ const wyreOrderToFiatOrder = wyreOrder => ({
  * @param {WyreTransfer} wyreTransfer Wyre transfer object
  * @returns {FiatOrder} Partial fiat order object to store in the state
  */
-const wyreTransferToFiatOrder = wyreTransfer => ({
+const wyreTransferToFiatOrder = (wyreTransfer) => ({
 	fee: wyreTransfer.fee,
 	cryptoAmount: wyreTransfer.destAmount,
 	cryptoFee: wyreTransfer.fees ? wyreTransfer.fees[wyreTransfer.destCurrency] : null,
-	txHash: wyreTransfer.blockchainNetworkTx
+	txHash: wyreTransfer.blockchainNetworkTx,
 });
 
 //* Handlers
@@ -463,21 +463,21 @@ export async function processWyreApplePayOrder(order) {
 						...wyreTransferToFiatOrder(transferResponse.data),
 						data: {
 							order: data,
-							transfer: transferResponse.data
-						}
+							transfer: transferResponse.data,
+						},
 					};
 				}
 			} catch (error) {
 				Logger.error(error, {
 					message: 'FiatOrders::WyreApplePayProcessor error while processing transfer',
-					order
+					order,
 				});
 			}
 		}
 
 		return {
 			...order,
-			...wyreOrderToFiatOrder(data)
+			...wyreOrderToFiatOrder(data),
 		};
 	} catch (error) {
 		Logger.error(error, { message: 'FiatOrders::WyreApplePayProcessor error while processing order', order });
@@ -492,7 +492,7 @@ const ABORTED = 'ABORTED';
 const PAYMENT_REQUEST_COMPLETE = {
 	SUCCESS: 'success',
 	UNKNOWN: 'unknown',
-	FAIL: 'fail'
+	FAIL: 'fail',
 };
 
 const getMethodData = (currency, network) => [
@@ -502,33 +502,33 @@ const getMethodData = (currency, network) => [
 			countryCode: 'US',
 			currencyCode: currency,
 			supportedNetworks: ['visa', 'mastercard', 'discover'],
-			merchantIdentifier: getMerchantIdentifier(network)
-		}
-	}
+			merchantIdentifier: getMerchantIdentifier(network),
+		},
+	},
 ];
 
 const getPaymentDetails = (cryptoCurrency, currency, amount, fee, total) => ({
 	displayItems: [
 		{
 			amount: { currency, value: `${amount}` },
-			label: strings('fiat_on_ramp.wyre_purchase', { currency: cryptoCurrency })
+			label: strings('fiat_on_ramp.wyre_purchase', { currency: cryptoCurrency }),
 		},
 		{
 			amount: { currency, value: `${fee}` },
-			label: strings('fiat_on_ramp.Fee')
-		}
+			label: strings('fiat_on_ramp.Fee'),
+		},
 	],
 	total: {
 		amount: { currency, value: `${total}` },
-		label: strings('fiat_on_ramp.wyre_total_label')
-	}
+		label: strings('fiat_on_ramp.wyre_total_label'),
+	},
 });
 
 const paymentOptions = {
 	requestPayerPhone: true,
 	requestPayerEmail: true,
 	requestBilling: true,
-	merchantCapabilities: ['debit']
+	merchantCapabilities: ['debit'],
 };
 
 const createPayload = (network, amount, address, currency, paymentDetails) => {
@@ -537,7 +537,7 @@ const createPayload = (network, amount, address, currency, paymentDetails) => {
 		paymentData,
 		paymentMethod,
 		shippingContact,
-		transactionIdentifier
+		transactionIdentifier,
 	} = paymentDetails;
 	const dest = `ethereum:${address}`;
 
@@ -551,13 +551,13 @@ const createPayload = (network, amount, address, currency, paymentDetails) => {
 		locality: postalAddress.city,
 		postalCode: postalAddress.postalCode,
 		subAdministrativeArea: postalAddress.subAdministrativeArea,
-		subLocality: postalAddress.subLocality
+		subLocality: postalAddress.subLocality,
 	};
 
 	const formattedShippingContact = {
 		...formattedBillingContact,
 		emailAddress: shippingContact.emailAddress,
-		phoneNumber: shippingContact.phoneNumber
+		phoneNumber: shippingContact.phoneNumber,
 	};
 
 	const partnerId = getPartnerId(network);
@@ -570,7 +570,7 @@ const createPayload = (network, amount, address, currency, paymentDetails) => {
 				dest,
 				destCurrency: ETH_CURRENCY_CODE,
 				referrerAccountId: partnerId,
-				sourceCurrency: currency
+				sourceCurrency: currency,
 			},
 			paymentObject: {
 				billingContact: formattedBillingContact,
@@ -579,12 +579,12 @@ const createPayload = (network, amount, address, currency, paymentDetails) => {
 					paymentData,
 					paymentMethod: {
 						...paymentMethod,
-						type: 'debit'
+						type: 'debit',
 					},
-					transactionIdentifier
-				}
-			}
-		}
+					transactionIdentifier,
+				},
+			},
+		},
 	};
 };
 
@@ -594,7 +594,7 @@ export function useCountryCurrency(country) {
 	const currency = useMemo(() => SUPPORTED_COUNTRIES[country]?.currency, [country]);
 	return {
 		...useCurrency(currency),
-		currency
+		currency,
 	};
 }
 
@@ -608,7 +608,7 @@ export function useWyreRates(network, currencies) {
 				setRates([]);
 				const { data } = await getRates(network);
 				const rates = [];
-				currencies.forEach(pair => {
+				currencies.forEach((pair) => {
 					if (pair.length % 2 === 0 && pair.slice(0, pair.length / 2) === pair.slice(pair.length / 2)) {
 						rates.push({ [pair.slice(pair.length / 2)]: 1 });
 					} else {
@@ -642,14 +642,14 @@ export function useWyreOrderQuotation(network, amount, currency, address, countr
 					cancelTokenSource = axios.CancelToken.source();
 					setIsLoading(true);
 					setQuotation(null);
-					await new Promise(resolve => setTimeout(resolve, delay));
+					await new Promise((resolve) => setTimeout(resolve, delay));
 					const { data: quotation } = await getOrderQuotation(
 						network,
 						{
 							amount,
 							currency,
 							address,
-							country
+							country,
 						},
 						cancelTokenSource.token
 					);
@@ -718,8 +718,8 @@ export function useWyreTerms(navigation) {
 				screen: 'SimpleWebview',
 				params: {
 					url: 'https://www.sendwyre.com/user-agreement/',
-					title: strings('fiat_on_ramp.wyre_user_agreement')
-				}
+					title: strings('fiat_on_ramp.wyre_user_agreement'),
+				},
 			}),
 		[navigation]
 	);
diff --git a/app/components/UI/Fox/index.js b/app/components/UI/Fox/index.js
index bd91d43ceee..3af67e92c4e 100644
--- a/app/components/UI/Fox/index.js
+++ b/app/components/UI/Fox/index.js
@@ -5,8 +5,8 @@ import { WebView } from 'react-native-webview';
 
 const styles = StyleSheet.create({
 	webView: {
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
 function Fox({ style, customStyle, customContent = '', forwardedRef, ...props }) {
@@ -1501,7 +1501,7 @@ function Fox({ style, customStyle, customContent = '', forwardedRef, ...props })
 					</script>
 					</body>
 					</html>
-				`
+				`,
 			}}
 			javaScriptEnabled
 			bounces={false}
@@ -1515,7 +1515,7 @@ Fox.propTypes = {
 	style: PropTypes.object,
 	customStyle: PropTypes.string,
 	customContent: PropTypes.string,
-	forwardedRef: PropTypes.any
+	forwardedRef: PropTypes.any,
 };
 
 const FoxWithRef = forwardRef((props, ref) => <Fox {...props} forwardedRef={ref} />);
diff --git a/app/components/UI/FoxScreen/index.js b/app/components/UI/FoxScreen/index.js
index 2077e9b01a1..4c9c904c85e 100644
--- a/app/components/UI/FoxScreen/index.js
+++ b/app/components/UI/FoxScreen/index.js
@@ -12,12 +12,12 @@ const styles = StyleSheet.create({
 		top: 0,
 		bottom: 0,
 		left: 0,
-		right: 0
+		right: 0,
 	},
 	image: {
 		width: 100,
-		height: 100
-	}
+		height: 100,
+	},
 });
 
 const foxImage = require('../../../images/fox.png'); // eslint-disable-line import/no-commonjs
diff --git a/app/components/UI/GenericButton/index.android.js b/app/components/UI/GenericButton/index.android.js
index 96347b450c2..c98d72ac8ce 100644
--- a/app/components/UI/GenericButton/index.android.js
+++ b/app/components/UI/GenericButton/index.android.js
@@ -6,7 +6,7 @@ import { View, ViewPropTypes, TouchableNativeFeedback } from 'react-native';
  * UI component that renders a button
  * specifically for android
  */
-const GenericButton = props => (
+const GenericButton = (props) => (
 	<TouchableNativeFeedback
 		delayPressIn={0}
 		background={TouchableNativeFeedback.SelectableBackground()} // eslint-disable-line new-cap
@@ -30,7 +30,7 @@ GenericButton.propTypes = {
 	/**
 	 * Function to be called on press
 	 */
-	onPress: PropTypes.func
+	onPress: PropTypes.func,
 };
 
 export default GenericButton;
diff --git a/app/components/UI/GenericButton/index.ios.js b/app/components/UI/GenericButton/index.ios.js
index a126267996c..d597ae6e9c0 100644
--- a/app/components/UI/GenericButton/index.ios.js
+++ b/app/components/UI/GenericButton/index.ios.js
@@ -6,7 +6,7 @@ import { ViewPropTypes, TouchableOpacity } from 'react-native';
  * UI component that renders a button
  * specifically for iOS
  */
-const GenericButton = props => (
+const GenericButton = (props) => (
 	<TouchableOpacity onPress={props.onPress} style={props.style} delayPressIn={50}>
 		{props.children}
 	</TouchableOpacity>
@@ -26,7 +26,7 @@ GenericButton.propTypes = {
 	/**
 	 * Function to be called on press
 	 */
-	onPress: PropTypes.func
+	onPress: PropTypes.func,
 };
 
 export default GenericButton;
diff --git a/app/components/UI/GenericButton/index.test.js b/app/components/UI/GenericButton/index.test.js
index 37b81c08253..d92a666584e 100644
--- a/app/components/UI/GenericButton/index.test.js
+++ b/app/components/UI/GenericButton/index.test.js
@@ -11,7 +11,7 @@ describe('GenericButton', () => {
 
 	it('should render correctly on android', () => {
 		jest.doMock('react-native/Libraries/Utilities/Platform', () => ({
-			OS: 'android'
+			OS: 'android',
 		}));
 		const wrapper = shallow(<GenericButtonAndroid />);
 		expect(wrapper).toMatchSnapshot();
diff --git a/app/components/UI/GlobalAlert/index.js b/app/components/UI/GlobalAlert/index.js
index 699d85c5b9f..5fd4bf229a9 100644
--- a/app/components/UI/GlobalAlert/index.js
+++ b/app/components/UI/GlobalAlert/index.js
@@ -11,7 +11,7 @@ import ElevatedView from 'react-native-elevated-view';
 const styles = StyleSheet.create({
 	modal: {
 		margin: 0,
-		width: '100%'
+		width: '100%',
 	},
 	copyAlert: {
 		width: 180,
@@ -21,17 +21,17 @@ const styles = StyleSheet.create({
 		alignSelf: 'center',
 		alignItems: 'center',
 		justifyContent: 'center',
-		borderRadius: 8
+		borderRadius: 8,
 	},
 	copyAlertIcon: {
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	copyAlertText: {
 		textAlign: 'center',
 		color: colors.white,
 		fontSize: 16,
-		...fontStyles.normal
-	}
+		...fontStyles.normal,
+	},
 });
 
 /**
@@ -59,7 +59,7 @@ class GlobalAlert extends PureComponent {
 		/**
 		 * function that dismisses de modal
 		 */
-		dismissAlert: PropTypes.func
+		dismissAlert: PropTypes.func,
 	};
 
 	onClose = () => {
@@ -112,18 +112,15 @@ class GlobalAlert extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	isVisible: state.alert.isVisible,
 	autodismiss: state.alert.autodismiss,
 	content: state.alert.content,
-	data: state.alert.data
+	data: state.alert.data,
 });
 
-const mapDispatchToProps = dispatch => ({
-	dismissAlert: () => dispatch(dismissAlert())
+const mapDispatchToProps = (dispatch) => ({
+	dismissAlert: () => dispatch(dismissAlert()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(GlobalAlert);
+export default connect(mapStateToProps, mapDispatchToProps)(GlobalAlert);
diff --git a/app/components/UI/GlobalAlert/index.test.js b/app/components/UI/GlobalAlert/index.test.js
index 271fd40d153..969431adf6f 100644
--- a/app/components/UI/GlobalAlert/index.test.js
+++ b/app/components/UI/GlobalAlert/index.test.js
@@ -9,11 +9,11 @@ const mockStore = configureMockStore();
 describe('GlobalAlert', () => {
 	it('should render correctly', () => {
 		const initialState = {
-			alert: { isVisible: true, autodismiss: 300, children: <Text>Lol</Text> }
+			alert: { isVisible: true, autodismiss: 300, children: <Text>Lol</Text> },
 		};
 
 		const wrapper = shallow(<GlobalAlert />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/HintModal/index.js b/app/components/UI/HintModal/index.js
index 48a64440e50..46fb33dad67 100644
--- a/app/components/UI/HintModal/index.js
+++ b/app/components/UI/HintModal/index.js
@@ -11,30 +11,30 @@ const styles = StyleSheet.create({
 		alignSelf: 'center',
 		backgroundColor: colors.white,
 		borderRadius: 16,
-		padding: 24
+		padding: 24,
 	},
 	hintHeader: {
 		flexDirection: 'row',
 		justifyContent: 'space-between',
 		alignItems: 'center',
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	recovery: {
 		fontSize: 18,
 		...fontStyles.bold,
-		color: colors.fontPrimary
+		color: colors.fontPrimary,
 	},
 	leaveHint: {
 		fontSize: 14,
 		...fontStyles.regular,
 		color: colors.fontPrimary,
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	noSeedphrase: {
 		fontSize: 14,
 		...fontStyles.regular,
 		color: colors.red,
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	hintInput: {
 		borderRadius: 6,
@@ -42,8 +42,8 @@ const styles = StyleSheet.create({
 		borderColor: colors.grey500,
 		padding: 16,
 		minHeight: 76,
-		paddingTop: 16
-	}
+		paddingTop: 16,
+	},
 });
 
 const HintModal = ({ onCancel, onConfirm, modalVisible, onRequestClose, value, onChangeText }) => (
@@ -84,10 +84,10 @@ const propTypes = {
 	modalVisible: PropTypes.bool.isRequired,
 	onRequestClose: PropTypes.func.isRequired,
 	value: PropTypes.string,
-	onChangeText: PropTypes.func.isRequired
+	onChangeText: PropTypes.func.isRequired,
 };
 const defaultProps = {
-	modalVisible: false
+	modalVisible: false,
 };
 
 HintModal.propTypes = propTypes;
diff --git a/app/components/UI/Identicon/index.js b/app/components/UI/Identicon/index.js
index aa45bfb0162..62890da7eaa 100644
--- a/app/components/UI/Identicon/index.js
+++ b/app/components/UI/Identicon/index.js
@@ -14,7 +14,7 @@ import { connect } from 'react-redux';
  */
 
 // eslint-disable-next-line react/display-name
-const Identicon = React.memo(props => {
+const Identicon = React.memo((props) => {
 	const { diameter, address, customStyle, noFadeIn, useBlockieIcon } = props;
 	if (!address) return null;
 	const uri = useBlockieIcon && toDataUrl(address);
@@ -26,9 +26,9 @@ const Identicon = React.memo(props => {
 				{
 					height: diameter,
 					width: diameter,
-					borderRadius: diameter / 2
+					borderRadius: diameter / 2,
 				},
-				customStyle
+				customStyle,
 			]}
 		/>
 	) : (
@@ -63,16 +63,16 @@ Identicon.propTypes = {
 	/**
 	 * Show a BlockieIcon instead of JazzIcon
 	 */
-	useBlockieIcon: PropTypes.bool
+	useBlockieIcon: PropTypes.bool,
 };
 
 Identicon.defaultProps = {
 	diameter: 46,
-	useBlockieIcon: true
+	useBlockieIcon: true,
 };
 
-const mapStateToProps = state => ({
-	useBlockieIcon: state.settings.useBlockieIcon
+const mapStateToProps = (state) => ({
+	useBlockieIcon: state.settings.useBlockieIcon,
 });
 
 export default connect(mapStateToProps)(Identicon);
diff --git a/app/components/UI/Identicon/index.test.js b/app/components/UI/Identicon/index.test.js
index 86c8a5c18a6..d69d91e8c7c 100644
--- a/app/components/UI/Identicon/index.test.js
+++ b/app/components/UI/Identicon/index.test.js
@@ -7,21 +7,21 @@ describe('Identicon', () => {
 	const mockStore = configureMockStore();
 	it('should render correctly when useBlockieIcon is true', () => {
 		const initialState = {
-			settings: { useBlockieIcon: true }
+			settings: { useBlockieIcon: true },
 		};
 
 		const wrapper = shallow(<Identicon />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
 	it('should render correctly when useBlockieIcon is false', () => {
 		const initialState = {
-			settings: { useBlockieIcon: false }
+			settings: { useBlockieIcon: false },
 		};
 
 		const wrapper = shallow(<Identicon />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
diff --git a/app/components/UI/InvalidCustomNetworkAlert/index.js b/app/components/UI/InvalidCustomNetworkAlert/index.js
index d4db27eb256..986772f28dd 100644
--- a/app/components/UI/InvalidCustomNetworkAlert/index.js
+++ b/app/components/UI/InvalidCustomNetworkAlert/index.js
@@ -9,11 +9,11 @@ const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
 		borderRadius: 10,
-		padding: 20
+		padding: 20,
 	},
 	titleWrapper: {
 		borderBottomWidth: StyleSheet.hairlineWidth,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	title: {
 		textAlign: 'center',
@@ -21,34 +21,34 @@ const styles = StyleSheet.create({
 		marginVertical: 12,
 		marginHorizontal: 20,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	textWrapper: {
 		marginTop: 20,
-		marginBottom: 40
+		marginBottom: 40,
 	},
 	text: {
 		textAlign: 'center',
 		fontSize: 15,
 		lineHeight: 20,
 		marginBottom: 20,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	hint: {
 		textAlign: 'center',
 		fontSize: 15,
 		lineHeight: 20,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	link: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	button: {
-		marginBottom: 10
-	}
+		marginBottom: 10,
+	},
 });
 
-const InvalidCustomNetworkAlert = props => {
+const InvalidCustomNetworkAlert = (props) => {
 	const closeModal = () => props.onClose();
 
 	const goToEditNetwork = () => {
@@ -106,7 +106,7 @@ InvalidCustomNetworkAlert.propTypes = {
 	/**
 	 * String that represents the invalid network
 	 */
-	network: PropTypes.string
+	network: PropTypes.string,
 };
 
 export default InvalidCustomNetworkAlert;
diff --git a/app/components/UI/MessageSign/index.js b/app/components/UI/MessageSign/index.js
index 09e15d7c66d..6b339f7c6bd 100644
--- a/app/components/UI/MessageSign/index.js
+++ b/app/components/UI/MessageSign/index.js
@@ -15,11 +15,11 @@ const styles = StyleSheet.create({
 	expandedMessage: {
 		textAlign: 'center',
 		...fontStyles.regular,
-		fontSize: 14
+		fontSize: 14,
 	},
 	messageWrapper: {
-		marginBottom: 4
-	}
+		marginBottom: 4,
+	},
 });
 
 /**
@@ -54,11 +54,11 @@ export default class MessageSign extends PureComponent {
 		/**
 		 * Indicated whether or not the expanded message is shown
 		 */
-		showExpandedMessage: PropTypes.bool
+		showExpandedMessage: PropTypes.bool,
 	};
 
 	state = {
-		truncateMessage: false
+		truncateMessage: false,
 	};
 
 	getAnalyticsParams = () => {
@@ -72,7 +72,7 @@ export default class MessageSign extends PureComponent {
 				dapp_url: currentPageInformation?.url,
 				network_name: type,
 				chain_id: chainId,
-				sign_type: 'eth'
+				sign_type: 'eth',
 			};
 		} catch (error) {
 			return {};
@@ -93,7 +93,7 @@ export default class MessageSign extends PureComponent {
 					title: confirmation
 						? strings('notifications.wc_signed_title')
 						: strings('notifications.wc_signed_rejected_title'),
-					description: strings('notifications.wc_description')
+					description: strings('notifications.wc_description'),
 				});
 		});
 	};
@@ -147,7 +147,7 @@ export default class MessageSign extends PureComponent {
 		return messageText;
 	};
 
-	shouldTruncateMessage = e => {
+	shouldTruncateMessage = (e) => {
 		if (e.nativeEvent.lines.length > 5) {
 			this.setState({ truncateMessage: true });
 			return;
diff --git a/app/components/UI/ModalNavbarTitle/index.js b/app/components/UI/ModalNavbarTitle/index.js
index d35c84781b3..ccde26262fc 100644
--- a/app/components/UI/ModalNavbarTitle/index.js
+++ b/app/components/UI/ModalNavbarTitle/index.js
@@ -6,12 +6,12 @@ import { fontStyles } from '../../../styles/common';
 const styles = StyleSheet.create({
 	wrapper: {
 		alignItems: 'center',
-		flex: 1
+		flex: 1,
 	},
 	title: {
 		fontSize: 18,
-		...fontStyles.normal
-	}
+		...fontStyles.normal,
+	},
 });
 
 /**
@@ -22,7 +22,7 @@ export default class ModalNavbarTitle extends PureComponent {
 		/**
 		 * Name of the current view
 		 */
-		title: PropTypes.string.isRequired
+		title: PropTypes.string.isRequired,
 	};
 
 	render = () => {
diff --git a/app/components/UI/Navbar/index.js b/app/components/UI/Navbar/index.js
index d596d578885..2bdab1ebc12 100644
--- a/app/components/UI/Navbar/index.js
+++ b/app/components/UI/Navbar/index.js
@@ -23,7 +23,7 @@ import { getHost } from '../../../util/browser';
 
 const { HOMEPAGE_URL } = AppConstants;
 
-const trackEvent = event => {
+const trackEvent = (event) => {
 	InteractionManager.runAfterInteractions(() => {
 		Analytics.trackEvent(event);
 	});
@@ -38,82 +38,82 @@ const trackEventWithParameters = (event, params) => {
 const styles = StyleSheet.create({
 	headerStyle: {
 		shadowColor: colors.transparent,
-		elevation: 0
+		elevation: 0,
 	},
 	metamaskName: {
 		width: 122,
-		height: 15
+		height: 15,
 	},
 	metamaskFox: {
 		width: 40,
 		height: 40,
-		marginRight: 10
+		marginRight: 10,
 	},
 	backIcon: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	backIconIOS: {
 		marginHorizontal: 4,
-		marginTop: -4
+		marginTop: -4,
 	},
 	shareIconIOS: {
-		marginHorizontal: -5
+		marginHorizontal: -5,
 	},
 	hamburgerButton: {
 		paddingLeft: Device.isAndroid() ? 22 : 18,
 		paddingRight: Device.isAndroid() ? 22 : 18,
 		paddingTop: Device.isAndroid() ? 14 : 10,
-		paddingBottom: Device.isAndroid() ? 14 : 10
+		paddingBottom: Device.isAndroid() ? 14 : 10,
 	},
 	backButton: {
 		paddingLeft: Device.isAndroid() ? 22 : 18,
 		paddingRight: Device.isAndroid() ? 22 : 18,
-		marginTop: 5
+		marginTop: 5,
 	},
 	closeButton: {
 		paddingHorizontal: Device.isAndroid() ? 22 : 18,
-		paddingVertical: Device.isAndroid() ? 14 : 8
+		paddingVertical: Device.isAndroid() ? 14 : 8,
 	},
 	infoButton: {
 		paddingLeft: Device.isAndroid() ? 22 : 18,
 		paddingRight: Device.isAndroid() ? 22 : 18,
-		marginTop: 5
+		marginTop: 5,
 	},
 	infoIcon: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	closeButtonText: {
 		color: colors.blue,
 		fontSize: 14,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	browserRightButton: {
 		flex: 1,
-		marginRight: Device.isAndroid() ? 10 : 0
+		marginRight: Device.isAndroid() ? 10 : 0,
 	},
 	disabled: {
-		opacity: 0.3
+		opacity: 0.3,
 	},
 	optinHeaderLeft: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		marginHorizontal: Device.isIos() ? 20 : 0
+		marginHorizontal: Device.isIos() ? 20 : 0,
 	},
 	metamaskNameTransparentWrapper: {
 		alignItems: 'center',
 		justifyContent: 'center',
-		flex: 1
+		flex: 1,
 	},
 	metamaskNameWrapper: {
-		marginLeft: Device.isAndroid() ? 20 : 0
+		marginLeft: Device.isAndroid() ? 20 : 0,
 	},
 	centeredTitle: {
 		fontSize: 20,
 		color: colors.fontPrimary,
 		textAlign: 'center',
 		...fontStyles.normal,
-		alignItems: 'center'
-	}
+		alignItems: 'center',
+	},
 });
 
 const metamask_name = require('../../../images/metamask-name.png'); // eslint-disable-line
@@ -146,7 +146,7 @@ export default function getNavbarOptions(title, navigation, disableNetwork = fal
 				/>
 			</TouchableOpacity>
 		),
-		headerRight: () => <AccountRightButton />
+		headerRight: () => <AccountRightButton />,
 	};
 }
 
@@ -167,7 +167,7 @@ export function getNavigationOptionsTitle(title, navigation) {
 		headerTitleStyle: {
 			fontSize: 20,
 			color: colors.fontPrimary,
-			...fontStyles.normal
+			...fontStyles.normal,
 		},
 		headerTintColor: colors.blue,
 		headerLeft: () => (
@@ -178,7 +178,7 @@ export function getNavigationOptionsTitle(title, navigation) {
 					style={styles.backIcon}
 				/>
 			</TouchableOpacity>
-		)
+		),
 	};
 }
 
@@ -202,7 +202,7 @@ export function getEditableOptions(title, navigation, route) {
 		headerTitleStyle: {
 			fontSize: 20,
 			color: colors.fontPrimary,
-			...fontStyles.normal
+			...fontStyles.normal,
 		},
 		headerTintColor: colors.blue,
 		headerLeft: () => (
@@ -223,7 +223,7 @@ export function getEditableOptions(title, navigation, route) {
 				</TouchableOpacity>
 			) : (
 				<View />
-			)
+			),
 	};
 }
 
@@ -242,7 +242,7 @@ export function getPaymentRequestOptionsTitle(title, navigation, route) {
 		headerTitleStyle: {
 			fontSize: 20,
 			color: colors.fontPrimary,
-			...fontStyles.normal
+			...fontStyles.normal,
 		},
 		headerTintColor: colors.blue,
 		headerLeft: () =>
@@ -267,7 +267,7 @@ export function getPaymentRequestOptionsTitle(title, navigation, route) {
 			<TouchableOpacity onPress={() => navigation.pop()} style={styles.closeButton}>
 				<IonicIcon name={'ios-close'} size={38} style={[styles.backIcon, styles.backIconIOS]} />
 			</TouchableOpacity>
-		)
+		),
 	};
 }
 
@@ -283,7 +283,7 @@ export function getPaymentRequestSuccessOptionsTitle(navigation) {
 			shadowColor: colors.transparent,
 			elevation: 0,
 			backgroundColor: colors.white,
-			borderBottomWidth: 0
+			borderBottomWidth: 0,
 		},
 		title: null,
 		headerTintColor: colors.blue,
@@ -297,7 +297,7 @@ export function getPaymentRequestSuccessOptionsTitle(navigation) {
 			>
 				<IonicIcon name="ios-close" size={38} style={[styles.backIcon, styles.backIconIOS]} />
 			</TouchableOpacity>
-		)
+		),
 	};
 }
 
@@ -346,7 +346,7 @@ export function getTransactionOptionsTitle(_title, navigation, route) {
 				</TouchableOpacity>
 			) : (
 				<View />
-			)
+			),
 	};
 }
 
@@ -354,7 +354,7 @@ export function getApproveNavbar(title) {
 	return {
 		headerTitle: () => <NavbarTitle title={title} disableNetwork />,
 		headerLeft: () => <View />,
-		headerRight: () => <View />
+		headerRight: () => <View />,
 	};
 }
 
@@ -370,7 +370,7 @@ export function getSendFlowTitle(title, navigation, route) {
 		const providerType = route.params?.providerType ?? '';
 		trackEventWithParameters(ANALYTICS_EVENT_OPTS.SEND_FLOW_CANCEL, {
 			view: title.split('.')[1],
-			network: providerType
+			network: providerType,
 		});
 		navigation.dangerouslyGetParent()?.pop();
 	};
@@ -396,7 +396,7 @@ export function getSendFlowTitle(title, navigation, route) {
 				</TouchableOpacity>
 			) : (
 				<View />
-			)
+			),
 	};
 }
 
@@ -413,7 +413,7 @@ export function getBrowserViewNavbarOptions(navigation, route) {
 	let hostname = null;
 	let isHttps = false;
 
-	const isHomepage = url => getHost(url) === getHost(HOMEPAGE_URL);
+	const isHomepage = (url) => getHost(url) === getHost(HOMEPAGE_URL);
 	const error = route.params?.error ?? '';
 	const icon = route.params?.icon;
 
@@ -463,7 +463,7 @@ export function getBrowserViewNavbarOptions(navigation, route) {
 			<View style={styles.browserRightButton}>
 				<AccountRightButton />
 			</View>
-		)
+		),
 	};
 }
 
@@ -476,7 +476,7 @@ export function getBrowserViewNavbarOptions(navigation, route) {
  */
 export function getModalNavbarOptions(title) {
 	return {
-		headerTitle: () => <ModalNavbarTitle title={title} />
+		headerTitle: () => <ModalNavbarTitle title={title} />,
 	};
 }
 
@@ -495,7 +495,7 @@ export function getOnboardingNavbarOptions(navigation, route, { headerLeft } = {
 			shadowColor: colors.transparent,
 			elevation: 0,
 			backgroundColor: colors.white,
-			borderBottomWidth: 0
+			borderBottomWidth: 0,
 		},
 		headerTitle: () => (
 			<View style={styles.metamaskNameTransparentWrapper}>
@@ -504,7 +504,7 @@ export function getOnboardingNavbarOptions(navigation, route, { headerLeft } = {
 		),
 		headerBackTitle: strings('navigation.back'),
 		headerRight: () => <View />,
-		headerLeft: headerLeftHide
+		headerLeft: headerLeftHide,
 	};
 }
 
@@ -522,7 +522,7 @@ export function getTransparentOnboardingNavbarOptions() {
 		),
 		headerLeft: () => <View />,
 		headerRight: () => <View />,
-		headerStyle: styles.headerStyle
+		headerStyle: styles.headerStyle,
 	};
 }
 
@@ -540,7 +540,7 @@ export function getTransparentBackOnboardingNavbarOptions() {
 		),
 		headerBackTitle: strings('navigation.back'),
 		headerRight: () => <View />,
-		headerStyle: styles.headerStyle
+		headerStyle: styles.headerStyle,
 	};
 }
 
@@ -557,7 +557,7 @@ export function getOptinMetricsNavbarOptions() {
 			elevation: 0,
 			backgroundColor: colors.white,
 			borderBottomWidth: 0,
-			height: 100
+			height: 100,
 		},
 		title: null,
 		headerLeft: () => (
@@ -569,7 +569,7 @@ export function getOptinMetricsNavbarOptions() {
 					<Image source={metamask_name} style={styles.metamaskName} resizeMethod={'auto'} />
 				</View>
 			</View>
-		)
+		),
 	};
 }
 /**
@@ -586,7 +586,7 @@ export function getClosableNavigationOptions(title, backButtonText, navigation)
 		title,
 		headerTitleStyle: {
 			fontSize: 20,
-			...fontStyles.normal
+			...fontStyles.normal,
 		},
 		headerLeft: () =>
 			Device.isIos() ? (
@@ -597,7 +597,7 @@ export function getClosableNavigationOptions(title, backButtonText, navigation)
 				<TouchableOpacity onPress={navigationPop} style={styles.backButton} testID={'nav-android-back'}>
 					<IonicIcon name={'md-arrow-back'} size={24} style={styles.backIcon} />
 				</TouchableOpacity>
-			)
+			),
 	};
 }
 
@@ -613,7 +613,7 @@ export function getOfflineModalNavbar(navigation) {
 			shadowColor: colors.transparent,
 			elevation: 0,
 			backgroundColor: colors.white,
-			borderBottomWidth: 0
+			borderBottomWidth: 0,
 		},
 		headerLeft: () =>
 			Device.isAndroid() ? (
@@ -628,7 +628,7 @@ export function getOfflineModalNavbar(navigation) {
 				<TouchableOpacity onPress={() => navigation.pop()} style={styles.backButton}>
 					<IonicIcon name="ios-close" size={38} style={[styles.backIcon, styles.backIconIOS]} />
 				</TouchableOpacity>
-			) : null
+			) : null,
 	};
 }
 
@@ -648,7 +648,7 @@ export function getWalletNavbarOptions(title, navigation) {
 					{
 						text: strings('wallet.cancel'),
 						onPress: () => false,
-						style: 'cancel'
+						style: 'cancel',
 					},
 					{
 						text: strings('wallet.yes'),
@@ -662,8 +662,8 @@ export function getWalletNavbarOptions(title, navigation) {
 									strings('import_private_key.error_message')
 								);
 							}
-						}
-					}
+						},
+					},
 				],
 				{ cancelable: false }
 			);
@@ -683,7 +683,7 @@ export function getWalletNavbarOptions(title, navigation) {
 
 	function openQRScanner() {
 		navigation.navigate('QRScanner', {
-			onScanSuccess
+			onScanSuccess,
 		});
 		trackEvent(ANALYTICS_EVENT_OPTS.WALLET_QR_SCANNER);
 	}
@@ -707,7 +707,7 @@ export function getWalletNavbarOptions(title, navigation) {
 			>
 				<AntIcon name="scan1" size={28} style={styles.infoIcon} />
 			</TouchableOpacity>
-		)
+		),
 	};
 }
 
@@ -732,7 +732,7 @@ export function getNetworkNavbarOptions(title, translate, navigation) {
 				/>
 			</TouchableOpacity>
 		),
-		headerRight: () => <View />
+		headerRight: () => <View />,
 	};
 }
 
@@ -767,7 +767,7 @@ export function getWebviewNavbar(navigation, route) {
 				<TouchableOpacity onPress={share} style={styles.backButton}>
 					<EvilIcons name="share-apple" size={32} style={[styles.backIcon, styles.shareIconIOS]} />
 				</TouchableOpacity>
-			)
+			),
 	};
 }
 
@@ -786,7 +786,7 @@ export function getPaymentSelectorMethodNavbar(navigation, onPop) {
 			>
 				<Text style={styles.closeButtonText}>{strings('navigation.cancel')}</Text>
 			</TouchableOpacity>
-		)
+		),
 	};
 }
 
@@ -796,7 +796,7 @@ export function getPaymentMethodApplePayNavbar(navigation, onPop, onExit) {
 		headerTitleStyle: {
 			fontSize: 20,
 			color: colors.fontPrimary,
-			...fontStyles.normal
+			...fontStyles.normal,
 		},
 		headerRight: () => (
 			// eslint-disable-next-line react/jsx-no-bind
@@ -833,7 +833,7 @@ export function getPaymentMethodApplePayNavbar(navigation, onPop, onExit) {
 				>
 					<Text style={styles.closeButtonText}>{strings('navigation.back')}</Text>
 				</TouchableOpacity>
-			)
+			),
 	};
 }
 
@@ -844,7 +844,7 @@ export function getTransakWebviewNavbar(navigation, route, onPop) {
 		headerTitleStyle: {
 			fontSize: 20,
 			color: colors.fontPrimary,
-			...fontStyles.normal
+			...fontStyles.normal,
 		},
 		headerLeft: () =>
 			Device.isAndroid() ? (
@@ -869,7 +869,7 @@ export function getTransakWebviewNavbar(navigation, route, onPop) {
 				>
 					<IonicIcon name="ios-close" size={38} style={[styles.backIcon, styles.backIconIOS]} />
 				</TouchableOpacity>
-			)
+			),
 	};
 }
 
@@ -883,7 +883,7 @@ export function getSwapsAmountNavbar(navigation, route) {
 			<TouchableOpacity onPress={() => navigation.dangerouslyGetParent()?.pop()} style={styles.closeButton}>
 				<Text style={styles.closeButtonText}>{strings('navigation.cancel')}</Text>
 			</TouchableOpacity>
-		)
+		),
 	};
 }
 export function getSwapsQuotesNavbar(navigation, route) {
@@ -898,7 +898,7 @@ export function getSwapsQuotesNavbar(navigation, route) {
 			InteractionManager.runAfterInteractions(() => {
 				Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.QUOTES_REQUEST_CANCELLED, {
 					...trade,
-					responseTime: new Date().getTime() - quoteBegin
+					responseTime: new Date().getTime() - quoteBegin,
 				});
 			});
 		}
@@ -913,7 +913,7 @@ export function getSwapsQuotesNavbar(navigation, route) {
 			InteractionManager.runAfterInteractions(() => {
 				Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.QUOTES_REQUEST_CANCELLED, {
 					...trade,
-					responseTime: new Date().getTime() - quoteBegin
+					responseTime: new Date().getTime() - quoteBegin,
 				});
 			});
 		}
@@ -939,6 +939,6 @@ export function getSwapsQuotesNavbar(navigation, route) {
 			<TouchableOpacity onPress={rightAction} style={styles.closeButton}>
 				<Text style={styles.closeButtonText}>{strings('navigation.cancel')}</Text>
 			</TouchableOpacity>
-		)
+		),
 	};
 }
diff --git a/app/components/UI/NavbarBrowserTitle/index.js b/app/components/UI/NavbarBrowserTitle/index.js
index d142685bc70..bf28e365e05 100644
--- a/app/components/UI/NavbarBrowserTitle/index.js
+++ b/app/components/UI/NavbarBrowserTitle/index.js
@@ -10,49 +10,49 @@ import Device from '../../../util/device';
 const styles = StyleSheet.create({
 	wrapper: {
 		alignItems: 'center',
-		flex: 1
+		flex: 1,
 	},
 	network: {
 		flexDirection: 'row',
-		marginBottom: 5
+		marginBottom: 5,
 	},
 	networkName: {
 		fontSize: 11,
 		lineHeight: 11,
 		color: colors.fontSecondary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	networkIcon: {
 		marginTop: 3,
 		width: 5,
 		height: 5,
 		borderRadius: 100,
-		marginRight: 5
+		marginRight: 5,
 	},
 	currentUrlWrapper: {
 		flexDirection: 'row',
 		alignItems: 'center',
 		justifyContent: 'center',
 		flex: 1,
-		marginBottom: Device.isAndroid() ? 5 : 0
+		marginBottom: Device.isAndroid() ? 5 : 0,
 	},
 	lockIcon: {
 		marginTop: 2,
-		marginLeft: 10
+		marginLeft: 10,
 	},
 	currentUrl: {
 		...fontStyles.normal,
 		fontSize: 14,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	currentUrlAndroid: {
-		maxWidth: '60%'
+		maxWidth: '60%',
 	},
 	siteIcon: {
 		width: 16,
 		height: 16,
-		marginRight: 4
-	}
+		marginRight: 4,
+	},
 });
 
 /**
@@ -88,7 +88,7 @@ class NavbarBrowserTitle extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	onTitlePress = () => {
@@ -140,6 +140,6 @@ class NavbarBrowserTitle extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({ network: state.engine.backgroundState.NetworkController });
+const mapStateToProps = (state) => ({ network: state.engine.backgroundState.NetworkController });
 
 export default connect(mapStateToProps)(NavbarBrowserTitle);
diff --git a/app/components/UI/NavbarBrowserTitle/index.test.js b/app/components/UI/NavbarBrowserTitle/index.test.js
index 0eec0c8cc5c..3cb6062320c 100644
--- a/app/components/UI/NavbarBrowserTitle/index.test.js
+++ b/app/components/UI/NavbarBrowserTitle/index.test.js
@@ -11,8 +11,8 @@ describe('NavbarBrowserTitle', () => {
 	it('should render correctly', () => {
 		const network = {
 			provider: {
-				type: 'mainnet'
-			}
+				type: 'mainnet',
+			},
 		};
 		const wrapper = shallow(
 			<Provider store={store}>
diff --git a/app/components/UI/NavbarLeftButton/index.js b/app/components/UI/NavbarLeftButton/index.js
index ae66ba811bf..2775d172280 100644
--- a/app/components/UI/NavbarLeftButton/index.js
+++ b/app/components/UI/NavbarLeftButton/index.js
@@ -8,8 +8,8 @@ const styles = StyleSheet.create({
 	leftButton: {
 		marginTop: 12,
 		marginLeft: 12,
-		marginBottom: 12
-	}
+		marginBottom: 12,
+	},
 });
 
 /**
@@ -25,7 +25,7 @@ class NavbarLeftButton extends PureComponent {
 		/**
 		 * action to be fired on press
 		 */
-		onPress: PropTypes.func
+		onPress: PropTypes.func,
 	};
 
 	render = () => {
@@ -38,5 +38,5 @@ class NavbarLeftButton extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({ address: state.engine.backgroundState.PreferencesController.selectedAddress });
+const mapStateToProps = (state) => ({ address: state.engine.backgroundState.PreferencesController.selectedAddress });
 export default connect(mapStateToProps)(NavbarLeftButton);
diff --git a/app/components/UI/NavbarTitle/index.js b/app/components/UI/NavbarTitle/index.js
index c6fbd60da8e..a58a65dc9ad 100644
--- a/app/components/UI/NavbarTitle/index.js
+++ b/app/components/UI/NavbarTitle/index.js
@@ -11,33 +11,33 @@ import Device from '../../../util/device';
 const styles = StyleSheet.create({
 	wrapper: {
 		alignItems: 'center',
-		flex: 1
+		flex: 1,
 	},
 	network: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	networkName: {
 		fontSize: 11,
 		color: colors.grey400,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	networkIcon: {
 		width: 5,
 		height: 5,
 		borderRadius: 100,
 		marginRight: 5,
-		marginTop: Device.isIos() ? 4 : 5
+		marginTop: Device.isIos() ? 4 : 5,
 	},
 	title: {
 		fontSize: 18,
 		...fontStyles.normal,
-		color: colors.black
+		color: colors.black,
 	},
 	otherNetworkIcon: {
 		backgroundColor: colors.transparent,
 		borderColor: colors.grey100,
-		borderWidth: 1
-	}
+		borderWidth: 1,
+	},
 });
 
 /**
@@ -65,11 +65,11 @@ class NavbarTitle extends PureComponent {
 		/**
 		 * Boolean that specifies if the network can be changed
 		 */
-		disableNetwork: PropTypes.bool
+		disableNetwork: PropTypes.bool,
 	};
 
 	static defaultProps = {
-		translate: true
+		translate: true,
 	};
 
 	animating = false;
@@ -124,13 +124,10 @@ class NavbarTitle extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
-	network: state.engine.backgroundState.NetworkController
+const mapStateToProps = (state) => ({
+	network: state.engine.backgroundState.NetworkController,
 });
-const mapDispatchToProps = dispatch => ({
-	toggleNetworkModal: () => dispatch(toggleNetworkModal())
+const mapDispatchToProps = (dispatch) => ({
+	toggleNetworkModal: () => dispatch(toggleNetworkModal()),
 });
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(NavbarTitle);
+export default connect(mapStateToProps, mapDispatchToProps)(NavbarTitle);
diff --git a/app/components/UI/NavbarTitle/index.test.js b/app/components/UI/NavbarTitle/index.test.js
index 65580421735..e07d742d790 100644
--- a/app/components/UI/NavbarTitle/index.test.js
+++ b/app/components/UI/NavbarTitle/index.test.js
@@ -12,8 +12,8 @@ describe('NavbarTitle', () => {
 		const title = 'Test';
 		const network = {
 			provider: {
-				type: 'mainnet'
-			}
+				type: 'mainnet',
+			},
 		};
 		const wrapper = shallow(
 			<Provider store={store}>
diff --git a/app/components/UI/NetworkList/index.js b/app/components/UI/NetworkList/index.js
index 7d7d84c6595..e6118c56129 100644
--- a/app/components/UI/NetworkList/index.js
+++ b/app/components/UI/NetworkList/index.js
@@ -14,11 +14,11 @@ const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
 		borderRadius: 10,
-		minHeight: 450
+		minHeight: 450,
 	},
 	titleWrapper: {
 		borderBottomWidth: StyleSheet.hairlineWidth,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	title: {
 		textAlign: 'center',
@@ -26,12 +26,12 @@ const styles = StyleSheet.create({
 		marginVertical: 12,
 		marginHorizontal: 20,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	otherNetworksHeader: {
 		marginTop: 0,
 		borderBottomWidth: StyleSheet.hairlineWidth,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	otherNetworksText: {
 		textAlign: 'left',
@@ -39,10 +39,10 @@ const styles = StyleSheet.create({
 		marginVertical: 12,
 		marginHorizontal: 20,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	networksWrapper: {
-		flex: 1
+		flex: 1,
 	},
 	network: {
 		borderBottomWidth: StyleSheet.hairlineWidth,
@@ -50,20 +50,20 @@ const styles = StyleSheet.create({
 		flexDirection: 'row',
 		paddingHorizontal: 20,
 		paddingVertical: 20,
-		paddingLeft: 45
+		paddingLeft: 45,
 	},
 	mainnet: {
 		borderBottomWidth: 0,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	networkInfo: {
 		marginLeft: 15,
-		flex: 1
+		flex: 1,
 	},
 	networkLabel: {
 		fontSize: 16,
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	footer: {
 		borderTopWidth: StyleSheet.hairlineWidth,
@@ -71,44 +71,44 @@ const styles = StyleSheet.create({
 		height: 60,
 		justifyContent: 'center',
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	footerButton: {
 		flex: 1,
 		alignContent: 'center',
 		alignItems: 'center',
 		justifyContent: 'center',
-		height: 60
+		height: 60,
 	},
 	closeButton: {
 		fontSize: 16,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	networkIcon: {
 		width: 15,
 		height: 15,
 		borderRadius: 100,
-		marginTop: 3
+		marginTop: 3,
 	},
 	networkWrapper: {
 		flex: 0,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	selected: {
 		position: 'absolute',
 		marginLeft: 20,
-		marginTop: 20
+		marginTop: 20,
 	},
 	mainnetSelected: {
 		marginLeft: -30,
-		marginTop: 3
+		marginTop: 3,
 	},
 	otherNetworkIcon: {
 		backgroundColor: colors.transparent,
 		borderColor: colors.grey100,
-		borderWidth: 2
-	}
+		borderWidth: 2,
+	},
 });
 
 /**
@@ -135,12 +135,12 @@ export class NetworkList extends PureComponent {
 		/**
 		 * Show invalid custom network alert for networks without a chain ID
 		 */
-		showInvalidCustomNetworkAlert: PropTypes.func
+		showInvalidCustomNetworkAlert: PropTypes.func,
 	};
 
 	getOtherNetworks = () => getAllNetworks().slice(1);
 
-	onNetworkChange = type => {
+	onNetworkChange = (type) => {
 		requestAnimationFrame(() => {
 			this.props.onClose(false);
 			InteractionManager.runAfterInteractions(() => {
@@ -155,7 +155,7 @@ export class NetworkList extends PureComponent {
 				AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.NETWORK_SWITCHED, {
 					network_name: type,
 					chain_id: String(Networks[type].chainId),
-					source: 'Settings'
+					source: 'Settings',
 				});
 			});
 		});
@@ -165,7 +165,7 @@ export class NetworkList extends PureComponent {
 		this.props.onClose(true);
 	};
 
-	onSetRpcTarget = async rpcTarget => {
+	onSetRpcTarget = async (rpcTarget) => {
 		const { frequentRpcList } = this.props;
 		const { NetworkController, CurrencyRateController } = Engine.context;
 		const rpc = frequentRpcList.find(({ rpcUrl }) => rpcUrl === rpcTarget);
@@ -174,7 +174,7 @@ export class NetworkList extends PureComponent {
 			chainId,
 			ticker,
 			nickname,
-			rpcPrefs: { blockExplorerUrl }
+			rpcPrefs: { blockExplorerUrl },
 		} = rpc;
 
 		// If the network does not have chainId then show invalid custom network alert
@@ -194,7 +194,7 @@ export class NetworkList extends PureComponent {
 			source: 'Settings',
 			symbol: ticker,
 			block_explorer_url: blockExplorerUrl,
-			network_name: 'rpc'
+			network_name: 'rpc',
 		});
 
 		this.props.onClose(false);
@@ -288,10 +288,10 @@ export class NetworkList extends PureComponent {
 	);
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	provider: state.engine.backgroundState.NetworkController.provider,
 	frequentRpcList: state.engine.backgroundState.PreferencesController.frequentRpcList,
-	thirdPartyApiMode: state.privacy.thirdPartyApiMode
+	thirdPartyApiMode: state.privacy.thirdPartyApiMode,
 });
 
 export default connect(mapStateToProps)(NetworkList);
diff --git a/app/components/UI/NetworkList/index.test.js b/app/components/UI/NetworkList/index.test.js
index f72a6b66043..5fda848b800 100644
--- a/app/components/UI/NetworkList/index.test.js
+++ b/app/components/UI/NetworkList/index.test.js
@@ -9,20 +9,20 @@ describe('NetworkList', () => {
 	it('should render correctly', () => {
 		const initialState = {
 			privacy: {
-				approvedHosts: {}
+				approvedHosts: {},
 			},
 			engine: {
 				backgroundState: {
 					NetworkController: {
-						provider: { type: 'mainnet', rpcTarget: 'http://10.0.2.2:8545' }
+						provider: { type: 'mainnet', rpcTarget: 'http://10.0.2.2:8545' },
 					},
-					PreferencesController: { frequentRpcList: ['http://10.0.2.2:8545'] }
-				}
-			}
+					PreferencesController: { frequentRpcList: ['http://10.0.2.2:8545'] },
+				},
+			},
 		};
 
 		const wrapper = shallow(<NetworkList />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/NetworkMainAssetLogo/index.js b/app/components/UI/NetworkMainAssetLogo/index.js
index a3aff1d4166..a515a15519c 100644
--- a/app/components/UI/NetworkMainAssetLogo/index.js
+++ b/app/components/UI/NetworkMainAssetLogo/index.js
@@ -11,9 +11,9 @@ function NetworkMainAssetLogo({ chainId, ticker, style, big, biggest }) {
 	return <TokenIcon big={big} biggest={biggest} symbol={ticker} style={style} />;
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
-	ticker: state.engine.backgroundState.NetworkController.provider.ticker
+	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 });
 
 NetworkMainAssetLogo.propTypes = {
@@ -21,7 +21,7 @@ NetworkMainAssetLogo.propTypes = {
 	ticker: PropTypes.string,
 	style: PropTypes.object,
 	big: PropTypes.bool,
-	biggest: PropTypes.bool
+	biggest: PropTypes.bool,
 };
 
 export default connect(mapStateToProps)(NetworkMainAssetLogo);
diff --git a/app/components/UI/Notification/BaseNotification/index.js b/app/components/UI/Notification/BaseNotification/index.js
index f4b90393ac4..b80ab3ea66a 100644
--- a/app/components/UI/Notification/BaseNotification/index.js
+++ b/app/components/UI/Notification/BaseNotification/index.js
@@ -15,18 +15,18 @@ const styles = StyleSheet.create({
 		padding: 16,
 		marginHorizontal: 16,
 		flexDirection: 'row',
-		borderRadius: 8
+		borderRadius: 8,
 	},
 	flashLabel: {
 		flex: 1,
 		flexDirection: 'column',
-		color: colors.white
+		color: colors.white,
 	},
 	flashText: {
 		flex: 1,
 		fontSize: 12,
 		lineHeight: 18,
-		color: colors.white
+		color: colors.white,
 	},
 	flashTitle: {
 		flex: 1,
@@ -34,25 +34,25 @@ const styles = StyleSheet.create({
 		marginBottom: 2,
 		lineHeight: 18,
 		color: colors.white,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	flashIcon: {
-		marginRight: 15
+		marginRight: 15,
 	},
 	closeTouchable: {
 		flex: 0.1,
 		flexDirection: 'column',
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	closeIcon: {
 		flex: 1,
 		color: colors.white,
 		alignItems: 'flex-start',
-		marginTop: -8
-	}
+		marginTop: -8,
+	},
 });
 
-const getIcon = status => {
+const getIcon = (status) => {
 	switch (status) {
 		case 'pending':
 		case 'pending_withdrawal':
@@ -92,7 +92,7 @@ const getTitle = (status, { nonce, amount, assetType }) => {
 		case 'received':
 			return strings('notifications.received_title', {
 				amount,
-				assetType
+				assetType,
 			});
 		case 'speedup':
 			return strings('notifications.speedup_title', { nonce: parseInt(nonce) });
@@ -121,7 +121,7 @@ const BaseNotification = ({
 	data: { description = null, title = null },
 	onPress,
 	onHide,
-	autoDismiss
+	autoDismiss,
 }) => (
 	<View style={baseStyles.flexGrow}>
 		<TouchableOpacity
@@ -153,11 +153,11 @@ BaseNotification.propTypes = {
 	data: PropTypes.object,
 	onPress: PropTypes.func,
 	onHide: PropTypes.func,
-	autoDismiss: PropTypes.bool
+	autoDismiss: PropTypes.bool,
 };
 
 BaseNotification.defaultProps = {
-	autoDismiss: false
+	autoDismiss: false,
 };
 
 export default BaseNotification;
diff --git a/app/components/UI/Notification/SimpleNotification/index.js b/app/components/UI/Notification/SimpleNotification/index.js
index e8b492606bb..0ff29a8088f 100644
--- a/app/components/UI/Notification/SimpleNotification/index.js
+++ b/app/components/UI/Notification/SimpleNotification/index.js
@@ -8,15 +8,15 @@ import ElevatedView from 'react-native-elevated-view';
 
 const styles = StyleSheet.create({
 	modalTypeViewBrowser: {
-		bottom: Device.isIphoneX() ? 70 : 60
+		bottom: Device.isIphoneX() ? 70 : 60,
 	},
 	notificationContainer: {
 		position: 'absolute',
 		left: 0,
 		right: 0,
 		bottom: 0,
-		paddingBottom: Device.isIphoneX() ? 20 : 10
-	}
+		paddingBottom: Device.isIphoneX() ? 20 : 10,
+	},
 });
 
 function SimpleNotification({ isInBrowserView, notificationAnimated, hideCurrentNotification, currentNotification }) {
@@ -25,7 +25,7 @@ function SimpleNotification({ isInBrowserView, notificationAnimated, hideCurrent
 			style={[
 				styles.notificationContainer,
 				isInBrowserView && styles.modalTypeViewBrowser,
-				{ transform: [{ translateY: notificationAnimated }] }
+				{ transform: [{ translateY: notificationAnimated }] },
 			]}
 		>
 			<ElevatedView elevation={100}>
@@ -43,7 +43,7 @@ SimpleNotification.propTypes = {
 	isInBrowserView: PropTypes.bool,
 	notificationAnimated: PropTypes.object,
 	currentNotification: PropTypes.object,
-	hideCurrentNotification: PropTypes.func
+	hideCurrentNotification: PropTypes.func,
 };
 
 export default SimpleNotification;
diff --git a/app/components/UI/Notification/TransactionNotification/index.js b/app/components/UI/Notification/TransactionNotification/index.js
index 7718aa4f1e7..9b127083f6b 100644
--- a/app/components/UI/Notification/TransactionNotification/index.js
+++ b/app/components/UI/Notification/TransactionNotification/index.js
@@ -30,17 +30,17 @@ const styles = StyleSheet.create({
 		justifyContent: 'center',
 		alignItems: 'center',
 		paddingBottom: 200,
-		marginBottom: -300
+		marginBottom: -300,
 	},
 	modalContainer: {
 		width: '90%',
 		borderRadius: 10,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	titleWrapper: {
 		borderBottomWidth: StyleSheet.hairlineWidth,
 		borderColor: colors.grey100,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	title: {
 		flex: 1,
@@ -49,7 +49,7 @@ const styles = StyleSheet.create({
 		marginVertical: 12,
 		marginHorizontal: 24,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	modalTypeView: {
 		position: 'absolute',
@@ -57,36 +57,36 @@ const styles = StyleSheet.create({
 		paddingBottom: Device.isIphoneX() ? 20 : 10,
 		left: 0,
 		right: 0,
-		backgroundColor: colors.transparent
+		backgroundColor: colors.transparent,
 	},
 	modalViewInBrowserView: {
-		paddingBottom: Device.isIos() ? 130 : 120
+		paddingBottom: Device.isIos() ? 130 : 120,
 	},
 	modalTypeViewDetailsVisible: {
 		height: '100%',
-		backgroundColor: colors.greytransparent
+		backgroundColor: colors.greytransparent,
 	},
 	modalTypeViewBrowser: {
-		bottom: Device.isIphoneX() ? 70 : 60
+		bottom: Device.isIphoneX() ? 70 : 60,
 	},
 	closeIcon: {
 		paddingTop: 4,
 		position: 'absolute',
-		right: 16
+		right: 16,
 	},
 	notificationContainer: {
 		flex: 0.1,
 		flexDirection: 'row',
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	detailsContainer: {
 		flex: 1,
 		width: '200%',
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	transactionAction: {
-		width: '100%'
-	}
+		width: '100%',
+	},
 });
 
 function TransactionNotification(props) {
@@ -97,7 +97,7 @@ function TransactionNotification(props) {
 		notificationAnimated,
 		onClose,
 		transactions,
-		animatedTimingStart
+		animatedTimingStart,
 	} = props;
 
 	const [transactionDetails, setTransactionDetails] = useState(undefined);
@@ -118,7 +118,7 @@ function TransactionNotification(props) {
 	}, [setTransactionDetailsIsVisible, animatedTimingStart, detailsAnimated]);
 
 	const animateActionTo = useCallback(
-		position => {
+		(position) => {
 			animatedTimingStart(detailsYAnimated, position);
 			animatedTimingStart(actionXAnimated, position);
 		},
@@ -152,7 +152,7 @@ function TransactionNotification(props) {
 	const onActionFinish = useCallback(() => animateActionTo(0), [animateActionTo]);
 
 	const safelyExecute = useCallback(
-		callback => {
+		(callback) => {
 			try {
 				callback();
 			} catch (e) {
@@ -187,7 +187,7 @@ function TransactionNotification(props) {
 				tokens,
 				primaryCurrency,
 				swapsTransactions,
-				swapsTokens
+				swapsTokens,
 			} = props;
 			const [transactionElement, transactionDetails] = await decodeTransaction({
 				...props,
@@ -203,7 +203,7 @@ function TransactionNotification(props) {
 				tokens,
 				primaryCurrency,
 				swapsTransactions,
-				swapsTokens
+				swapsTokens,
 			});
 			const existingGasPrice = new BigNumber(tx?.transaction?.gasPrice || '0x0');
 			const gasFee = existingGasPrice
@@ -224,7 +224,7 @@ function TransactionNotification(props) {
 			style={[
 				styles.modalTypeView,
 				isInBrowserView && styles.modalTypeViewBrowser,
-				transactionDetailsIsVisible && styles.modalTypeViewDetailsVisible
+				transactionDetailsIsVisible && styles.modalTypeViewDetailsVisible,
 			]}
 			elevation={100}
 		>
@@ -235,7 +235,7 @@ function TransactionNotification(props) {
 							styles.modalView,
 							{ opacity: detailsAnimated },
 							isInBrowserView && styles.modalViewInBrowserView,
-							{ transform: [{ translateX: detailsYAnimated }] }
+							{ transform: [{ translateX: detailsYAnimated }] },
 						]}
 					>
 						<View style={styles.modalContainer}>
@@ -265,7 +265,7 @@ function TransactionNotification(props) {
 							styles.modalView,
 							{ opacity: detailsAnimated },
 							isInBrowserView && styles.modalViewInBrowserView,
-							{ transform: [{ translateX: actionXAnimated }] }
+							{ transform: [{ translateX: actionXAnimated }] },
 						]}
 					>
 						<View style={styles.transactionAction}>
@@ -299,7 +299,7 @@ function TransactionNotification(props) {
 					data={{
 						...tx?.transaction,
 						...currentNotification.transaction,
-						title: transactionElement?.notificationKey
+						title: transactionElement?.notificationKey,
 					}}
 					onPress={detailsFadeIn}
 					onHide={onCloseNotification}
@@ -366,10 +366,10 @@ TransactionNotification.propTypes = {
 	/**
 	 * Primary currency, either ETH or Fiat
 	 */
-	primaryCurrency: PropTypes.string
+	primaryCurrency: PropTypes.string,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 	transactions: state.engine.backgroundState.TransactionController.transactions,
@@ -385,7 +385,7 @@ const mapStateToProps = state => ({
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 	primaryCurrency: state.settings.primaryCurrency,
 	swapsTransactions: state.engine.backgroundState.TransactionController.swapsTransactions || {},
-	swapsTokens: state.engine.backgroundState.SwapsController.tokens
+	swapsTokens: state.engine.backgroundState.SwapsController.tokens,
 });
 
 export default connect(mapStateToProps)(TransactionNotification);
diff --git a/app/components/UI/Notification/index.js b/app/components/UI/Notification/index.js
index a5c805a2cbf..fec7c3a7f8d 100644
--- a/app/components/UI/Notification/index.js
+++ b/app/components/UI/Notification/index.js
@@ -20,12 +20,12 @@ function Notification({
 	currentNotificationIsVisible,
 	navigation,
 	hideCurrentNotification,
-	removeCurrentNotification
+	removeCurrentNotification,
 }) {
 	const notificationAnimated = useRef(new Animated.Value(200)).current;
-	const routes = useNavigationState(state => state.routes);
+	const routes = useNavigationState((state) => state.routes);
 
-	const usePrevious = value => {
+	const usePrevious = (value) => {
 		const ref = useRef();
 		useEffect(() => {
 			ref.current = value;
@@ -40,7 +40,7 @@ function Notification({
 			toValue,
 			duration: 500,
 			easing: Easing.linear,
-			useNativeDriver: true
+			useNativeDriver: true,
 		}).start(({ finished }) => finished && callback?.());
 	}, []);
 
@@ -69,7 +69,7 @@ function Notification({
 		currentNotificationIsVisible,
 		prevNotificationIsVisible,
 		currentNotification.autodismiss,
-		notificationAnimated
+		notificationAnimated,
 	]);
 
 	if (!currentNotification?.type) return null;
@@ -99,23 +99,20 @@ Notification.propTypes = {
 	currentNotification: PropTypes.object,
 	currentNotificationIsVisible: PropTypes.bool,
 	hideCurrentNotification: PropTypes.func,
-	removeCurrentNotification: PropTypes.func
+	removeCurrentNotification: PropTypes.func,
 };
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
 	const currentNotification = currentNotificationSelector(state.notification);
 	return {
 		currentNotification,
-		currentNotificationIsVisible: Boolean(currentNotification.isVisible)
+		currentNotificationIsVisible: Boolean(currentNotification.isVisible),
 	};
 };
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
 	removeCurrentNotification: () => dispatch(removeCurrentNotification()),
-	hideCurrentNotification: () => dispatch(hideCurrentNotification())
+	hideCurrentNotification: () => dispatch(hideCurrentNotification()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Notification);
+export default connect(mapStateToProps, mapDispatchToProps)(Notification);
diff --git a/app/components/UI/OnboardingProgress/index.js b/app/components/UI/OnboardingProgress/index.js
index 7556891748e..972e81705dc 100644
--- a/app/components/UI/OnboardingProgress/index.js
+++ b/app/components/UI/OnboardingProgress/index.js
@@ -7,7 +7,7 @@ const strokeWidth = 2;
 
 export default class OnboardingProgress extends PureComponent {
 	static defaultProps = {
-		currentStep: 0
+		currentStep: 0,
 	};
 
 	static propTypes = {
@@ -18,7 +18,7 @@ export default class OnboardingProgress extends PureComponent {
 		/**
 		 * array of text strings representing each step
 		 */
-		steps: PropTypes.array.isRequired
+		steps: PropTypes.array.isRequired,
 	};
 
 	customStyles = {
@@ -45,7 +45,7 @@ export default class OnboardingProgress extends PureComponent {
 		labelFontFamily: fontStyles.normal.fontFamily,
 		labelSize: 10,
 		currentStepLabelColor: colors.blue,
-		finishedStepLabelColor: colors.blue
+		finishedStepLabelColor: colors.blue,
 	};
 
 	render() {
diff --git a/app/components/UI/OnboardingScreenWithBg/index.js b/app/components/UI/OnboardingScreenWithBg/index.js
index e7ee85213ee..7b2e24d45f6 100644
--- a/app/components/UI/OnboardingScreenWithBg/index.js
+++ b/app/components/UI/OnboardingScreenWithBg/index.js
@@ -6,7 +6,7 @@ import { colors } from '../../../styles/common';
 const styles = StyleSheet.create({
 	flex: {
 		flex: 1,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	wrapper: {
 		top: 0,
@@ -19,19 +19,19 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		flex: 1,
 		width: null,
-		height: null
-	}
+		height: null,
+	},
 });
 
 const images = {
-	a: require('../../../images/welcome-bg1.jpg'),
-	b: require('../../../images/welcome-bg2.jpg'),
-	c: require('../../../images/welcome-bg3.jpg'),
-	d: require('../../../images/welcome-bg4.jpg'),
-	carousel: null
+	a: require('../../../images/welcome-bg1.jpg'), // eslint-disable-line
+	b: require('../../../images/welcome-bg2.jpg'), // eslint-disable-line
+	c: require('../../../images/welcome-bg3.jpg'), // eslint-disable-line
+	d: require('../../../images/welcome-bg4.jpg'), // eslint-disable-line
+	carousel: null,
 };
 
-const OnboardingScreenWithBg = props => (
+const OnboardingScreenWithBg = (props) => (
 	<View style={styles.flex}>
 		<ImageBackground source={images[props.screen]} style={styles.wrapper} resizeMode={'stretch'}>
 			{props.children}
@@ -50,7 +50,7 @@ OnboardingScreenWithBg.propTypes = {
 	 * it can be a text node, an image, or an icon
 	 * or an Array with a combination of them
 	 */
-	children: PropTypes.any
+	children: PropTypes.any,
 };
 
 export default OnboardingScreenWithBg;
diff --git a/app/components/UI/OnboardingWizard/Coachmark/index.js b/app/components/UI/OnboardingWizard/Coachmark/index.js
index 2ab2f83de3a..bef84154be4 100644
--- a/app/components/UI/OnboardingWizard/Coachmark/index.js
+++ b/app/components/UI/OnboardingWizard/Coachmark/index.js
@@ -10,24 +10,24 @@ const styles = StyleSheet.create({
 	coachmark: {
 		backgroundColor: colors.blue,
 		borderRadius: 8,
-		padding: 18
+		padding: 18,
 	},
 	progress: {
 		flexDirection: 'row',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	actions: {
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	actionButton: {
 		width: '100%',
-		marginTop: 10
+		marginTop: 10,
 	},
 	title: {
 		...fontStyles.bold,
 		color: colors.white,
 		fontSize: 18,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	triangle: {
 		width: 0,
@@ -40,7 +40,7 @@ const styles = StyleSheet.create({
 		borderLeftColor: colors.transparent,
 		borderRightColor: colors.transparent,
 		borderBottomColor: colors.blue,
-		position: 'absolute'
+		position: 'absolute',
 	},
 	triangleDown: {
 		width: 0,
@@ -53,46 +53,46 @@ const styles = StyleSheet.create({
 		borderLeftColor: colors.transparent,
 		borderRightColor: colors.transparent,
 		borderTopColor: colors.blue,
-		position: 'absolute'
+		position: 'absolute',
 	},
 	progressButton: {
 		width: 75,
 		height: 45,
-		padding: 5
+		padding: 5,
 	},
 	leftProgessButton: {
-		left: 0
+		left: 0,
 	},
 	rightProgessButton: {
-		right: 0
+		right: 0,
 	},
 	topCenter: {
 		marginBottom: 10,
 		bottom: -2,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	topLeft: {
 		marginBottom: 10,
 		bottom: -2,
 		alignItems: 'flex-start',
-		marginLeft: 30
+		marginLeft: 30,
 	},
 	topLeftCorner: {
 		marginBottom: 10,
 		bottom: -2,
 		alignItems: 'flex-start',
-		marginLeft: 12
+		marginLeft: 12,
 	},
 	bottomCenter: {
 		marginBottom: 10,
 		top: -2,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	bottomLeft: {
 		marginBottom: 10,
 		top: -2,
 		alignItems: 'flex-start',
-		marginLeft: 30
+		marginLeft: 30,
 	},
 	circle: {
 		width: 6,
@@ -100,15 +100,15 @@ const styles = StyleSheet.create({
 		borderRadius: 6 / 2,
 		backgroundColor: colors.white,
 		opacity: 0.4,
-		margin: 3
+		margin: 3,
 	},
 	solidCircle: {
-		opacity: 1
+		opacity: 1,
 	},
 	progessContainer: {
 		flexDirection: 'row',
-		alignSelf: 'center'
-	}
+		alignSelf: 'center',
+	},
 });
 
 export default class Coachmark extends PureComponent {
@@ -152,11 +152,11 @@ export default class Coachmark extends PureComponent {
 		/**
 		 * Bottom indicator position
 		 */
-		bottomIndicatorPosition: PropTypes.oneOf([false, 'bottomCenter', 'bottomLeft'])
+		bottomIndicatorPosition: PropTypes.oneOf([false, 'bottomCenter', 'bottomLeft']),
 	};
 
 	state = {
-		ready: false
+		ready: false,
 	};
 
 	opacity = new Animated.Value(0);
@@ -166,7 +166,7 @@ export default class Coachmark extends PureComponent {
 			toValue: 1,
 			duration: 500,
 			useNativeDriver: true,
-			isInteraction: false
+			isInteraction: false,
 		}).start();
 	};
 
@@ -175,7 +175,7 @@ export default class Coachmark extends PureComponent {
 			toValue: 0,
 			duration: 500,
 			useNativeDriver: true,
-			isInteraction: false
+			isInteraction: false,
 		}).start();
 	};
 
@@ -201,12 +201,12 @@ export default class Coachmark extends PureComponent {
 	 * @param {string} topIndicatorPosition - Indicator position
 	 * @returns {Object} - Corresponding style object
 	 */
-	getIndicatorStyle = topIndicatorPosition => {
+	getIndicatorStyle = (topIndicatorPosition) => {
 		const positions = {
 			topCenter: styles.topCenter,
 			topLeft: styles.topLeft,
 			topLeftCorner: styles.topLeftCorner,
-			[undefined]: styles.topCenter
+			[undefined]: styles.topCenter,
 		};
 		return positions[topIndicatorPosition];
 	};
@@ -217,11 +217,11 @@ export default class Coachmark extends PureComponent {
 	 * @param {string} bottomIndicatorPosition - Indicator position
 	 * @returns {Object} - Corresponding style object
 	 */
-	getBotttomIndicatorStyle = bottomIndicatorPosition => {
+	getBotttomIndicatorStyle = (bottomIndicatorPosition) => {
 		const positions = {
 			bottomCenter: styles.bottomCenter,
 			bottomLeft: styles.bottomLeft,
-			[undefined]: styles.bottomCenter
+			[undefined]: styles.bottomCenter,
 		};
 		return positions[bottomIndicatorPosition];
 	};
@@ -243,7 +243,7 @@ export default class Coachmark extends PureComponent {
 					{strings('onboarding_wizard.coachmark.progress_back')}
 				</StyledButton>
 				<View style={styles.progessContainer}>
-					{[1, 2, 3, 4, 5, 6].map(i => (
+					{[1, 2, 3, 4, 5, 6].map((i) => (
 						<View key={i} style={[styles.circle, currentStep === i ? styles.solidCircle : {}]} />
 					))}
 				</View>
diff --git a/app/components/UI/OnboardingWizard/Step1/index.js b/app/components/UI/OnboardingWizard/Step1/index.js
index cd2d7b6c231..ba65a0041a8 100644
--- a/app/components/UI/OnboardingWizard/Step1/index.js
+++ b/app/components/UI/OnboardingWizard/Step1/index.js
@@ -12,18 +12,18 @@ import Analytics from '../../../../core/Analytics';
 
 const styles = StyleSheet.create({
 	main: {
-		flex: 1
+		flex: 1,
 	},
 	coachmark: {
-		marginHorizontal: 16
+		marginHorizontal: 16,
 	},
 	coachmarkContainer: {
 		flex: 1,
 		position: 'absolute',
 		left: 0,
 		right: 0,
-		bottom: Device.isIphoneX() ? 36 : Device.isIos() ? 16 : 36
-	}
+		bottom: Device.isIphoneX() ? 36 : Device.isIos() ? 16 : 36,
+	},
 });
 
 class Step1 extends PureComponent {
@@ -35,7 +35,7 @@ class Step1 extends PureComponent {
 		/**
 		 * Dispatch set onboarding wizard step
 		 */
-		setOnboardingWizardStep: PropTypes.func
+		setOnboardingWizardStep: PropTypes.func,
 	};
 
 	/**
@@ -88,11 +88,8 @@ class Step1 extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(Step1);
+export default connect(null, mapDispatchToProps)(Step1);
diff --git a/app/components/UI/OnboardingWizard/Step2/index.js b/app/components/UI/OnboardingWizard/Step2/index.js
index a49606a328d..fc5c3276632 100644
--- a/app/components/UI/OnboardingWizard/Step2/index.js
+++ b/app/components/UI/OnboardingWizard/Step2/index.js
@@ -10,14 +10,14 @@ import onboardingStyles from './../styles';
 const INDICATOR_HEIGHT = 10;
 const styles = StyleSheet.create({
 	main: {
-		flex: 1
+		flex: 1,
 	},
 	coachmarkContainer: {
 		flex: 1,
 		position: 'absolute',
 		left: 0,
-		right: 0
-	}
+		right: 0,
+	},
 });
 
 class Step2 extends PureComponent {
@@ -29,11 +29,11 @@ class Step2 extends PureComponent {
 		/**
 		 * Coachmark ref to get position
 		 */
-		coachmarkRef: PropTypes.object
+		coachmarkRef: PropTypes.object,
 	};
 
 	state = {
-		coachmarkTop: 0
+		coachmarkTop: 0,
 	};
 
 	componentDidMount = () => {
@@ -43,7 +43,7 @@ class Step2 extends PureComponent {
 	/**
 	 * If component ref defined, calculate its position and position coachmark accordingly
 	 */
-	getPosition = ref => {
+	getPosition = (ref) => {
 		ref &&
 			ref.current &&
 			ref.current.measure((fx, fy, width, height, px, py) => {
@@ -98,11 +98,8 @@ class Step2 extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(Step2);
+export default connect(null, mapDispatchToProps)(Step2);
diff --git a/app/components/UI/OnboardingWizard/Step3/index.js b/app/components/UI/OnboardingWizard/Step3/index.js
index f1e4f3dbd42..ec5cdc70205 100644
--- a/app/components/UI/OnboardingWizard/Step3/index.js
+++ b/app/components/UI/OnboardingWizard/Step3/index.js
@@ -13,19 +13,19 @@ import Device from '../../../../util/device';
 const styles = StyleSheet.create({
 	main: {
 		flex: 1,
-		position: 'absolute'
+		position: 'absolute',
 	},
 	coachmarkContainer: {
 		flex: 1,
 		left: 0,
-		right: 0
+		right: 0,
 	},
 	accountLabelContainer: {
 		flex: 1,
 		width: Dimensions.get('window').width,
 		alignItems: 'center',
-		backgroundColor: colors.transparent
-	}
+		backgroundColor: colors.transparent,
+	},
 });
 
 class Step3 extends PureComponent {
@@ -53,14 +53,14 @@ class Step3 extends PureComponent {
 		/**
 		 * Coachmark ref to get position
 		 */
-		coachmarkRef: PropTypes.object
+		coachmarkRef: PropTypes.object,
 	};
 
 	state = {
 		coachmarkTop: 0,
 		viewTop: 0,
 		coachmarkTopReady: false,
-		viewTopReady: false
+		viewTopReady: false,
 	};
 
 	/**
@@ -74,13 +74,13 @@ class Step3 extends PureComponent {
 	/**
 	 * Sets coachmark top position getting AccountOverview component ref from Wallet
 	 */
-	getCoachmarkPosition = ref => {
+	getCoachmarkPosition = (ref) => {
 		ref &&
 			ref.current &&
 			ref.current.measure((fx, fy, width, height) => {
 				this.setState({
 					coachmarkTop: 2 * height,
-					coachmarkTopReady: true
+					coachmarkTopReady: true,
 				});
 			});
 	};
@@ -88,7 +88,7 @@ class Step3 extends PureComponent {
 	/**
 	 * Sets view top position getting accountOverview component ref from Wallet
 	 */
-	getViewPosition = ref => {
+	getViewPosition = (ref) => {
 		ref &&
 			ref.current &&
 			ref.current.measure((fx, fy, width, height, px, py) => {
@@ -96,7 +96,7 @@ class Step3 extends PureComponent {
 				const viewTop = Device.isIos() ? py : py + 1;
 				this.setState({
 					viewTop,
-					viewTopReady: true
+					viewTopReady: true,
 				});
 			});
 	};
@@ -158,18 +158,15 @@ class Step3 extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
-	identities: state.engine.backgroundState.PreferencesController.identities
+	identities: state.engine.backgroundState.PreferencesController.identities,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Step3);
+export default connect(mapStateToProps, mapDispatchToProps)(Step3);
diff --git a/app/components/UI/OnboardingWizard/Step3/index.test.js b/app/components/UI/OnboardingWizard/Step3/index.test.js
index 5389850017f..aabd376490e 100644
--- a/app/components/UI/OnboardingWizard/Step3/index.test.js
+++ b/app/components/UI/OnboardingWizard/Step3/index.test.js
@@ -12,26 +12,26 @@ describe('Step3', () => {
 				backgroundState: {
 					PreferencesController: {
 						selectedAddress: '0xe7E125654064EEa56229f273dA586F10DF96B0a1',
-						identities: { '0xe7E125654064EEa56229f273dA586F10DF96B0a1': { name: 'Account 1' } }
+						identities: { '0xe7E125654064EEa56229f273dA586F10DF96B0a1': { name: 'Account 1' } },
 					},
 					AccountTrackerController: {
 						accounts: {
 							'0xe7E125654064EEa56229f273dA586F10DF96B0a1': {
 								name: 'account 1',
 								address: '0xe7E125654064EEa56229f273dA586F10DF96B0a1',
-								balance: 0
-							}
-						}
+								balance: 0,
+							},
+						},
 					},
 					CurrencyRateController: {
-						currentCurrecy: 'USD'
-					}
-				}
-			}
+						currentCurrecy: 'USD',
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<Step3 coachmarkRef={{}} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/OnboardingWizard/Step4/index.js b/app/components/UI/OnboardingWizard/Step4/index.js
index 7ce6bf3ff35..b7d149c2b20 100644
--- a/app/components/UI/OnboardingWizard/Step4/index.js
+++ b/app/components/UI/OnboardingWizard/Step4/index.js
@@ -10,22 +10,22 @@ import { fontStyles, colors } from '../../../../styles/common';
 
 const styles = StyleSheet.create({
 	main: {
-		flex: 1
+		flex: 1,
 	},
 	coachmarkContainer: {
 		flex: 1,
 		position: 'absolute',
 		left: 0,
-		right: 0
+		right: 0,
 	},
 	hamburger: {
 		backgroundColor: colors.transparent,
 		height: 50,
-		width: 50
+		width: 50,
 	},
 	hamburgerContainer: {
-		maxWidth: 50
-	}
+		maxWidth: 50,
+	},
 });
 
 class Step4 extends PureComponent {
@@ -41,11 +41,11 @@ class Step4 extends PureComponent {
 		/**
 		 * Coachmark ref to get position
 		 */
-		coachmarkRef: PropTypes.object
+		coachmarkRef: PropTypes.object,
 	};
 
 	state = {
-		viewTop: 0
+		viewTop: 0,
 	};
 
 	componentDidMount = () => {
@@ -55,13 +55,13 @@ class Step4 extends PureComponent {
 	/**
 	 * Sets coachmark top position getting AccountOverview component ref from Wallet
 	 */
-	getViewPosition = ref => {
+	getViewPosition = (ref) => {
 		ref &&
 			ref.current &&
 			ref.current.measure((fx, fy, width, height, px, py) => {
 				py &&
 					this.setState({
-						viewTop: py - 50
+						viewTop: py - 50,
 					});
 			});
 	};
@@ -124,11 +124,8 @@ class Step4 extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(Step4);
+export default connect(null, mapDispatchToProps)(Step4);
diff --git a/app/components/UI/OnboardingWizard/Step5/index.js b/app/components/UI/OnboardingWizard/Step5/index.js
index a054a84e1d0..f13ed57a1ff 100644
--- a/app/components/UI/OnboardingWizard/Step5/index.js
+++ b/app/components/UI/OnboardingWizard/Step5/index.js
@@ -16,18 +16,18 @@ const WIDTH = Dimensions.get('window').width;
 const styles = StyleSheet.create({
 	main: {
 		flex: 1,
-		backgroundColor: colors.transparent
+		backgroundColor: colors.transparent,
 	},
 	some: {
 		marginLeft: 24,
-		marginRight: WIDTH - DRAWER_WIDTH + 24
+		marginRight: WIDTH - DRAWER_WIDTH + 24,
 	},
 	coachmarkContainer: {
 		flex: 1,
 		position: 'absolute',
 		left: 0,
-		right: 0
-	}
+		right: 0,
+	},
 });
 
 class Step5 extends PureComponent {
@@ -43,12 +43,12 @@ class Step5 extends PureComponent {
 		/**
 		 * Coachmark ref to get position
 		 */
-		coachmarkRef: PropTypes.object
+		coachmarkRef: PropTypes.object,
 	};
 
 	state = {
 		coachmarkTop: 0,
-		coachmarkBottom: 0
+		coachmarkBottom: 0,
 	};
 
 	componentDidMount = () => {
@@ -60,7 +60,7 @@ class Step5 extends PureComponent {
 	/**
 	 * If component ref defined, calculate its position and position coachmark accordingly
 	 */
-	getPosition = ref => {
+	getPosition = (ref) => {
 		ref &&
 			ref.current &&
 			ref.current.measure((a, b, width, height, px, py) => {
@@ -78,7 +78,7 @@ class Step5 extends PureComponent {
 		navigation && navigation.dispatch(DrawerActions.closeDrawer());
 		navigation &&
 			navigation.navigate('BrowserTabHome', {
-				screen: 'BrowserView'
+				screen: 'BrowserView',
 			});
 	};
 
@@ -114,7 +114,7 @@ class Step5 extends PureComponent {
 				<View
 					style={[
 						styles.coachmarkContainer,
-						Device.isSmallDevice() ? { top: this.state.coachmarkBottom } : { top: this.state.coachmarkTop }
+						Device.isSmallDevice() ? { top: this.state.coachmarkBottom } : { top: this.state.coachmarkTop },
 					]}
 				>
 					<Coachmark
@@ -133,11 +133,8 @@ class Step5 extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(Step5);
+export default connect(null, mapDispatchToProps)(Step5);
diff --git a/app/components/UI/OnboardingWizard/Step6/index.js b/app/components/UI/OnboardingWizard/Step6/index.js
index 78729a67803..368994d178a 100644
--- a/app/components/UI/OnboardingWizard/Step6/index.js
+++ b/app/components/UI/OnboardingWizard/Step6/index.js
@@ -10,14 +10,14 @@ import Device from '../../../../util/device';
 
 const styles = StyleSheet.create({
 	main: {
-		flex: 1
+		flex: 1,
 	},
 	coachmarkContainer: {
 		flex: 1,
 		position: 'absolute',
 		left: 0,
-		right: 0
-	}
+		right: 0,
+	},
 });
 
 class Step6 extends PureComponent {
@@ -33,12 +33,12 @@ class Step6 extends PureComponent {
 		/**
 		 * Callback to call when closing
 		 */
-		onClose: PropTypes.func
+		onClose: PropTypes.func,
 	};
 
 	state = {
 		ready: false,
-		coachmarkTop: 0
+		coachmarkTop: 0,
 	};
 
 	componentDidMount() {
@@ -106,11 +106,8 @@ class Step6 extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(Step6);
+export default connect(null, mapDispatchToProps)(Step6);
diff --git a/app/components/UI/OnboardingWizard/index.js b/app/components/UI/OnboardingWizard/index.js
index 127bc2c5541..7341fbcdd39 100644
--- a/app/components/UI/OnboardingWizard/index.js
+++ b/app/components/UI/OnboardingWizard/index.js
@@ -30,46 +30,46 @@ const styles = StyleSheet.create({
 		flex: 1,
 		margin: 0,
 		position: 'absolute',
-		backgroundColor: colors.transparent
+		backgroundColor: colors.transparent,
 	},
 	main: {
 		flex: 1,
-		backgroundColor: colors.transparent
+		backgroundColor: colors.transparent,
 	},
 	smallSkipWrapper: {
 		alignItems: 'center',
 		alignSelf: 'center',
-		bottom: Device.isIos() ? 30 : 35
+		bottom: Device.isIos() ? 30 : 35,
 	},
 	largeSkipWrapper: {
 		alignItems: 'center',
 		alignSelf: 'center',
-		bottom: Device.isIos() && Device.isIphoneX() ? 98 : 66
+		bottom: Device.isIos() && Device.isIphoneX() ? 98 : 66,
 	},
 	skip: {
 		height: 30,
 		borderRadius: 30,
 		backgroundColor: colors.white,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	androidElevated: {
 		width: 120,
-		borderRadius: 30
+		borderRadius: 30,
 	},
 	iosTouchable: {
-		width: 120
+		width: 120,
 	},
 	skipTextWrapper: {
 		flex: 1,
 		flexDirection: 'column',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	skipText: {
 		...fontStyles.normal,
 		fontSize: 12,
-		color: colors.blue
-	}
+		color: colors.blue,
+	},
 });
 
 class OnboardingWizard extends PureComponent {
@@ -89,7 +89,7 @@ class OnboardingWizard extends PureComponent {
 		/**
 		 * Coachmark ref to get position
 		 */
-		coachmarkRef: PropTypes.object
+		coachmarkRef: PropTypes.object,
 	};
 
 	/**
@@ -99,7 +99,7 @@ class OnboardingWizard extends PureComponent {
 		const {
 			setOnboardingWizardStep,
 			navigation,
-			wizard: { step }
+			wizard: { step },
 		} = this.props;
 		await DefaultPreference.set(ONBOARDING_WIZARD, EXPLORED);
 		setOnboardingWizardStep && setOnboardingWizardStep(0);
@@ -107,12 +107,12 @@ class OnboardingWizard extends PureComponent {
 		closing &&
 			InteractionManager.runAfterInteractions(() => {
 				Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.ONBOARDING_SELECTED_SKIP_TUTORIAL, {
-					View: ONBOARDING_WIZARD_STEP_DESCRIPTION[step]
+					View: ONBOARDING_WIZARD_STEP_DESCRIPTION[step],
 				});
 			});
 	};
 
-	onboardingWizardNavigator = step => {
+	onboardingWizardNavigator = (step) => {
 		const steps = {
 			1: <Step1 onClose={this.closeOnboardingWizard} />,
 			2: <Step2 coachmarkRef={this.props.coachmarkRef} />,
@@ -125,7 +125,7 @@ class OnboardingWizard extends PureComponent {
 					navigation={this.props.navigation}
 					onClose={this.closeOnboardingWizard}
 				/>
-			)
+			),
 		};
 		return steps[step];
 	};
@@ -134,7 +134,7 @@ class OnboardingWizard extends PureComponent {
 		const {
 			wizard: { step },
 			navigation,
-			setOnboardingWizardStep
+			setOnboardingWizardStep,
 		} = this.props;
 		if (step === 1) {
 			return this.closeOnboardingWizard();
@@ -151,7 +151,7 @@ class OnboardingWizard extends PureComponent {
 
 	render() {
 		const {
-			wizard: { step }
+			wizard: { step },
 		} = this.props;
 		return (
 			<Modal
@@ -170,7 +170,7 @@ class OnboardingWizard extends PureComponent {
 						elevation={10}
 						style={[
 							Device.isSmallDevice() ? styles.smallSkipWrapper : styles.largeSkipWrapper,
-							Device.isIos() ? {} : styles.androidElevated
+							Device.isIos() ? {} : styles.androidElevated,
 						]}
 					>
 						<TouchableOpacity
@@ -188,15 +188,12 @@ class OnboardingWizard extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-const mapStateToProps = state => ({
-	wizard: state.wizard
+const mapStateToProps = (state) => ({
+	wizard: state.wizard,
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(OnboardingWizard);
+export default connect(mapStateToProps, mapDispatchToProps)(OnboardingWizard);
diff --git a/app/components/UI/OnboardingWizard/index.test.js b/app/components/UI/OnboardingWizard/index.test.js
index 35af8253919..c7e1fd2477e 100644
--- a/app/components/UI/OnboardingWizard/index.test.js
+++ b/app/components/UI/OnboardingWizard/index.test.js
@@ -9,12 +9,12 @@ describe('OnboardingWizard', () => {
 	it('should render correctly', () => {
 		const initialState = {
 			wizard: {
-				step: 1
-			}
+				step: 1,
+			},
 		};
 
 		const wrapper = shallow(<OnboardingWizard />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/OnboardingWizard/styles.js b/app/components/UI/OnboardingWizard/styles.js
index 71008c6e6da..79a0d1f8e55 100644
--- a/app/components/UI/OnboardingWizard/styles.js
+++ b/app/components/UI/OnboardingWizard/styles.js
@@ -6,29 +6,29 @@ const SMALL_DEVICE = Device.isSmallDevice();
 
 export default StyleSheet.create({
 	container: {
-		flex: 1
+		flex: 1,
 	},
 	welcome: {
-		fontSize: 20
+		fontSize: 20,
 	},
 	content: {
 		...fontStyles.normal,
 		color: colors.white,
 		fontSize: 14,
 		textAlign: 'center',
-		marginBottom: SMALL_DEVICE ? 5 : 20
+		marginBottom: SMALL_DEVICE ? 5 : 20,
 	},
 	titleContainer: {
-		marginBottom: SMALL_DEVICE ? -10 : 0
+		marginBottom: SMALL_DEVICE ? -10 : 0,
 	},
 	contentContainer: {
-		marginTop: 20
+		marginTop: 20,
 	},
 	coachmark: {
-		marginHorizontal: SMALL_DEVICE ? 25 : 45
+		marginHorizontal: SMALL_DEVICE ? 25 : 45,
 	},
 	coachmarkLeft: {
 		marginLeft: SMALL_DEVICE ? 5 : 10,
-		marginRight: SMALL_DEVICE ? 45 : 85
-	}
+		marginRight: SMALL_DEVICE ? 45 : 85,
+	},
 });
diff --git a/app/components/UI/OptinMetrics/index.js b/app/components/UI/OptinMetrics/index.js
index 850738853b9..1c42b612680 100644
--- a/app/components/UI/OptinMetrics/index.js
+++ b/app/components/UI/OptinMetrics/index.js
@@ -18,67 +18,67 @@ import DefaultPreference from 'react-native-default-preference';
 const styles = StyleSheet.create({
 	root: {
 		...baseStyles.flexGrow,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	checkIcon: {
-		color: colors.green500
+		color: colors.green500,
 	},
 	crossIcon: {
-		color: colors.red
+		color: colors.red,
 	},
 	icon: {
-		marginRight: 5
+		marginRight: 5,
 	},
 	action: {
 		flex: 0,
 		flexDirection: 'row',
 		paddingVertical: 10,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	title: {
 		...fontStyles.bold,
 		color: colors.black,
-		fontSize: 22
+		fontSize: 22,
 	},
 	description: {
 		...fontStyles.normal,
 		color: colors.black,
-		flex: 1
+		flex: 1,
 	},
 	content: {
 		...fontStyles.normal,
 		fontSize: 14,
 		color: colors.black,
-		paddingVertical: 10
+		paddingVertical: 10,
 	},
 	wrapper: {
-		marginHorizontal: 20
+		marginHorizontal: 20,
 	},
 	privacyPolicy: {
 		...fontStyles.normal,
 		fontSize: 14,
 		color: colors.grey400,
-		marginTop: 10
+		marginTop: 10,
 	},
 	link: {
-		textDecorationLine: 'underline'
+		textDecorationLine: 'underline',
 	},
 	actionContainer: {
 		marginTop: 10,
 		flex: 0,
 		flexDirection: 'row',
 		padding: 16,
-		bottom: 0
+		bottom: 0,
 	},
 	button: {
-		flex: 1
+		flex: 1,
 	},
 	cancel: {
-		marginRight: 8
+		marginRight: 8,
 	},
 	confirm: {
-		marginLeft: 8
-	}
+		marginLeft: 8,
+	},
 });
 
 /**
@@ -103,12 +103,12 @@ class OptinMetrics extends PureComponent {
 		/**
 		 * Action to erase any event stored in onboarding state
 		 */
-		clearOnboardingEvents: PropTypes.func
+		clearOnboardingEvents: PropTypes.func,
 	};
 
-	actionsList = [1, 2, 3, 4, 5, 6].map(value => ({
+	actionsList = [1, 2, 3, 4, 5, 6].map((value) => ({
 		action: value <= 3 ? 0 : 1,
-		description: strings(`privacy_policy.action_description_${value}`)
+		description: strings(`privacy_policy.action_description_${value}`),
 	}));
 
 	componentDidMount() {
@@ -164,7 +164,7 @@ class OptinMetrics extends PureComponent {
 	onCancel = async () => {
 		setTimeout(async () => {
 			if (this.props.events && this.props.events.length) {
-				this.props.events.forEach(e => Analytics.trackEvent(e));
+				this.props.events.forEach((e) => Analytics.trackEvent(e));
 			}
 			Analytics.trackEvent(ANALYTICS_EVENT_OPTS.ONBOARDING_METRICS_OPT_OUT);
 			this.props.clearOnboardingEvents();
@@ -180,7 +180,7 @@ class OptinMetrics extends PureComponent {
 	onConfirm = async () => {
 		setTimeout(async () => {
 			if (this.props.events && this.props.events.length) {
-				this.props.events.forEach(e => Analytics.trackEvent(e));
+				this.props.events.forEach((e) => Analytics.trackEvent(e));
 			}
 			Analytics.trackEvent(ANALYTICS_EVENT_OPTS.ONBOARDING_METRICS_OPT_IN);
 			this.props.clearOnboardingEvents();
@@ -197,8 +197,8 @@ class OptinMetrics extends PureComponent {
 			screen: 'SimpleWebview',
 			params: {
 				url: AppConstants.URLS.PRIVACY_POLICY,
-				title: strings('privacy_policy.title')
-			}
+				title: strings('privacy_policy.title'),
+			},
 		});
 	};
 
@@ -253,16 +253,13 @@ class OptinMetrics extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	events: state.onboarding.events
+const mapStateToProps = (state) => ({
+	events: state.onboarding.events,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step)),
-	clearOnboardingEvents: () => dispatch(clearOnboardingEvents())
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
+	clearOnboardingEvents: () => dispatch(clearOnboardingEvents()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(OptinMetrics);
+export default connect(mapStateToProps, mapDispatchToProps)(OptinMetrics);
diff --git a/app/components/UI/OptinMetrics/index.test.js b/app/components/UI/OptinMetrics/index.test.js
index ef6bc99c680..91e3b2c7828 100644
--- a/app/components/UI/OptinMetrics/index.test.js
+++ b/app/components/UI/OptinMetrics/index.test.js
@@ -9,12 +9,12 @@ describe('OptinMetrics', () => {
 	it('should render correctly', () => {
 		const initialState = {
 			onboarding: {
-				event: 'event'
-			}
+				event: 'event',
+			},
 		};
 
 		const wrapper = shallow(<OptinMetrics />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
diff --git a/app/components/UI/Pager/index.js b/app/components/UI/Pager/index.js
index 93e7c1ee723..c777689c1f0 100644
--- a/app/components/UI/Pager/index.js
+++ b/app/components/UI/Pager/index.js
@@ -8,16 +8,16 @@ const defaultMargin = 4;
 const styles = StyleSheet.create({
 	wrapper: {
 		width: Dimensions.get('window').width,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	page: {
 		height: 7,
 		backgroundColor: colors.grey100,
-		marginRight: defaultMargin
+		marginRight: defaultMargin,
 	},
 	selected: {
-		backgroundColor: colors.blue
-	}
+		backgroundColor: colors.blue,
+	},
 });
 
 export default class Pager extends PureComponent {
@@ -29,7 +29,7 @@ export default class Pager extends PureComponent {
 		/**
 		 * The number of the selected page (1 index based)
 		 */
-		selected: PropTypes.number
+		selected: PropTypes.number,
 	};
 
 	render() {
@@ -46,7 +46,7 @@ export default class Pager extends PureComponent {
 							style={[
 								styles.page,
 								{ width: pageWidth },
-								this.props.selected >= i + 1 ? styles.selected : null
+								this.props.selected >= i + 1 ? styles.selected : null,
 							]}
 						/>
 					))}
diff --git a/app/components/UI/PaymentRequest/AssetList/index.js b/app/components/UI/PaymentRequest/AssetList/index.js
index 43ed28f3549..34bc18f825c 100644
--- a/app/components/UI/PaymentRequest/AssetList/index.js
+++ b/app/components/UI/PaymentRequest/AssetList/index.js
@@ -13,36 +13,36 @@ const styles = StyleSheet.create({
 		borderColor: colors.grey100,
 		padding: 8,
 		marginBottom: 8,
-		borderRadius: 8
+		borderRadius: 8,
 	},
 	assetListElement: {
 		flex: 1,
 		flexDirection: 'row',
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	text: {
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	textSymbol: {
 		...fontStyles.normal,
 		paddingBottom: 4,
-		fontSize: 16
+		fontSize: 16,
 	},
 	assetInfo: {
 		flex: 1,
 		flexDirection: 'column',
 		alignSelf: 'center',
-		padding: 4
+		padding: 4,
 	},
 	assetIcon: {
 		flexDirection: 'column',
 		alignSelf: 'center',
-		marginRight: 12
+		marginRight: 12,
 	},
 	ethLogo: {
 		width: 50,
-		height: 50
-	}
+		height: 50,
+	},
 });
 
 /**
@@ -61,7 +61,7 @@ export default class AssetList extends PureComponent {
 		/**
 		 * Message string to display when searchResults is empty
 		 */
-		emptyMessage: PropTypes.string
+		emptyMessage: PropTypes.string,
 	};
 
 	/**
@@ -69,7 +69,7 @@ export default class AssetList extends PureComponent {
 	 *
 	 * @param {object} asset - Asset to generate the logo to render
 	 */
-	renderLogo = asset => {
+	renderLogo = (asset) => {
 		const { logo, address, isETH } = asset;
 		if (!logo && !isETH) {
 			return <Identicon address={address} />;
diff --git a/app/components/UI/PaymentRequest/AssetList/index.test.js b/app/components/UI/PaymentRequest/AssetList/index.test.js
index b4654de87d5..bbe3755f495 100644
--- a/app/components/UI/PaymentRequest/AssetList/index.test.js
+++ b/app/components/UI/PaymentRequest/AssetList/index.test.js
@@ -10,7 +10,7 @@ describe('AssetList', () => {
 		const initialState = {};
 
 		const wrapper = shallow(<AssetList emptyMessage={'Enpty Message'} searchResults={[]} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/PaymentRequest/index.js b/app/components/UI/PaymentRequest/index.js
index 588412f7e82..ee6824c6367 100644
--- a/app/components/UI/PaymentRequest/index.js
+++ b/app/components/UI/PaymentRequest/index.js
@@ -7,7 +7,7 @@ import {
 	View,
 	TouchableOpacity,
 	KeyboardAvoidingView,
-	InteractionManager
+	InteractionManager,
 } from 'react-native';
 import { connect } from 'react-redux';
 import { colors, fontStyles, baseStyles } from '../../../styles/common';
@@ -28,7 +28,7 @@ import {
 	fiatNumberToTokenMinimalUnit,
 	renderFromTokenMinimalUnit,
 	fromTokenMinimalUnit,
-	toTokenMinimalUnit
+	toTokenMinimalUnit,
 } from '../../../util/number';
 import { strings } from '../../../../locales/i18n';
 import FontAwesome from 'react-native-vector-icons/FontAwesome';
@@ -46,18 +46,18 @@ const KEYBOARD_OFFSET = 120;
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	contentWrapper: {
 		paddingTop: 24,
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	title: {
 		...fontStyles.normal,
-		fontSize: 16
+		fontSize: 16,
 	},
 	searchWrapper: {
-		marginVertical: 8
+		marginVertical: 8,
 	},
 	searchInput: {
 		marginHorizontal: 0,
@@ -71,13 +71,13 @@ const styles = StyleSheet.create({
 		color: colors.grey400,
 		borderColor: colors.grey100,
 		borderWidth: 1,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	searchIcon: {
 		position: 'absolute',
 		textAlignVertical: 'center',
 		marginTop: Device.isAndroid() ? 9 : 10,
-		marginLeft: 12
+		marginLeft: 12,
 	},
 	input: {
 		...fontStyles.normal,
@@ -87,28 +87,28 @@ const styles = StyleSheet.create({
 		paddingBottom: 0,
 		paddingRight: 0,
 		paddingLeft: 0,
-		paddingTop: 0
+		paddingTop: 0,
 	},
 	eth: {
 		...fontStyles.normal,
 		fontSize: 24,
 		paddingTop: Device.isAndroid() ? 3 : 0,
 		paddingLeft: 10,
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	fiatValue: {
 		...fontStyles.normal,
-		fontSize: 18
+		fontSize: 18,
 	},
 	split: {
 		flex: 1,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	ethContainer: {
 		flex: 1,
 		flexDirection: 'row',
 		paddingLeft: 6,
-		paddingRight: 10
+		paddingRight: 10,
 	},
 	container: {
 		flex: 1,
@@ -120,70 +120,70 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		borderColor: colors.grey100,
 		borderRadius: 4,
-		borderWidth: 1
+		borderWidth: 1,
 	},
 	amounts: {
-		maxWidth: '70%'
+		maxWidth: '70%',
 	},
 	switchContainer: {
 		flex: 1,
 		flexDirection: 'column',
 		alignSelf: 'center',
-		right: 0
+		right: 0,
 	},
 	switchTouchable: {
 		flexDirection: 'row',
 		alignSelf: 'flex-end',
-		right: 0
+		right: 0,
 	},
 	enterAmountWrapper: {
 		flex: 1,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	button: {
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	buttonsWrapper: {
 		flex: 1,
 		flexDirection: 'row',
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	buttonsContainer: {
 		flex: 1,
 		flexDirection: 'column',
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	scrollViewContainer: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	errorWrapper: {
 		backgroundColor: colors.red000,
 		borderRadius: 4,
-		marginTop: 8
+		marginTop: 8,
 	},
 	errorText: {
 		color: colors.fontError,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	assetsWrapper: {
-		marginTop: 16
+		marginTop: 16,
 	},
 	assetsTitle: {
 		...fontStyles.normal,
 		fontSize: 16,
-		marginBottom: 8
+		marginBottom: 8,
 	},
 	secondaryAmount: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	currencySymbol: {
 		...fontStyles.normal,
-		fontSize: 24
+		fontSize: 24,
 	},
 	currencySymbolSmall: {
 		...fontStyles.normal,
-		fontSize: 18
-	}
+		fontSize: 18,
+	},
 });
 
 const contractList = Object.entries(contractMap)
@@ -191,7 +191,7 @@ const contractList = Object.entries(contractMap)
 		tokenData.address = address;
 		return tokenData;
 	})
-	.filter(tokenData => Boolean(tokenData.erc20));
+	.filter((tokenData) => Boolean(tokenData.erc20));
 
 const fuse = new Fuse(contractList, {
 	shouldSort: true,
@@ -200,13 +200,16 @@ const fuse = new Fuse(contractList, {
 	distance: 100,
 	maxPatternLength: 32,
 	minMatchCharLength: 1,
-	keys: [{ name: 'name', weight: 0.5 }, { name: 'symbol', weight: 0.5 }]
+	keys: [
+		{ name: 'name', weight: 0.5 },
+		{ name: 'symbol', weight: 0.5 },
+	],
 });
 
 const defaultEth = {
 	symbol: 'ETH',
 	name: 'Ether',
-	isETH: true
+	isETH: true,
 };
 const defaultAssets = [
 	defaultEth,
@@ -216,8 +219,8 @@ const defaultAssets = [
 		erc20: true,
 		logo: 'sai.svg',
 		name: 'Sai Stablecoin v1.0',
-		symbol: 'SAI'
-	}
+		symbol: 'SAI',
+	},
 ];
 
 const MODE_SELECT = 'select';
@@ -270,7 +273,7 @@ class PaymentRequest extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	amountInput = React.createRef();
@@ -286,7 +289,7 @@ class PaymentRequest extends PureComponent {
 		secondaryAmount: undefined,
 		symbol: undefined,
 		showError: false,
-		inputWidth: { width: '99%' }
+		inputWidth: { width: '99%' },
 	};
 
 	/**
@@ -297,7 +300,7 @@ class PaymentRequest extends PureComponent {
 		const receiveAsset = route?.params?.receiveAsset;
 		this.setState({
 			internalPrimaryCurrency: primaryCurrency,
-			inputWidth: { width: '100%' }
+			inputWidth: { width: '100%' },
 		});
 		if (receiveAsset) {
 			this.goToAmountInput(receiveAsset);
@@ -321,7 +324,7 @@ class PaymentRequest extends PureComponent {
 			amount: undefined,
 			cryptoAmount: undefined,
 			secondaryAmount: undefined,
-			symbol: undefined
+			symbol: undefined,
 		});
 	};
 
@@ -330,7 +333,7 @@ class PaymentRequest extends PureComponent {
 	 *
 	 * @param {object} selectedAsset - Asset selected to build the payment request
 	 */
-	goToAmountInput = async selectedAsset => {
+	goToAmountInput = async (selectedAsset) => {
 		const { navigation } = this.props;
 		navigation && navigation.setParams({ mode: MODE_AMOUNT, dispatch: this.goToAssetSelection });
 		await this.setState({ selectedAsset, mode: MODE_AMOUNT });
@@ -342,13 +345,13 @@ class PaymentRequest extends PureComponent {
 	 *
 	 * @param {string} searchInputValue - String containing assets query
 	 */
-	handleSearch = searchInputValue => {
+	handleSearch = (searchInputValue) => {
 		if (typeof searchInputValue !== 'string') {
 			searchInputValue = this.state.searchInputValue;
 		}
 
 		const fuseSearchResult = fuse.search(searchInputValue);
-		const addressSearchResult = contractList.filter(token => toLowerCaseEquals(token.address, searchInputValue));
+		const addressSearchResult = contractList.filter((token) => toLowerCaseEquals(token.address, searchInputValue));
 		const results = [...addressSearchResult, ...fuseSearchResult];
 		this.setState({ searchInputValue, results });
 	};
@@ -364,14 +367,14 @@ class PaymentRequest extends PureComponent {
 
 		if (chainId === '1') {
 			results = this.state.searchInputValue ? this.state.results : defaultAssets;
-		} else if (Object.values(NetworksChainId).find(value => value === chainId)) {
+		} else if (Object.values(NetworksChainId).find((value) => value === chainId)) {
 			results = [defaultEth];
 		} else {
 			results = [{ ...defaultEth, symbol: getTicker(ticker), name: '' }];
 		}
 
-		const userTokens = tokens.map(token => {
-			const contract = contractList.find(contractToken => contractToken.address === token.address);
+		const userTokens = tokens.map((token) => {
+			const contract = contractList.find((contractToken) => contractToken.address === token.address);
 			if (contract) return contract;
 			return token;
 		});
@@ -440,7 +443,7 @@ class PaymentRequest extends PureComponent {
 	 * @param {string} amount - String containing amount number from input, as token value
 	 * @returns {object} - Object containing respective symbol, secondaryAmount and cryptoAmount according to amount and selectedAsset
 	 */
-	handleETHPrimaryCurrency = amount => {
+	handleETHPrimaryCurrency = (amount) => {
 		const { conversionRate, currentCurrency, contractExchangeRates } = this.props;
 		const { selectedAsset } = this.state;
 		let secondaryAmount;
@@ -464,14 +467,14 @@ class PaymentRequest extends PureComponent {
 	 * @param {string} amount - String containing amount number from input, as fiat value
 	 * @returns {object} - Object containing respective symbol, secondaryAmount and cryptoAmount according to amount and selectedAsset
 	 */
-	handleFiatPrimaryCurrency = amount => {
+	handleFiatPrimaryCurrency = (amount) => {
 		const { conversionRate, currentCurrency, contractExchangeRates } = this.props;
 		const { selectedAsset } = this.state;
 		const symbol = currentCurrency;
 		const exchangeRate = selectedAsset && selectedAsset.address && contractExchangeRates[selectedAsset.address];
 		const undefAmount = (isDecimal(amount) && amount) || 0;
 		let secondaryAmount, cryptoAmount;
-		if (selectedAsset.symbol !== 'ETH' && (exchangeRate && exchangeRate !== 0)) {
+		if (selectedAsset.symbol !== 'ETH' && exchangeRate && exchangeRate !== 0) {
 			const secondaryMinimalUnit = fiatNumberToTokenMinimalUnit(
 				undefAmount,
 				conversionRate,
@@ -493,7 +496,7 @@ class PaymentRequest extends PureComponent {
 	 *
 	 * @param {string} amount - String containing amount number from input
 	 */
-	updateAmount = amount => {
+	updateAmount = (amount) => {
 		const { internalPrimaryCurrency, selectedAsset } = this.state;
 		const { conversionRate, contractExchangeRates, currentCurrency } = this.props;
 		const currencySymbol = currencySymbols[currentCurrency];
@@ -521,7 +524,7 @@ class PaymentRequest extends PureComponent {
 		const { internalPrimaryCurrency, secondaryAmount } = this.state;
 		const primarycurrencies = {
 			ETH: 'Fiat',
-			Fiat: 'ETH'
+			Fiat: 'ETH',
 		};
 		await this.setState({ internalPrimaryCurrency: primarycurrencies[internalPrimaryCurrency] });
 		this.updateAmount(secondaryAmount.split(' ')[0]);
@@ -561,7 +564,7 @@ class PaymentRequest extends PureComponent {
 						link,
 						qrLink: eth_link,
 						amount: cryptoAmount,
-						symbol: selectedAsset.symbol
+						symbol: selectedAsset.symbol,
 					});
 			} else {
 				this.setState({ showError: true });
@@ -576,15 +579,8 @@ class PaymentRequest extends PureComponent {
 	 */
 	renderEnterAmount = () => {
 		const { conversionRate, contractExchangeRates, currentCurrency } = this.props;
-		const {
-			amount,
-			secondaryAmount,
-			symbol,
-			cryptoAmount,
-			showError,
-			selectedAsset,
-			internalPrimaryCurrency
-		} = this.state;
+		const { amount, secondaryAmount, symbol, cryptoAmount, showError, selectedAsset, internalPrimaryCurrency } =
+			this.state;
 		const currencySymbol = currencySymbols[currentCurrency];
 		const exchangeRate = selectedAsset && selectedAsset.address && contractExchangeRates[selectedAsset.address];
 		let switchable = true;
@@ -699,7 +695,7 @@ class PaymentRequest extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 	contractExchangeRates: state.engine.backgroundState.TokenRatesController.contractExchangeRates,
@@ -708,7 +704,7 @@ const mapStateToProps = state => ({
 	tokens: state.engine.backgroundState.TokensController.tokens,
 	primaryCurrency: state.settings.primaryCurrency,
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
-	chainId: state.engine.backgroundState.NetworkController.provider.chainId
+	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 });
 
 export default connect(mapStateToProps)(PaymentRequest);
diff --git a/app/components/UI/PaymentRequestSuccess/index.js b/app/components/UI/PaymentRequestSuccess/index.js
index ac1d212a78f..d55089cee2a 100644
--- a/app/components/UI/PaymentRequestSuccess/index.js
+++ b/app/components/UI/PaymentRequestSuccess/index.js
@@ -7,7 +7,7 @@ import {
 	Text,
 	StyleSheet,
 	InteractionManager,
-	TouchableOpacity
+	TouchableOpacity,
 } from 'react-native';
 import Clipboard from '@react-native-community/clipboard';
 import { connect } from 'react-redux';
@@ -31,26 +31,26 @@ import { protectWalletModalVisible } from '../../../actions/user';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	contentWrapper: {
-		padding: 24
+		padding: 24,
 	},
 	button: {
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	titleText: {
 		...fontStyles.bold,
 		fontSize: 24,
 		marginVertical: 16,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	descriptionText: {
 		...fontStyles.normal,
 		fontSize: 14,
 		alignSelf: 'center',
 		textAlign: 'center',
-		marginVertical: 8
+		marginVertical: 8,
 	},
 	linkText: {
 		...fontStyles.normal,
@@ -58,77 +58,77 @@ const styles = StyleSheet.create({
 		color: colors.blue,
 		alignSelf: 'center',
 		textAlign: 'center',
-		marginVertical: 16
+		marginVertical: 16,
 	},
 	buttonsWrapper: {
 		flex: 1,
 		flexDirection: 'row',
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	buttonsContainer: {
 		flex: 1,
 		flexDirection: 'column',
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	scrollViewContainer: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	icon: {
 		color: colors.blue,
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	blueIcon: {
-		color: colors.white
+		color: colors.white,
 	},
 	iconWrapper: {
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	buttonText: {
 		...fontStyles.bold,
 		color: colors.blue,
 		fontSize: 14,
-		marginLeft: 8
+		marginLeft: 8,
 	},
 	blueButtonText: {
 		...fontStyles.bold,
 		color: colors.white,
 		fontSize: 14,
-		marginLeft: 8
+		marginLeft: 8,
 	},
 	buttonContent: {
 		flexDirection: 'row',
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	buttonIconWrapper: {
 		flexDirection: 'column',
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	buttonTextWrapper: {
 		flexDirection: 'column',
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	detailsWrapper: {
 		padding: 10,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	addressTitle: {
 		fontSize: 16,
 		marginBottom: 16,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	informationWrapper: {
-		paddingHorizontal: 40
+		paddingHorizontal: 40,
 	},
 	linkWrapper: {
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	titleQr: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	closeIcon: {
 		position: 'absolute',
 		right: Device.isIos() ? -30 : -40,
-		bottom: Device.isIos() ? 8 : 10
+		bottom: Device.isIos() ? 8 : 10,
 	},
 	qrCode: {
 		marginBottom: 16,
@@ -138,14 +138,14 @@ const styles = StyleSheet.create({
 		paddingBottom: 24,
 		paddingTop: 16,
 		backgroundColor: colors.grey000,
-		borderRadius: 8
+		borderRadius: 8,
 	},
 	qrCodeWrapper: {
 		borderColor: colors.grey300,
 		borderRadius: 8,
 		borderWidth: 1,
-		padding: 15
-	}
+		padding: 15,
+	},
 });
 
 /**
@@ -166,7 +166,7 @@ class PaymentRequestSuccess extends PureComponent {
 		/**
 		/* Prompts protect wallet modal
 		*/
-		protectWalletModalVisible: PropTypes.func
+		protectWalletModalVisible: PropTypes.func,
 	};
 
 	state = {
@@ -174,7 +174,7 @@ class PaymentRequestSuccess extends PureComponent {
 		qrLink: '',
 		amount: '',
 		symbol: '',
-		qrModalVisible: false
+		qrModalVisible: false,
 	};
 
 	/**
@@ -204,7 +204,7 @@ class PaymentRequestSuccess extends PureComponent {
 				isVisible: true,
 				autodismiss: 1500,
 				content: 'clipboard-alert',
-				data: { msg: strings('payment_request.link_copied') }
+				data: { msg: strings('payment_request.link_copied') },
 			});
 		});
 	};
@@ -215,8 +215,8 @@ class PaymentRequestSuccess extends PureComponent {
 	onShare = () => {
 		const { link } = this.state;
 		Share.open({
-			message: link
-		}).catch(err => {
+			message: link,
+		}).catch((err) => {
 			Logger.log('Error while trying to share payment request', err);
 		});
 	};
@@ -335,12 +335,9 @@ class PaymentRequestSuccess extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
-	showAlert: config => dispatch(showAlert(config)),
-	protectWalletModalVisible: () => dispatch(protectWalletModalVisible())
+const mapDispatchToProps = (dispatch) => ({
+	showAlert: (config) => dispatch(showAlert(config)),
+	protectWalletModalVisible: () => dispatch(protectWalletModalVisible()),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(PaymentRequestSuccess);
+export default connect(null, mapDispatchToProps)(PaymentRequestSuccess);
diff --git a/app/components/UI/PersonalSign/index.js b/app/components/UI/PersonalSign/index.js
index 91e21679a4b..293cc7b1748 100644
--- a/app/components/UI/PersonalSign/index.js
+++ b/app/components/UI/PersonalSign/index.js
@@ -17,14 +17,14 @@ const styles = StyleSheet.create({
 		fontSize: 14,
 		color: colors.fontPrimary,
 		...fontStyles.normal,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	textLeft: {
-		textAlign: 'left'
+		textAlign: 'left',
 	},
 	messageWrapper: {
-		marginBottom: 4
-	}
+		marginBottom: 4,
+	},
 });
 
 /**
@@ -59,11 +59,11 @@ export default class PersonalSign extends PureComponent {
 		/**
 		 * Indicated whether or not the expanded message is shown
 		 */
-		showExpandedMessage: PropTypes.bool
+		showExpandedMessage: PropTypes.bool,
 	};
 
 	state = {
-		truncateMessage: false
+		truncateMessage: false,
 	};
 
 	getAnalyticsParams = () => {
@@ -78,7 +78,7 @@ export default class PersonalSign extends PureComponent {
 				dapp_url: currentPageInformation?.url,
 				network_name: type,
 				chain_id: chainId,
-				sign_type: 'personal'
+				sign_type: 'personal',
 			};
 		} catch (error) {
 			return {};
@@ -99,7 +99,7 @@ export default class PersonalSign extends PureComponent {
 					title: confirmation
 						? strings('notifications.wc_signed_title')
 						: strings('notifications.wc_signed_rejected_title'),
-					description: strings('notifications.wc_description')
+					description: strings('notifications.wc_description'),
 				});
 		});
 	};
@@ -160,7 +160,7 @@ export default class PersonalSign extends PureComponent {
 		return messageText;
 	};
 
-	shouldTruncateMessage = e => {
+	shouldTruncateMessage = (e) => {
 		if (e.nativeEvent.lines.length > 5) {
 			this.setState({ truncateMessage: true });
 			return;
diff --git a/app/components/UI/PhishingModal/index.js b/app/components/UI/PhishingModal/index.js
index 817d7695439..eece1d6bc90 100644
--- a/app/components/UI/PhishingModal/index.js
+++ b/app/components/UI/PhishingModal/index.js
@@ -10,69 +10,69 @@ import URL from 'url-parse';
 const styles = StyleSheet.create({
 	warningIcon: {
 		color: colors.red,
-		marginRight: 10
+		marginRight: 10,
 	},
 	phishingModalWrapper: {
 		paddingHorizontal: 20,
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	phishingModalContent: {
 		height: 495,
 		borderRadius: 4,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	phishingModalTitle: {
 		...fontStyles.bold,
 		color: colors.red,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	phishingModalHeader: {
 		backgroundColor: colors.white,
 		paddingVertical: 20,
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	phishingModalInfo: {
 		backgroundColor: colors.grey000,
 		paddingTop: 20,
-		paddingHorizontal: 20
+		paddingHorizontal: 20,
 	},
 	phishingModalInfoContent: {
-		paddingBottom: 20
+		paddingBottom: 20,
 	},
 	phishingText: {
 		...fontStyles.normal,
 		fontSize: 11,
 		color: colors.fontPrimary,
-		marginBottom: 15
+		marginBottom: 15,
 	},
 	link: {
 		textDecorationColor: colors.fontPrimary,
-		textDecorationLine: 'underline'
+		textDecorationLine: 'underline',
 	},
 	bold: {
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	phishingFooter: {
 		marginTop: 10,
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	backToSafetyContainer: {
 		borderWidth: 0,
-		padding: 10
+		padding: 10,
 	},
 	backToSafetyText: {
 		color: colors.red,
-		fontSize: 12
+		fontSize: 12,
 	},
 	foxImage: {
 		alignSelf: 'center',
 		width: 48,
 		height: 48,
 		marginBottom: -15,
-		zIndex: 99999
-	}
+		zIndex: 99999,
+	},
 });
 
 const foxImage = require('../../../images/fox.png'); // eslint-disable-line import/no-commonjs
@@ -102,7 +102,7 @@ export default class PhishingModal extends PureComponent {
 		/**
 		 * Called when the user takes the recommended action
 		 */
-		goBackToSafety: PropTypes.func
+		goBackToSafety: PropTypes.func,
 	};
 
 	render() {
diff --git a/app/components/UI/ProtectYourWalletModal/index.js b/app/components/UI/ProtectYourWalletModal/index.js
index 1b02a796f5e..cdce5aa316b 100644
--- a/app/components/UI/ProtectYourWalletModal/index.js
+++ b/app/components/UI/ProtectYourWalletModal/index.js
@@ -15,48 +15,48 @@ const styles = StyleSheet.create({
 	wrapper: {
 		marginTop: 24,
 		marginHorizontal: 24,
-		flex: 1
+		flex: 1,
 	},
 	title: {
 		...fontStyles.bold,
 		color: colors.black,
 		textAlign: 'center',
 		fontSize: 20,
-		flex: 1
+		flex: 1,
 	},
 	imageWrapper: { flexDirection: 'column', alignItems: 'center', marginBottom: 12, marginTop: 30 },
 	image: {
 		width: scaling.scale(135, { baseModel: 1 }),
-		height: scaling.scale(160, { baseModel: 1 })
+		height: scaling.scale(160, { baseModel: 1 }),
 	},
 	text: {
 		...fontStyles.normal,
 		color: colors.black,
 		textAlign: 'center',
 		fontSize: 14,
-		marginBottom: 24
+		marginBottom: 24,
 	},
 	closeIcon: {
-		padding: 5
+		padding: 5,
 	},
 	learnMoreText: {
 		textAlign: 'center',
 		...fontStyles.normal,
 		color: colors.blue,
 		marginBottom: 14,
-		fontSize: 14
+		fontSize: 14,
 	},
 	modalXIcon: {
-		fontSize: 16
+		fontSize: 16,
 	},
 	titleWrapper: {
 		flexDirection: 'row',
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	auxCenter: {
-		width: 26
-	}
+		width: 26,
+	},
 });
 
 /**
@@ -76,7 +76,7 @@ class ProtectYourWalletModal extends PureComponent {
 		/**
 		 * Boolean that determines if the user has set a password before
 		 */
-		passwordSet: PropTypes.bool
+		passwordSet: PropTypes.bool,
 	};
 
 	goToBackupFlow = () => {
@@ -93,8 +93,8 @@ class ProtectYourWalletModal extends PureComponent {
 			screen: 'SimpleWebview',
 			params: {
 				url: 'https://metamask.zendesk.com/hc/en-us/articles/360015489591-Basic-Safety-Tips',
-				title: strings('protect_wallet_modal.title')
-			}
+				title: strings('protect_wallet_modal.title'),
+			},
 		});
 	};
 
@@ -141,16 +141,13 @@ class ProtectYourWalletModal extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	protectWalletModalVisible: state.user.protectWalletModalVisible,
-	passwordSet: state.user.passwordSet
+	passwordSet: state.user.passwordSet,
 });
 
-const mapDispatchToProps = dispatch => ({
-	protectWalletModalNotVisible: enable => dispatch(protectWalletModalNotVisible())
+const mapDispatchToProps = (dispatch) => ({
+	protectWalletModalNotVisible: (enable) => dispatch(protectWalletModalNotVisible()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(ProtectYourWalletModal);
+export default connect(mapStateToProps, mapDispatchToProps)(ProtectYourWalletModal);
diff --git a/app/components/UI/Radio/index.js b/app/components/UI/Radio/index.js
index 85e6ad6c484..03de8e9f3ff 100644
--- a/app/components/UI/Radio/index.js
+++ b/app/components/UI/Radio/index.js
@@ -14,7 +14,7 @@ const Radio = ({ selected }) => (
 );
 
 Radio.propTypes = {
-	selected: PropTypes.bool
+	selected: PropTypes.bool,
 };
 
 export default Radio;
diff --git a/app/components/UI/ReceiveRequest/index.js b/app/components/UI/ReceiveRequest/index.js
index 842023d1ece..f325550277b 100644
--- a/app/components/UI/ReceiveRequest/index.js
+++ b/app/components/UI/ReceiveRequest/index.js
@@ -33,14 +33,14 @@ const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
 		borderTopLeftRadius: 10,
-		borderTopRightRadius: 10
+		borderTopRightRadius: 10,
 	},
 	body: {
 		alignItems: 'center',
-		paddingHorizontal: 15
+		paddingHorizontal: 15,
 	},
 	qrWrapper: {
-		margin: 15
+		margin: 15,
 	},
 	addressWrapper: {
 		flexDirection: 'row',
@@ -49,7 +49,7 @@ const styles = StyleSheet.create({
 		padding: 9,
 		paddingHorizontal: 15,
 		backgroundColor: colors.grey000,
-		borderRadius: 30
+		borderRadius: 30,
 	},
 	copyButton: {
 		backgroundColor: colors.grey050,
@@ -58,26 +58,26 @@ const styles = StyleSheet.create({
 		overflow: 'hidden',
 		paddingVertical: 3,
 		paddingHorizontal: 6,
-		marginHorizontal: 6
+		marginHorizontal: 6,
 	},
 	actionRow: {
 		flexDirection: 'row',
-		marginBottom: 15
+		marginBottom: 15,
 	},
 	actionButton: {
 		flex: 1,
-		marginHorizontal: 8
+		marginHorizontal: 8,
 	},
 	title: {
 		...fontStyles.normal,
 		color: colors.fontPrimary,
 		fontSize: 18,
 		flexDirection: 'row',
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	titleWrapper: {
-		marginTop: 10
-	}
+		marginTop: 10,
+	},
 });
 
 /**
@@ -121,12 +121,12 @@ class ReceiveRequest extends PureComponent {
 		 * redux flag that indicates if the user
 		 * completed the seed phrase backup flow
 		 */
-		seedphraseBackedUp: PropTypes.bool
+		seedphraseBackedUp: PropTypes.bool,
 	};
 
 	state = {
 		qrModalVisible: false,
-		buyModalVisible: false
+		buyModalVisible: false,
 	};
 
 	/**
@@ -135,13 +135,13 @@ class ReceiveRequest extends PureComponent {
 	onShare = () => {
 		const { selectedAddress } = this.props;
 		Share.open({
-			message: generateUniversalLinkAddress(selectedAddress)
+			message: generateUniversalLinkAddress(selectedAddress),
 		})
 			.then(() => {
 				this.props.hideModal();
 				setTimeout(() => this.props.protectWalletModalVisible(), 1000);
 			})
-			.catch(err => {
+			.catch((err) => {
 				Logger.log('Error while trying to share address', err);
 			});
 		InteractionManager.runAfterInteractions(() => {
@@ -163,7 +163,7 @@ class ReceiveRequest extends PureComponent {
 				Analytics.trackEvent(ANALYTICS_EVENT_OPTS.WALLET_BUY_ETH);
 				AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.ONRAMP_OPENED, {
 					button_location: 'Receive Modal',
-					button_copy: 'Buy ETH'
+					button_copy: 'Buy ETH',
 				});
 			});
 		}
@@ -176,7 +176,7 @@ class ReceiveRequest extends PureComponent {
 			isVisible: true,
 			autodismiss: 1500,
 			content: 'clipboard-alert',
-			data: { msg: strings('account_details.account_copied_to_clipboard') }
+			data: { msg: strings('account_details.account_copied_to_clipboard') },
 		});
 		if (!this.props.seedphraseBackedUp) {
 			setTimeout(() => this.props.hideModal(), 1000);
@@ -187,7 +187,7 @@ class ReceiveRequest extends PureComponent {
 	/**
 	 * Closes QR code modal
 	 */
-	closeQrModal = toggleModal => {
+	closeQrModal = (toggleModal) => {
 		this.props.hideModal();
 		toggleModal();
 	};
@@ -206,7 +206,7 @@ class ReceiveRequest extends PureComponent {
 		this.props.toggleReceiveModal();
 		this.props.navigation.navigate('PaymentRequestView', {
 			screen: 'PaymentRequest',
-			params: { receiveAsset: this.props.receiveAsset }
+			params: { receiveAsset: this.props.receiveAsset },
 		});
 		InteractionManager.runAfterInteractions(() => {
 			Analytics.trackEvent(ANALYTICS_EVENT_OPTS.RECEIVE_OPTIONS_PAYMENT_REQUEST);
@@ -300,20 +300,17 @@ class ReceiveRequest extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	network: state.engine.backgroundState.NetworkController.network,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 	receiveAsset: state.modals.receiveAsset,
-	seedphraseBackedUp: state.user.seedphraseBackedUp
+	seedphraseBackedUp: state.user.seedphraseBackedUp,
 });
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
 	toggleReceiveModal: () => dispatch(toggleReceiveModal()),
-	showAlert: config => dispatch(showAlert(config)),
-	protectWalletModalVisible: () => dispatch(protectWalletModalVisible())
+	showAlert: (config) => dispatch(showAlert(config)),
+	protectWalletModalVisible: () => dispatch(protectWalletModalVisible()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(ReceiveRequest);
+export default connect(mapStateToProps, mapDispatchToProps)(ReceiveRequest);
diff --git a/app/components/UI/ReceiveRequest/index.test.js b/app/components/UI/ReceiveRequest/index.test.js
index 0fd34fbccba..749ec60cbf6 100644
--- a/app/components/UI/ReceiveRequest/index.test.js
+++ b/app/components/UI/ReceiveRequest/index.test.js
@@ -11,19 +11,19 @@ describe('ReceiveRequest', () => {
 			engine: {
 				backgroundState: {
 					PreferencesController: { selectedAddress: '0x' },
-					NetworkController: { network: '1' }
-				}
+					NetworkController: { network: '1' },
+				},
 			},
 			modals: {
-				receiveAsset: {}
+				receiveAsset: {},
 			},
 			user: {
-				seedphraseBackedUp: true
-			}
+				seedphraseBackedUp: true,
+			},
 		};
 
 		const wrapper = shallow(<ReceiveRequest />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/ScanStep/index.js b/app/components/UI/ScanStep/index.js
index d4c98847bf8..8e714de4bb3 100644
--- a/app/components/UI/ScanStep/index.js
+++ b/app/components/UI/ScanStep/index.js
@@ -9,16 +9,16 @@ const styles = StyleSheet.create({
 		...fontStyles.normal,
 		fontSize: scaling.scale(14),
 		color: colors.fontPrimary,
-		lineHeight: 28
+		lineHeight: 28,
 	},
 	row: {
 		flexDirection: 'row',
 		alignItems: 'flex-start',
 		flexWrap: 'wrap',
-		marginBottom: 6
+		marginBottom: 6,
 	},
 	val: { width: '8%' },
-	stepTitle: { width: '92%' }
+	stepTitle: { width: '92%' },
 });
 
 const ScanStep = ({ step, children }) => (
@@ -34,7 +34,7 @@ const ScanStep = ({ step, children }) => (
 
 ScanStep.propTypes = {
 	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-	step: PropTypes.number
+	step: PropTypes.number,
 };
 
 export default ScanStep;
diff --git a/app/components/UI/Screen/index.js b/app/components/UI/Screen/index.js
index 4fe9c6f8801..eefac8a6698 100644
--- a/app/components/UI/Screen/index.js
+++ b/app/components/UI/Screen/index.js
@@ -11,7 +11,7 @@ export default class Screen extends PureComponent {
 		/**
 		 * Content to wrap inside this view
 		 */
-		children: PropTypes.node
+		children: PropTypes.node,
 	};
 
 	componentDidMount() {
diff --git a/app/components/UI/SearchTokenAutocomplete/index.js b/app/components/UI/SearchTokenAutocomplete/index.js
index 61791751850..25ee11424fb 100644
--- a/app/components/UI/SearchTokenAutocomplete/index.js
+++ b/app/components/UI/SearchTokenAutocomplete/index.js
@@ -12,8 +12,8 @@ import AnalyticsV2 from '../../../util/analyticsV2';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
 /**
@@ -23,25 +23,25 @@ export default class SearchTokenAutocomplete extends PureComponent {
 	state = {
 		searchResults: [],
 		searchQuery: '',
-		selectedAsset: {}
+		selectedAsset: {},
 	};
 
 	static propTypes = {
 		/**
 		/* navigation object required to push new views
 		*/
-		navigation: PropTypes.object
+		navigation: PropTypes.object,
 	};
 
 	cancelAddToken = () => {
 		this.props.navigation.goBack();
 	};
 
-	handleSearch = opts => {
+	handleSearch = (opts) => {
 		this.setState({ searchResults: opts.results, searchQuery: opts.searchQuery });
 	};
 
-	handleSelectAsset = asset => {
+	handleSelectAsset = (asset) => {
 		this.setState({ selectedAsset: asset });
 	};
 
@@ -59,7 +59,7 @@ export default class SearchTokenAutocomplete extends PureComponent {
 				token_symbol: symbol,
 				network_name: type,
 				chain_id: chainId,
-				source: 'Add token dropdown'
+				source: 'Add token dropdown',
 			};
 		} catch (error) {
 			return {};
@@ -78,7 +78,7 @@ export default class SearchTokenAutocomplete extends PureComponent {
 			{
 				searchResults: [],
 				searchQuery: '',
-				selectedAsset: {}
+				selectedAsset: {},
 			},
 			() => {
 				InteractionManager.runAfterInteractions(() => {
diff --git a/app/components/UI/SeedPhraseVideo/index.js b/app/components/UI/SeedPhraseVideo/index.js
index 1c917f20b80..b78ae25e950 100644
--- a/app/components/UI/SeedPhraseVideo/index.js
+++ b/app/components/UI/SeedPhraseVideo/index.js
@@ -11,11 +11,11 @@ const HEIGHT = scaling.scale(240);
 const styles = StyleSheet.create({
 	videoContainer: {
 		height: HEIGHT,
-		width: '100%'
+		width: '100%',
 	},
 	mediaPlayer: {
-		height: HEIGHT
-	}
+		height: HEIGHT,
+	},
 });
 
 const SeedPhraseVideo = ({ style, onClose }) => {
@@ -28,8 +28,8 @@ const SeedPhraseVideo = ({ style, onClose }) => {
 			title: strings('secret_phrase_video_subtitle.title'),
 			language: strings('secret_phrase_video_subtitle.language'),
 			type: TextTrackType.VTT,
-			uri: strings('secret_phrase_video_subtitle.uri')
-		}
+			uri: strings('secret_phrase_video_subtitle.uri'),
+		},
 	];
 
 	return (
@@ -47,7 +47,7 @@ const SeedPhraseVideo = ({ style, onClose }) => {
 
 SeedPhraseVideo.propTypes = {
 	style: PropTypes.object,
-	onClose: PropTypes.func
+	onClose: PropTypes.func,
 };
 
 export default SeedPhraseVideo;
diff --git a/app/components/UI/SeedphraseModal/index.js b/app/components/UI/SeedphraseModal/index.js
index 85e95971625..4a35062d696 100644
--- a/app/components/UI/SeedphraseModal/index.js
+++ b/app/components/UI/SeedphraseModal/index.js
@@ -12,28 +12,28 @@ const styles = {
 		fontSize: 18,
 		color: colors.fontPrimary,
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	modalNoBorder: {
-		borderTopWidth: 0
+		borderTopWidth: 0,
 	},
 	modalContainer: {
 		flex: 1,
 		padding: 27,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	modalXButton: {
 		padding: 5,
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	titleContainer: {
 		flexDirection: 'row',
 		justifyContent: 'center',
 		alignItems: 'center',
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	auxCenterView: {
-		width: 26
+		width: 26,
 	},
 	explanationText: {
 		fontSize: 14,
@@ -41,11 +41,11 @@ const styles = {
 		textAlign: 'center',
 		...fontStyles.normal,
 		color: colors.fontPrimary,
-		lineHeight: 20
+		lineHeight: 20,
 	},
 	modalXIcon: {
-		fontSize: 16
-	}
+		fontSize: 16,
+	},
 };
 
 const SeedphraseModal = ({ showWhatIsSeedphraseModal, hideWhatIsSeedphrase }) => (
@@ -87,7 +87,7 @@ SeedphraseModal.propTypes = {
 	/**
 	/* Function to hide modal
 	*/
-	hideWhatIsSeedphrase: PropTypes.func
+	hideWhatIsSeedphrase: PropTypes.func,
 };
 
 export default SeedphraseModal;
diff --git a/app/components/UI/SelectComponent/index.js b/app/components/UI/SelectComponent/index.js
index 7c067289bdf..7a558ef9983 100644
--- a/app/components/UI/SelectComponent/index.js
+++ b/app/components/UI/SelectComponent/index.js
@@ -13,14 +13,14 @@ const PickerItem = Picker.Item;
 const ROW_HEIGHT = 35;
 const styles = StyleSheet.create({
 	dropdown: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	iconDropdown: {
 		marginTop: 7,
 		height: 25,
 		justifyContent: 'flex-end',
 		textAlign: 'right',
-		marginRight: 10
+		marginRight: 10,
 	},
 	selectedOption: {
 		flex: 1,
@@ -30,56 +30,56 @@ const styles = StyleSheet.create({
 		paddingHorizontal: 15,
 		paddingTop: 10,
 		paddingBottom: 10,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	accesoryBar: {
 		width: '100%',
 		paddingTop: 5,
 		height: 50,
 		borderBottomColor: colors.grey100,
-		borderBottomWidth: 1
+		borderBottomWidth: 1,
 	},
 	label: {
 		textAlign: 'center',
 		flex: 1,
 		paddingVertical: 10,
 		fontSize: 17,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	modal: {
 		margin: 0,
 		width: '100%',
-		padding: 60
+		padding: 60,
 	},
 	modalView: {
 		backgroundColor: colors.white,
 		justifyContent: 'center',
 		alignItems: 'center',
-		borderRadius: 10
+		borderRadius: 10,
 	},
 	list: {
-		width: '100%'
+		width: '100%',
 	},
 	optionButton: {
 		paddingHorizontal: 15,
 		paddingVertical: 5,
 		flexDirection: 'row',
-		height: ROW_HEIGHT
+		height: ROW_HEIGHT,
 	},
 	optionLabel: {
 		paddingVertical: 10,
 		flex: 1,
 		fontSize: 14,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	icon: {
 		paddingHorizontal: 10,
-		marginTop: 5
+		marginTop: 5,
 	},
 	listWrapper: {
 		flex: 1,
-		paddingBottom: 10
-	}
+		paddingBottom: 10,
+	},
 });
 
 export default class SelectComponent extends PureComponent {
@@ -103,16 +103,16 @@ export default class SelectComponent extends PureComponent {
 		/**
 		 * Callback for value change
 		 */
-		onValueChange: PropTypes.func
+		onValueChange: PropTypes.func,
 	};
 
 	state = {
-		pickerVisible: false
+		pickerVisible: false,
 	};
 
 	scrollView = Device.isIos() ? React.createRef() : null;
 
-	onValueChange = val => {
+	onValueChange = (val) => {
 		this.props.onValueChange(val);
 		setTimeout(() => {
 			this.hidePicker();
@@ -144,7 +144,7 @@ export default class SelectComponent extends PureComponent {
 
 	getSelectedValue = () => {
 		const { options, selectedValue, defaultValue } = this.props;
-		const el = options && options.filter(o => o.value === selectedValue);
+		const el = options && options.filter((o) => o.value === selectedValue);
 		if (el.length && el[0].label) {
 			return el[0].label;
 		}
@@ -161,7 +161,7 @@ export default class SelectComponent extends PureComponent {
 				onValueChange={this.onValueChange}
 				prompt={this.props.label}
 			>
-				{this.props.options.map(option => (
+				{this.props.options.map((option) => (
 					<PickerItem value={option.value} label={option.label} key={option.key} />
 				))}
 			</Picker>
@@ -191,7 +191,7 @@ export default class SelectComponent extends PureComponent {
 					</View>
 					<ScrollView style={styles.list} ref={this.scrollView}>
 						<View style={styles.listWrapper}>
-							{this.props.options.map(option => (
+							{this.props.options.map((option) => (
 								<TouchableOpacity
 									// eslint-disable-next-line react/jsx-no-bind
 									onPress={() => this.onValueChange(option.value)}
diff --git a/app/components/UI/SelectComponent/index.test.js b/app/components/UI/SelectComponent/index.test.js
index 9da4eac02a6..23450941cce 100644
--- a/app/components/UI/SelectComponent/index.test.js
+++ b/app/components/UI/SelectComponent/index.test.js
@@ -8,7 +8,7 @@ describe('SelectComponent', () => {
 			<SelectComponent
 				options={[
 					{ key: 'key 1', val: 'val 1', label: 'option 1' },
-					{ key: 'key 2', val: 'val 2', label: 'option 2' }
+					{ key: 'key 2', val: 'val 2', label: 'option 2' },
 				]}
 				selectedValue={'val 2'}
 				label={'Choose an option'}
diff --git a/app/components/UI/SettingsDrawer/index.js b/app/components/UI/SettingsDrawer/index.js
index f540358aadb..8159af70d05 100644
--- a/app/components/UI/SettingsDrawer/index.js
+++ b/app/components/UI/SettingsDrawer/index.js
@@ -13,46 +13,46 @@ const styles = StyleSheet.create({
 		borderBottomWidth: 1,
 		flexDirection: 'row',
 		minHeight: 100,
-		paddingVertical: 18
+		paddingVertical: 18,
 	},
 	content: {
-		flex: 1
+		flex: 1,
 	},
 	title: {
 		...fontStyles.normal,
 		color: colors.fontPrimary,
 		fontSize: 20,
-		marginBottom: 8
+		marginBottom: 8,
 	},
 	description: {
 		...fontStyles.normal,
 		color: colors.grey500,
 		fontSize: 14,
 		lineHeight: 20,
-		paddingRight: 8
+		paddingRight: 8,
 	},
 	action: {
 		flex: 0,
-		paddingHorizontal: 16
+		paddingHorizontal: 16,
 	},
 	icon: {
 		bottom: 8,
 		color: colors.grey400,
 		left: 4,
-		position: 'relative'
+		position: 'relative',
 	},
 	noBorder: {
-		borderBottomWidth: 0
+		borderBottomWidth: 0,
 	},
 	warning: {
 		alignSelf: 'flex-start',
-		marginTop: 20
+		marginTop: 20,
 	},
 	menuItemWarningText: {
 		color: colors.red,
 		fontSize: 12,
-		...fontStyles.normal
-	}
+		...fontStyles.normal,
+	},
 });
 
 const propTypes = {
@@ -72,11 +72,11 @@ const propTypes = {
 	/**
 	 * Display SettingsNotification
 	 */
-	warning: PropTypes.bool
+	warning: PropTypes.bool,
 };
 
 const defaultProps = {
-	onPress: undefined
+	onPress: undefined,
 };
 
 const SettingsDrawer = ({ title, description, noBorder, onPress, warning }) => (
diff --git a/app/components/UI/SettingsNotification/index.js b/app/components/UI/SettingsNotification/index.js
index 67c5aac004f..797e5985603 100644
--- a/app/components/UI/SettingsNotification/index.js
+++ b/app/components/UI/SettingsNotification/index.js
@@ -11,7 +11,7 @@ const styles = StyleSheet.create({
 		alignSelf: 'center',
 		justifyContent: 'flex-end',
 		flexDirection: 'row',
-		marginRight: 24
+		marginRight: 24,
 	},
 	wrapper: {
 		padding: 12,
@@ -21,20 +21,20 @@ const styles = StyleSheet.create({
 		justifyContent: 'center',
 		alignItems: 'center',
 		width: '100%',
-		marginTop: 10
+		marginTop: 10,
 	},
 	icon: {
-		marginRight: 4
+		marginRight: 4,
 	},
 	red: {
-		backgroundColor: colors.red000
+		backgroundColor: colors.red000,
 	},
 	normal: {
-		backgroundColor: colors.grey000
+		backgroundColor: colors.grey000,
 	},
 	check: {
-		color: colors.green500
-	}
+		color: colors.green500,
+	},
 });
 
 const WarningIcon = () => <Icon style={styles.icon} size={16} color={colors.red} name="exclamation-triangle" />;
@@ -44,20 +44,20 @@ const propTypes = {
 	style: PropTypes.object,
 	isWarning: PropTypes.bool,
 	isNotification: PropTypes.bool,
-	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
+	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
 };
 
 const defaultProps = {
 	style: {},
 	isWarning: false,
-	isHighlighted: false
+	isHighlighted: false,
 };
 
 const SettingsNotification = ({ style, isWarning, isNotification, children }) => (
 	<View
 		style={[
 			isNotification ? Object.assign({}, styles.menuItemWarning, style) : styles.wrapper,
-			isNotification ? null : isWarning ? styles.red : styles.normal
+			isNotification ? null : isWarning ? styles.red : styles.normal,
 		]}
 	>
 		{isWarning ? <WarningIcon /> : <CheckIcon />}
diff --git a/app/components/UI/SignatureRequest/ExpandedMessage/index.js b/app/components/UI/SignatureRequest/ExpandedMessage/index.js
index aaf7ddd2173..90821d4a187 100644
--- a/app/components/UI/SignatureRequest/ExpandedMessage/index.js
+++ b/app/components/UI/SignatureRequest/ExpandedMessage/index.js
@@ -15,7 +15,7 @@ const styles = StyleSheet.create({
 		borderTopLeftRadius: 20,
 		borderTopRightRadius: 20,
 		padding: 24,
-		paddingBottom: Device.isIphoneX() ? 44 : 24
+		paddingBottom: Device.isIphoneX() ? 44 : 24,
 	},
 
 	expandedMessageHeader: {
@@ -23,39 +23,39 @@ const styles = StyleSheet.create({
 		flexDirection: 'row',
 		justifyContent: 'space-between',
 		alignItems: 'center',
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	arrowIcon: {
 		...baseStyles.flexGrow,
-		color: colors.grey200
+		color: colors.grey200,
 	},
 	iconHidden: {
-		...baseStyles.flexGrow
+		...baseStyles.flexGrow,
 	},
 	messageLabelTextExpanded: {
 		...baseStyles.flexGrow,
 		textAlign: 'center',
 		...fontStyles.bold,
-		fontSize: 16
+		fontSize: 16,
 	},
 	messageIntroWrapper: {
 		alignItems: 'center',
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	domainLogo: {
 		width: 40,
 		height: 40,
 		borderRadius: 20,
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	messageFromLabel: {
 		textAlign: 'center',
 		...fontStyles.bold,
-		fontSize: 16
+		fontSize: 16,
 	},
 	scrollView: {
-		...baseStyles.flexGrow
-	}
+		...baseStyles.flexGrow,
+	},
 });
 
 /**
@@ -74,7 +74,7 @@ export default class ExpandedMessage extends PureComponent {
 		/**
 		 * Expands the message box on press.
 		 */
-		toggleExpandedMessage: PropTypes.func
+		toggleExpandedMessage: PropTypes.func,
 	};
 
 	render() {
diff --git a/app/components/UI/SignatureRequest/index.js b/app/components/UI/SignatureRequest/index.js
index d3c9c10a3e6..8f375a28a06 100644
--- a/app/components/UI/SignatureRequest/index.js
+++ b/app/components/UI/SignatureRequest/index.js
@@ -22,27 +22,27 @@ const styles = StyleSheet.create({
 		minHeight: '90%',
 		borderTopLeftRadius: 20,
 		borderTopRightRadius: 20,
-		paddingBottom: Device.isIphoneX() ? 20 : 0
+		paddingBottom: Device.isIphoneX() ? 20 : 0,
 	},
 	expandedHeight2: {
-		minHeight: '90%'
+		minHeight: '90%',
 	},
 	expandedHeight1: {
-		minHeight: '90%'
+		minHeight: '90%',
 	},
 	signingInformation: {
 		alignItems: 'center',
-		marginVertical: 24
+		marginVertical: 24,
 	},
 	domainLogo: {
 		width: 40,
 		height: 40,
 		marginRight: 8,
-		borderRadius: 20
+		borderRadius: 20,
 	},
 	messageColumn: {
 		width: '75%',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	warningLink: {
 		...fontStyles.normal,
@@ -50,34 +50,34 @@ const styles = StyleSheet.create({
 		textAlign: 'center',
 		paddingHorizontal: 10,
 		paddingBottom: 10,
-		textDecorationLine: 'underline'
+		textDecorationLine: 'underline',
 	},
 	signText: {
 		...fontStyles.bold,
 		fontSize: 20,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	messageLabelText: {
 		...fontStyles.bold,
 		fontSize: 16,
-		marginBottom: 4
+		marginBottom: 4,
 	},
 	readMore: {
 		color: colors.blue,
 		fontSize: 14,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	warningWrapper: {
 		width: '100%',
 		paddingHorizontal: 24,
-		paddingTop: 24
+		paddingTop: 24,
 	},
 	actionViewChild: {
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	accountInfoCardWrapper: {
 		marginBottom: 20,
-		width: '100%'
+		width: '100%',
 	},
 	children: {
 		alignSelf: 'center',
@@ -87,15 +87,15 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		borderColor: colors.grey200,
 		borderRadius: 10,
-		padding: 16
+		padding: 16,
 	},
 	arrowIconWrapper: {
 		flexGrow: 1,
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	arrowIcon: {
-		color: colors.grey200
-	}
+		color: colors.grey200,
+	},
 });
 
 /**
@@ -142,7 +142,7 @@ class SignatureRequest extends PureComponent {
 		/**
 		 * Expands the message box on press.
 		 */
-		toggleExpandedMessage: PropTypes.func
+		toggleExpandedMessage: PropTypes.func,
 	};
 
 	/**
@@ -176,7 +176,7 @@ class SignatureRequest extends PureComponent {
 		const { type, networkType } = this.props;
 		return {
 			network: networkType,
-			functionType: type
+			functionType: type,
 		};
 	};
 
@@ -186,8 +186,8 @@ class SignatureRequest extends PureComponent {
 			screen: 'SimpleWebview',
 			params: {
 				url: 'https://metamask.zendesk.com/hc/en-us/articles/360015488751',
-				title: 'metamask.zendesk.com'
-			}
+				title: 'metamask.zendesk.com',
+			},
 		});
 	};
 
@@ -268,8 +268,8 @@ class SignatureRequest extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	networkType: state.engine.backgroundState.NetworkController.provider.type
+const mapStateToProps = (state) => ({
+	networkType: state.engine.backgroundState.NetworkController.provider.type,
 });
 
 export default connect(mapStateToProps)(SignatureRequest);
diff --git a/app/components/UI/SignatureRequest/index.test.js b/app/components/UI/SignatureRequest/index.test.js
index ef0a381d3f3..ce05298fcec 100644
--- a/app/components/UI/SignatureRequest/index.test.js
+++ b/app/components/UI/SignatureRequest/index.test.js
@@ -12,23 +12,23 @@ describe('SignatureRequest', () => {
 			engine: {
 				backgroundState: {
 					AccountTrackerController: {
-						accounts: { '0x2': { balance: '0' } }
+						accounts: { '0x2': { balance: '0' } },
 					},
 					PreferencesController: {
 						selectedAddress: '0x2',
-						identities: { '0x2': { address: '0x2', name: 'Account 1' } }
+						identities: { '0x2': { address: '0x2', name: 'Account 1' } },
 					},
 					NetworkController: {
 						provider: {
-							type: ROPSTEN
-						}
-					}
-				}
-			}
+							type: ROPSTEN,
+						},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<SignatureRequest currentPageInformation={{ title: 'title', url: 'url' }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/SkipAccountSecurityModal/index.js b/app/components/UI/SkipAccountSecurityModal/index.js
index bd50fca22d7..6d0edf63a50 100644
--- a/app/components/UI/SkipAccountSecurityModal/index.js
+++ b/app/components/UI/SkipAccountSecurityModal/index.js
@@ -13,10 +13,10 @@ const styles = StyleSheet.create({
 	imageWarning: {
 		width: 56,
 		height: 56,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	modalNoBorder: {
-		borderTopWidth: 0
+		borderTopWidth: 0,
 	},
 	skipTitle: {
 		fontSize: 24,
@@ -24,37 +24,37 @@ const styles = StyleSheet.create({
 		marginBottom: 16,
 		color: colors.fontPrimary,
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	skipModalContainer: {
 		flex: 1,
 		margin: 24,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	skipModalXButton: {
 		flex: 1,
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	skipModalXIcon: {
-		fontSize: 16
+		fontSize: 16,
 	},
 	skipModalActionButtons: {
 		flexDirection: 'row',
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	skipModalCheckbox: {
 		height: 18,
 		width: 18,
 		marginRight: 12,
-		marginTop: 3
+		marginTop: 3,
 	},
 	skipModalText: {
 		flex: 1,
 		...fontStyles.normal,
 		lineHeight: 20,
 		fontSize: 14,
-		paddingHorizontal: 10
-	}
+		paddingHorizontal: 10,
+	},
 });
 
 const SkipAccountSecurityModal = ({ modalVisible, onConfirm, onCancel, onPress, toggleSkipCheckbox, skipCheckbox }) => (
@@ -108,12 +108,12 @@ const propTypes = {
 	onCancel: PropTypes.func.isRequired,
 	onPress: PropTypes.func.isRequired,
 	toggleSkipCheckbox: PropTypes.func.isRequired,
-	skipCheckbox: PropTypes.bool.isRequired
+	skipCheckbox: PropTypes.bool.isRequired,
 };
 
 const defaultProps = {
 	modalVisible: false,
-	skipCheckbox: false
+	skipCheckbox: false,
 };
 
 SkipAccountSecurityModal.propTypes = propTypes;
diff --git a/app/components/UI/SliderButton/index.js b/app/components/UI/SliderButton/index.js
index c395fbe6fa7..731f6cfbed7 100644
--- a/app/components/UI/SliderButton/index.js
+++ b/app/components/UI/SliderButton/index.js
@@ -20,10 +20,10 @@ const styles = StyleSheet.create({
 		shadowOpacity: 0.5,
 		shadowColor: colors.blue200,
 		shadowOffset: { width: 0, height: 3 },
-		elevation: 0 // shadow colors not supported on Android. nothing > gray shadow
+		elevation: 0, // shadow colors not supported on Android. nothing > gray shadow
 	},
 	disabledContainer: {
-		opacity: 0.66
+		opacity: 0.66,
 	},
 	slider: {
 		position: 'absolute',
@@ -32,7 +32,7 @@ const styles = StyleSheet.create({
 		borderRadius: DIAMETER,
 		borderWidth: MARGIN,
 		borderColor: colors.blue600,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	trackBack: {
 		position: 'relative',
@@ -42,26 +42,26 @@ const styles = StyleSheet.create({
 		justifyContent: 'center',
 		alignItems: 'center',
 		borderRadius: DIAMETER,
-		backgroundColor: colors.blue700
+		backgroundColor: colors.blue700,
 	},
 	trackBackGradient: {
 		position: 'absolute',
 		width: '100%',
-		height: '100%'
+		height: '100%',
 	},
 	trackBackGradientPressed: {
-		opacity: 0.66
+		opacity: 0.66,
 	},
 	trackBackShine: {
 		position: 'absolute',
 		height: '200%',
-		left: 0
+		left: 0,
 	},
 	trackFront: {
 		position: 'absolute',
 		overflow: 'hidden',
 		height: '100%',
-		borderRadius: DIAMETER
+		borderRadius: DIAMETER,
 	},
 
 	textFrontContainer: {
@@ -69,18 +69,18 @@ const styles = StyleSheet.create({
 		width: '100%',
 		height: '100%',
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	textBack: {
 		...fontStyles.normal,
 		color: colors.white,
-		fontSize: 16
+		fontSize: 16,
 	},
 	textFront: {
 		...fontStyles.normal,
 		color: colors.white,
-		fontSize: 16
-	}
+		fontSize: 16,
+	},
 });
 
 function SliderButton({ incompleteText, completeText, onComplete, disabled }) {
@@ -98,26 +98,26 @@ function SliderButton({ incompleteText, completeText, onComplete, disabled }) {
 			pan.x.interpolate({
 				inputRange: [0, Math.max(componentWidth - DIAMETER, 0)],
 				outputRange: [0, componentWidth - DIAMETER],
-				extrapolate: 'clamp'
+				extrapolate: 'clamp',
 			}),
 		[componentWidth, pan.x]
 	);
 
 	const incompleteTextOpacity = sliderPosition.interpolate({
 		inputRange: [0, Math.max(componentWidth - DIAMETER, 0)],
-		outputRange: [1, 0]
+		outputRange: [1, 0],
 	});
 	const shineOpacity = disabled
 		? 0
 		: incompleteTextOpacity.interpolate({
 				inputRange: [0, 0.5, 1],
-				outputRange: [0, 0, 1]
+				outputRange: [0, 0, 1],
 				// eslint-disable-next-line no-mixed-spaces-and-tabs
 		  });
 	const sliderCompletedOpacity = completion.interpolate({ inputRange: [0, 1], outputRange: [1, 0] });
 	const trackFrontBackgroundColor = completion.interpolate({
 		inputRange: [0, 1],
-		outputRange: [colors.blue600, colors.success]
+		outputRange: [colors.blue600, colors.success],
 	});
 
 	const startCompleteAnimation = useCallback(() => {
@@ -128,8 +128,8 @@ function SliderButton({ incompleteText, completeText, onComplete, disabled }) {
 				Animated.spring(pan, {
 					toValue: { x: componentWidth, y: 0 },
 					useNativeDriver: false,
-					isInteraction: false
-				})
+					isInteraction: false,
+				}),
 			]).start(() => {
 				if (onComplete && !hasCompletedCalled) {
 					setHasCompletedCalled(true);
@@ -156,7 +156,7 @@ function SliderButton({ incompleteText, completeText, onComplete, disabled }) {
 					} else {
 						Animated.spring(pan, { toValue: { x: 0, y: 0 }, useNativeDriver: false }).start();
 					}
-				}
+				},
 			}),
 		[componentWidth, disabled, hasCompletedCalled, pan, startCompleteAnimation]
 	);
@@ -169,8 +169,8 @@ function SliderButton({ incompleteText, completeText, onComplete, disabled }) {
 					toValue: 100,
 					duration: 2000,
 					useNativeDriver: false,
-					isInteraction: false
-				})
+					isInteraction: false,
+				}),
 			])
 		);
 		animation.start();
@@ -183,7 +183,7 @@ function SliderButton({ incompleteText, completeText, onComplete, disabled }) {
 	return (
 		<View
 			style={[styles.container, disabled && styles.disabledContainer]}
-			onLayout={e => {
+			onLayout={(e) => {
 				setComponentWidth(e.nativeEvent.layout.width);
 			}}
 		>
@@ -203,11 +203,11 @@ function SliderButton({ incompleteText, completeText, onComplete, disabled }) {
 									{
 										translateX: shineOffset.interpolate({
 											inputRange: [0, 100],
-											outputRange: [-142, componentWidth + 142]
-										})
-									}
-								]
-							}
+											outputRange: [-142, componentWidth + 142],
+										}),
+									},
+								],
+							},
 						]}
 						source={SliderShineImg}
 						resizeMode={'contain'}
@@ -215,7 +215,7 @@ function SliderButton({ incompleteText, completeText, onComplete, disabled }) {
 				)}
 				<Animated.View
 					style={{
-						opacity: incompleteTextOpacity
+						opacity: incompleteTextOpacity,
 					}}
 				>
 					<Text style={styles.textBack}>{incompleteText}</Text>
@@ -226,8 +226,8 @@ function SliderButton({ incompleteText, completeText, onComplete, disabled }) {
 					styles.trackFront,
 					{
 						backgroundColor: trackFrontBackgroundColor,
-						width: Animated.add(sliderPosition, DIAMETER)
-					}
+						width: Animated.add(sliderPosition, DIAMETER),
+					},
 				]}
 			>
 				<View style={[styles.textFrontContainer, { width: componentWidth }]}>
@@ -238,7 +238,7 @@ function SliderButton({ incompleteText, completeText, onComplete, disabled }) {
 				{...panResponder.panHandlers}
 				style={[
 					styles.slider,
-					{ opacity: sliderCompletedOpacity, transform: [{ translateX: sliderPosition }] }
+					{ opacity: sliderCompletedOpacity, transform: [{ translateX: sliderPosition }] },
 				]}
 			/>
 		</View>
@@ -261,7 +261,7 @@ SliderButton.propTypes = {
 	/**
 	 * Value that decides whether or not the slider is disabled
 	 */
-	disabled: PropTypes.bool
+	disabled: PropTypes.bool,
 };
 
 export default SliderButton;
diff --git a/app/components/UI/SlippageSlider/index.js b/app/components/UI/SlippageSlider/index.js
index e79c725f1c7..b243cace285 100644
--- a/app/components/UI/SlippageSlider/index.js
+++ b/app/components/UI/SlippageSlider/index.js
@@ -18,10 +18,10 @@ const styles = StyleSheet.create({
 	root: {
 		position: 'relative',
 		justifyContent: 'center',
-		height: COMPONENT_HEIGHT
+		height: COMPONENT_HEIGHT,
 	},
 	rootDisabled: {
-		opacity: 0.5
+		opacity: 0.5,
 	},
 	slider: {
 		position: 'absolute',
@@ -34,15 +34,15 @@ const styles = StyleSheet.create({
 		shadowColor: colors.black,
 		shadowOffset: {
 			width: 0,
-			height: 0
+			height: 0,
 		},
 		shadowOpacity: 0.18,
-		shadowRadius: 14
+		shadowRadius: 14,
 	},
 	trackBackContainer: {
 		position: 'absolute',
 		paddingHorizontal: DIAMETER / 2 - 2 * TRACK_PADDING,
-		bottom: DIAMETER / 2 - (TICK_DIAMETER + 2 * TRACK_PADDING) / 2
+		bottom: DIAMETER / 2 - (TICK_DIAMETER + 2 * TRACK_PADDING) / 2,
 	},
 	trackBack: {
 		flexDirection: 'row',
@@ -52,14 +52,14 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.blue000,
 		borderRadius: TICK_DIAMETER + 2 * TRACK_PADDING,
 		borderWidth: TRACK_PADDING,
-		borderColor: colors.blue000
+		borderColor: colors.blue000,
 	},
 	tick: {
 		height: TICK_DIAMETER,
 		width: TICK_DIAMETER,
 		borderRadius: TICK_DIAMETER,
 		backgroundColor: colors.spinnerColor,
-		opacity: 0.5
+		opacity: 0.5,
 	},
 	trackFront: {
 		position: 'absolute',
@@ -67,7 +67,7 @@ const styles = StyleSheet.create({
 		bottom: DIAMETER / 2 - (TICK_DIAMETER + 2 * TRACK_PADDING) / 2,
 		left: DIAMETER / 2 - 2 * TRACK_PADDING,
 		height: TICK_DIAMETER + 2 * TRACK_PADDING,
-		borderRadius: TICK_DIAMETER + 2 * TRACK_PADDING
+		borderRadius: TICK_DIAMETER + 2 * TRACK_PADDING,
 	},
 	tooltipContainer: {
 		position: 'absolute',
@@ -78,7 +78,7 @@ const styles = StyleSheet.create({
 		borderRadius: 8,
 		minHeight: TOOLTIP_HEIGHT,
 		minWidth: 40,
-		top: 0
+		top: 0,
 	},
 	tooltipTail: {
 		position: 'absolute',
@@ -88,13 +88,13 @@ const styles = StyleSheet.create({
 		width: TAIL_WIDTH,
 		height: TAIL_WIDTH,
 		backgroundColor: colors.grey700,
-		transform: [{ rotate: '45deg' }]
+		transform: [{ rotate: '45deg' }],
 	},
 	tooltipText: {
 		...fontStyles.normal,
 		color: colors.white,
-		fontSize: 12
-	}
+		fontSize: 12,
+	},
 });
 
 const setAnimatedValue = (animatedValue, value) => animatedValue.setValue(value);
@@ -121,13 +121,13 @@ const SlippageSlider = ({ range, increment, onChange, value, formatTooltipText,
 	const sliderPosition = slider.interpolate({
 		inputRange: [0, trackWidth],
 		outputRange: [0, trackWidth - DIAMETER],
-		extrapolate: 'clamp'
+		extrapolate: 'clamp',
 	});
 
 	const sliderColor = sliderPosition.interpolate({
 		inputRange: [0, trackWidth],
 		outputRange: [colors.spinnerColor, colors.red],
-		extrapolate: 'clamp'
+		extrapolate: 'clamp',
 	});
 
 	/* Value effect, this updates the UI if the value prop changes */
@@ -141,7 +141,7 @@ const SlippageSlider = ({ range, increment, onChange, value, formatTooltipText,
 
 	/* Get the slider position value (snaps to points) and the value for the onChange callback */
 	const getValuesByProgress = useCallback(
-		progressPercent => {
+		(progressPercent) => {
 			const multiplier = Math.round(progressPercent * ticksLength);
 			const sliderValue = (multiplier / ticksLength) * trackWidth;
 			const newValue = r0 + multiplier * increment;
@@ -170,7 +170,7 @@ const SlippageSlider = ({ range, increment, onChange, value, formatTooltipText,
 						.interpolate({
 							inputRange: [0, trackWidth],
 							outputRange: [0, trackWidth],
-							extrapolate: 'clamp'
+							extrapolate: 'clamp',
 						})
 						.__getValue();
 
@@ -193,7 +193,7 @@ const SlippageSlider = ({ range, increment, onChange, value, formatTooltipText,
 						onChange(newValue);
 					}
 					setIsResponderGranted(false);
-				}
+				},
 			}),
 		[changeOnRelease, disabled, getValuesByProgress, onChange, pan, slider, trackWidth]
 	);
@@ -204,11 +204,11 @@ const SlippageSlider = ({ range, increment, onChange, value, formatTooltipText,
 	return (
 		<View
 			style={[styles.root, disabled && styles.rootDisabled]}
-			onLayout={e => setComponentWidth(e.nativeEvent.layout.width)}
+			onLayout={(e) => setComponentWidth(e.nativeEvent.layout.width)}
 		>
 			<View
 				style={[styles.trackBackContainer, { width: componentWidth }]}
-				onLayout={e => setTrackWidth(e.nativeEvent.layout.width)}
+				onLayout={(e) => setTrackWidth(e.nativeEvent.layout.width)}
 			>
 				<View style={styles.trackBack}>
 					{new Array(ticksLength + 1).fill().map((_, i) => (
@@ -222,9 +222,9 @@ const SlippageSlider = ({ range, increment, onChange, value, formatTooltipText,
 			<Animated.View
 				style={[
 					styles.tooltipContainer,
-					{ left: Animated.subtract(sliderPosition, (tooltipWidth - DIAMETER) / 2) }
+					{ left: Animated.subtract(sliderPosition, (tooltipWidth - DIAMETER) / 2) },
 				]}
-				onLayout={e => setTooltipWidth(e.nativeEvent.layout.width)}
+				onLayout={(e) => setTooltipWidth(e.nativeEvent.layout.width)}
 			>
 				<View style={[styles.tooltipTail, { left: (tooltipWidth - TAIL_WIDTH) / 2 }]} />
 				<Text style={styles.tooltipText}>{formatTooltipText(displayValue)}</Text>
@@ -265,7 +265,7 @@ SlippageSlider.propTypes = {
 	/**
 	 * Wether to call onChange only on gesture release
 	 */
-	changeOnRelease: PropTypes.bool
+	changeOnRelease: PropTypes.bool,
 };
 
 export default SlippageSlider;
diff --git a/app/components/UI/SlippageSlider/index.test.js b/app/components/UI/SlippageSlider/index.test.js
index 4beb52c8400..56246accc7d 100644
--- a/app/components/UI/SlippageSlider/index.test.js
+++ b/app/components/UI/SlippageSlider/index.test.js
@@ -8,8 +8,8 @@ describe('SlippageSlider', () => {
 			<SlippageSlider
 				range={[1, 5]}
 				increment={1}
-				onChange={value => undefined}
-				formatTooltipText={text => `${text}%`}
+				onChange={(value) => undefined}
+				formatTooltipText={(text) => `${text}%`}
 			/>
 		);
 		expect(wrapper).toMatchSnapshot();
diff --git a/app/components/UI/StyledButton/index.android.js b/app/components/UI/StyledButton/index.android.js
index 36ba74238d6..4d90b09e718 100644
--- a/app/components/UI/StyledButton/index.android.js
+++ b/app/components/UI/StyledButton/index.android.js
@@ -60,16 +60,16 @@ export default class StyledButton extends PureComponent {
 		/**
 		 * Font Scaling
 		 */
-		allowFontScaling: PropTypes.bool
+		allowFontScaling: PropTypes.bool,
 	};
 
 	static defaultProps = {
 		...PureComponent.defaultProps,
 		styleDisabled: { opacity: 0.6 },
-		disabledContainerStyle: { opacity: 0.6 }
+		disabledContainerStyle: { opacity: 0.6 },
 	};
 
-	renderGroupedChildren = fontStyle => {
+	renderGroupedChildren = (fontStyle) => {
 		const { disabled } = this.props;
 		const style = [...fontStyle, this.props.style, disabled ? this.props.styleDisabled : null];
 
@@ -98,7 +98,7 @@ export default class StyledButton extends PureComponent {
 		const containerStyles = [
 			...containerStyle,
 			this.props.disabled ? this.props.disabledContainerStyle : null,
-			this.props.containerStyle
+			this.props.containerStyle,
 		];
 
 		if (!this.props.disabled) {
diff --git a/app/components/UI/StyledButton/index.ios.js b/app/components/UI/StyledButton/index.ios.js
index af6f5e0cc08..9ac6142e1b5 100644
--- a/app/components/UI/StyledButton/index.ios.js
+++ b/app/components/UI/StyledButton/index.ios.js
@@ -52,27 +52,18 @@ export default class StyledButton extends PureComponent {
 		/**
 		 * ID of the element to be used on e2e tests
 		 */
-		testID: PropTypes.string
+		testID: PropTypes.string,
 	};
 
 	static defaultProps = {
 		...PureComponent.defaultProps,
 		styleDisabled: { opacity: 0.6 },
-		disabledContainerStyle: { opacity: 0.6 }
+		disabledContainerStyle: { opacity: 0.6 },
 	};
 
 	render = () => {
-		const {
-			type,
-			onPress,
-			onPressOut,
-			style,
-			children,
-			disabled,
-			styleDisabled,
-			testID,
-			disabledContainerStyle
-		} = this.props;
+		const { type, onPress, onPressOut, style, children, disabled, styleDisabled, testID, disabledContainerStyle } =
+			this.props;
 		const { fontStyle, containerStyle } = getStyles(type);
 
 		return (
diff --git a/app/components/UI/StyledButton/index.test.js b/app/components/UI/StyledButton/index.test.js
index 53fc2b0c52d..03037184232 100644
--- a/app/components/UI/StyledButton/index.test.js
+++ b/app/components/UI/StyledButton/index.test.js
@@ -6,14 +6,14 @@ import StyledButtonAndroid from './index.android';
 describe('StyledButton', () => {
 	const buttonTypes = ['normal', 'confirm', 'orange', 'cancel'];
 
-	buttonTypes.forEach(type => {
+	buttonTypes.forEach((type) => {
 		it(`should render correctly on iOS the button with type ${type}`, () => {
 			const wrapper = shallow(<StyledButtonIOS type={type} />);
 			expect(wrapper).toMatchSnapshot();
 		});
 	});
 
-	buttonTypes.forEach(type => {
+	buttonTypes.forEach((type) => {
 		it(`should render correctly on Android the button with type ${type}`, () => {
 			const wrapper = shallow(<StyledButtonAndroid type={type} />);
 			expect(wrapper).toMatchSnapshot();
diff --git a/app/components/UI/StyledButton/styledButtonStyles.js b/app/components/UI/StyledButton/styledButtonStyles.js
index f4639b2b661..2958bee7f94 100644
--- a/app/components/UI/StyledButton/styledButtonStyles.js
+++ b/app/components/UI/StyledButton/styledButtonStyles.js
@@ -5,122 +5,122 @@ const styles = StyleSheet.create({
 	container: {
 		padding: 15,
 		borderRadius: 100,
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	text: {
 		fontSize: 14,
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	blue: {
-		backgroundColor: colors.blue
+		backgroundColor: colors.blue,
 	},
 	blueText: {
-		color: colors.white
+		color: colors.white,
 	},
 	orange: {
 		borderColor: colors.orange,
-		borderWidth: 1
+		borderWidth: 1,
 	},
 	orangeText: {
-		color: colors.orange
+		color: colors.orange,
 	},
 	infoText: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	confirm: {
 		backgroundColor: colors.blue,
-		minHeight: 50
+		minHeight: 50,
 	},
 	confirmText: {
-		color: colors.white
+		color: colors.white,
 	},
 	roundedNormal: {
 		backgroundColor: colors.white,
 		borderWidth: 1,
 		borderColor: colors.blue,
-		padding: 8
+		padding: 8,
 	},
 	roundedNormalText: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	normal: {
 		backgroundColor: colors.white,
 		borderWidth: 1,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	normalText: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	transparent: {
 		backgroundColor: colors.transparent,
 		borderWidth: 0,
-		borderColor: colors.transparent
+		borderColor: colors.transparent,
 	},
 	cancel: {
 		backgroundColor: colors.white,
 		borderWidth: 1,
-		borderColor: colors.grey400
+		borderColor: colors.grey400,
 	},
 	cancelText: {
-		color: colors.grey400
+		color: colors.grey400,
 	},
 	signingCancel: {
 		backgroundColor: colors.white,
 		borderWidth: 1,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	signingCancelText: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	warning: {
-		backgroundColor: colors.red
+		backgroundColor: colors.red,
 	},
 	info: {
 		backgroundColor: colors.white,
 		borderWidth: 1,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	warningText: {
-		color: colors.white
+		color: colors.white,
 	},
 	warningTextEmpty: {
-		color: colors.red
+		color: colors.red,
 	},
 	neutral: {
 		backgroundColor: colors.white,
 		borderWidth: 1,
-		borderColor: colors.grey500
+		borderColor: colors.grey500,
 	},
 	neutralText: {
-		color: colors.grey500
+		color: colors.grey500,
 	},
 	sign: {
 		backgroundColor: colors.blue,
 		borderWidth: 1,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	signText: {
-		color: colors.white
+		color: colors.white,
 	},
 	danger: {
 		backgroundColor: colors.red,
 		borderColor: colors.red,
-		borderWidth: 1
+		borderWidth: 1,
 	},
 	whiteText: {
 		...fontStyles.bold,
-		color: colors.white
+		color: colors.white,
 	},
 	viewText: {
 		fontSize: 18,
 		...fontStyles.bold,
-		color: colors.white
+		color: colors.white,
 	},
 	view: {
 		borderWidth: 1,
-		borderColor: colors.white
-	}
+		borderColor: colors.white,
+	},
 });
 
 function getStyles(type) {
@@ -196,7 +196,7 @@ function getStyles(type) {
 
 	return {
 		fontStyle: [styles.text, fontStyle],
-		containerStyle: [styles.container, containerStyle]
+		containerStyle: [styles.container, containerStyle],
 	};
 }
 
diff --git a/app/components/UI/Swaps/QuotesView.js b/app/components/UI/Swaps/QuotesView.js
index ad06ce9fb28..a86d192a1b2 100644
--- a/app/components/UI/Swaps/QuotesView.js
+++ b/app/components/UI/Swaps/QuotesView.js
@@ -18,7 +18,7 @@ import {
 	renderFromTokenMinimalUnit,
 	renderFromWei,
 	toWei,
-	weiToFiat
+	weiToFiat,
 } from '../../../util/number';
 import { isMainNet, isMainnetByChainId } from '../../../util/networks';
 import { getErrorMessage, getFetchParams, getQuotesNavigationsParams, isSwapsNativeAsset } from './utils';
@@ -59,7 +59,7 @@ import FadeAnimationView from '../FadeAnimationView';
 const POLLING_INTERVAL = 30000;
 const SLIPPAGE_BUCKETS = {
 	MEDIUM: AppConstants.GAS_OPTIONS.MEDIUM,
-	HIGH: AppConstants.GAS_OPTIONS.HIGH
+	HIGH: AppConstants.GAS_OPTIONS.HIGH,
 };
 
 const DEFAULT_GAS_FEE_OPTION_LEGACY = AppConstants.GAS_OPTIONS.MEDIUM;
@@ -68,16 +68,16 @@ const DEFAULT_GAS_FEE_OPTION_FEE_MARKET = AppConstants.GAS_OPTIONS.HIGH;
 const styles = StyleSheet.create({
 	screen: {
 		flexGrow: 1,
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	topBar: {
 		alignItems: 'center',
-		marginVertical: 12
+		marginVertical: 12,
 	},
 	alertBar: {
 		paddingHorizontal: 20,
 		marginVertical: 10,
-		width: '100%'
+		width: '100%',
 	},
 	timerWrapper: {
 		backgroundColor: colors.grey000,
@@ -86,140 +86,140 @@ const styles = StyleSheet.create({
 		paddingVertical: 4,
 		paddingHorizontal: 15,
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	timer: {
-		fontVariant: ['tabular-nums']
+		fontVariant: ['tabular-nums'],
 	},
 	timerHiglight: {
-		color: colors.red
+		color: colors.red,
 	},
 	content: {
 		paddingHorizontal: 20,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	errorViewContent: {
 		flex: 1,
 		marginHorizontal: Device.isSmallDevice() ? 20 : 55,
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	errorTitle: {
 		fontSize: 24,
-		marginVertical: 10
+		marginVertical: 10,
 	},
 	errorText: {
-		fontSize: 14
+		fontSize: 14,
 	},
 	sourceTokenContainer: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	tokenIcon: {
-		marginHorizontal: 5
+		marginHorizontal: 5,
 	},
 	tokenText: {
 		color: colors.grey500,
-		fontSize: Device.isSmallDevice() ? 16 : 18
+		fontSize: Device.isSmallDevice() ? 16 : 18,
 	},
 	tokenTextDestination: {
-		color: colors.fontPrimary
+		color: colors.fontPrimary,
 	},
 	arrowDown: {
 		color: colors.grey100,
 		fontSize: Device.isSmallDevice() ? 22 : 25,
 		marginHorizontal: 15,
 		marginTop: Device.isSmallDevice() ? 2 : 4,
-		marginBottom: Device.isSmallDevice() ? 0 : 2
+		marginBottom: Device.isSmallDevice() ? 0 : 2,
 	},
 	amount: {
 		textAlignVertical: 'center',
 		fontSize: Device.isSmallDevice() ? 45 : 60,
-		marginBottom: Device.isSmallDevice() ? 8 : 24
+		marginBottom: Device.isSmallDevice() ? 8 : 24,
 	},
 	exchangeRate: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		marginVertical: Device.isSmallDevice() ? 1 : 1
+		marginVertical: Device.isSmallDevice() ? 1 : 1,
 	},
 	bottomSection: {
 		marginBottom: 6,
 		alignItems: 'stretch',
-		paddingHorizontal: 20
+		paddingHorizontal: 20,
 	},
 	sliderButtonText: {
 		fontSize: 16,
-		color: colors.white
+		color: colors.white,
 	},
 	quotesSummary: {
-		marginVertical: Device.isSmallDevice() ? 12 : 24
+		marginVertical: Device.isSmallDevice() ? 12 : 24,
 	},
 	quotesSummaryHeader: {
 		flexDirection: 'row',
 		justifyContent: 'space-between',
 		alignItems: 'center',
-		flexWrap: 'wrap'
+		flexWrap: 'wrap',
 	},
 	quotesRow: {
 		flexDirection: 'row',
-		flexWrap: 'wrap'
+		flexWrap: 'wrap',
 	},
 	quotesDescription: {
 		flex: 1,
 		flexWrap: 'wrap',
 		flexDirection: 'row',
-		marginRight: 3
+		marginRight: 3,
 	},
 	quotesLegend: {
 		flexDirection: 'row',
 		flexWrap: 'wrap',
 		marginRight: 2,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	quotesFiatColumn: {
 		flex: 1,
 		marginLeft: 3,
 		flexWrap: 'wrap',
 		flexDirection: 'row',
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	infoIcon: {
 		fontSize: 12,
 		margin: 3,
-		color: colors.blue
+		color: colors.blue,
 	},
 	ctaButton: {
-		width: '100%'
+		width: '100%',
 	},
 	errorIcon: {
 		fontSize: 46,
 		marginVertical: 4,
-		color: colors.red
+		color: colors.red,
 	},
 	expiredIcon: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	disabled: {
-		opacity: 0.4
+		opacity: 0.4,
 	},
 	termsButton: {
 		marginTop: 10,
-		marginBottom: 6
+		marginBottom: 6,
 	},
 	gasInfoContainer: {
-		paddingHorizontal: 2
+		paddingHorizontal: 2,
 	},
 	gasInfoIcon: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	hitSlop: {
 		top: 10,
 		left: 10,
 		bottom: 10,
-		right: 10
+		right: 10,
 	},
 	text: {
-		lineHeight: 20
-	}
+		lineHeight: 20,
+	},
 });
 
 async function resetAndStartPolling({ slippage, sourceToken, destinationToken, sourceAmount, walletAddress }) {
@@ -233,7 +233,7 @@ async function resetAndStartPolling({ slippage, sourceToken, destinationToken, s
 		sourceToken,
 		destinationToken,
 		sourceAmount,
-		walletAddress
+		walletAddress,
 	});
 	await SwapsController.stopPollingAndResetState();
 	await SwapsController.startFetchAndSetQuotes(fetchParams, fetchParams.metaData);
@@ -262,12 +262,12 @@ function getTransactionPropertiesFromGasEstimates(gasEstimateType, estimates) {
 					estimates.maxPriorityFeePerGas ||
 						estimates[DEFAULT_GAS_FEE_OPTION_FEE_MARKET].suggestedMaxPriorityFeePerGas
 				)
-			)
+			),
 		};
 	}
 
 	return {
-		gasPrice: addHexPrefix(decGWEIToHexWEI(estimates.gasPrice || estimates[DEFAULT_GAS_FEE_OPTION_LEGACY]))
+		gasPrice: addHexPrefix(decGWEIToHexWEI(estimates.gasPrice || estimates[DEFAULT_GAS_FEE_OPTION_LEGACY])),
 	};
 }
 
@@ -275,7 +275,7 @@ async function addTokenToAssetsController(newToken) {
 	const { TokensController } = Engine.context;
 	if (
 		!isSwapsNativeAsset(newToken) &&
-		!TokensController.state.tokens.includes(token => toLowerCaseEquals(token.address, newToken.address))
+		!TokensController.state.tokens.includes((token) => toLowerCaseEquals(token.address, newToken.address))
 	) {
 		const { address, symbol, decimals } = newToken;
 		await TokensController.addToken(address, symbol, decimals);
@@ -305,7 +305,7 @@ function SwapsQuotesView({
 	gasEstimateType,
 	gasFeeEstimates,
 	usedGasEstimate,
-	usedCustomGas
+	usedCustomGas,
 }) {
 	const navigation = useNavigation();
 	const route = useRoute();
@@ -317,8 +317,10 @@ function SwapsQuotesView({
 	);
 
 	/* Get tokens from the tokens list */
-	const sourceToken = [...swapsTokens, ...tokens].find(token => toLowerCaseEquals(token.address, sourceTokenAddress));
-	const destinationToken = [...swapsTokens, ...tokens].find(token =>
+	const sourceToken = [...swapsTokens, ...tokens].find((token) =>
+		toLowerCaseEquals(token.address, sourceTokenAddress)
+	);
+	const destinationToken = [...swapsTokens, ...tokens].find((token) =>
 		toLowerCaseEquals(token.address, destinationTokenAddress)
 	);
 
@@ -379,20 +381,23 @@ function SwapsQuotesView({
 					// eslint-disable-next-line no-mixed-spaces-and-tabs
 			  });
 
-		return orderedAggregators.map(quoteValue => quotes[quoteValue.aggregator]);
+		return orderedAggregators.map((quoteValue) => quotes[quoteValue.aggregator]);
 	}, [hasConversionRate, quoteValues, quotes]);
 
 	/* Get the selected quote, by default is topAggId */
-	const selectedQuote = useMemo(() => allQuotes.find(quote => quote?.aggregator === selectedQuoteId), [
-		allQuotes,
-		selectedQuoteId
-	]);
-	const selectedQuoteValue = useMemo(() => quoteValues[selectedQuoteId], [
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-		quoteValues[selectedQuoteId],
-		quoteValues,
-		selectedQuoteId
-	]);
+	const selectedQuote = useMemo(
+		() => allQuotes.find((quote) => quote?.aggregator === selectedQuoteId),
+		[allQuotes, selectedQuoteId]
+	);
+	const selectedQuoteValue = useMemo(
+		() => quoteValues[selectedQuoteId],
+		[
+			// eslint-disable-next-line react-hooks/exhaustive-deps
+			quoteValues[selectedQuoteId],
+			quoteValues,
+			selectedQuoteId,
+		]
+	);
 
 	const gasEstimates = useMemo(() => customGasEstimate || usedGasEstimate, [customGasEstimate, usedGasEstimate]);
 	const initialGasLimit = useMemo(() => {
@@ -408,7 +413,7 @@ function SwapsQuotesView({
 	const gasLimit = useMemo(() => customGasLimit || initialGasLimit, [customGasLimit, initialGasLimit]);
 	/* Balance */
 	const checkEnoughEthBalance = useCallback(
-		gasAmountHex => {
+		(gasAmountHex) => {
 			const gasBN = new BigNumber(gasAmountHex || '0', 16);
 			const ethAmountBN = isSwapsNativeAsset(sourceToken) ? new BigNumber(sourceAmount) : new BigNumber(0);
 			const ethBalanceBN = new BigNumber(accounts[selectedAddress].balance);
@@ -447,10 +452,7 @@ function SwapsQuotesView({
 	const slippageRatio = useMemo(
 		() =>
 			parseFloat(
-				new BigNumber(selectedQuote?.priceSlippage?.ratio || 0, 10)
-					.minus(1, 10)
-					.times(100, 10)
-					.toFixed(2),
+				new BigNumber(selectedQuote?.priceSlippage?.ratio || 0, 10).minus(1, 10).times(100, 10).toFixed(2),
 				10
 			),
 		[selectedQuote]
@@ -479,9 +481,8 @@ function SwapsQuotesView({
 	const [isFeeModalVisible, toggleFeeModal, , hideFeeModal] = useModalHandler(false);
 	const [isQuotesModalVisible, toggleQuotesModal, , hideQuotesModal] = useModalHandler(false);
 	const [isUpdateModalVisible, toggleUpdateModal, , hideUpdateModal] = useModalHandler(false);
-	const [isPriceDifferenceModalVisible, togglePriceDifferenceModal, , hidePriceDifferenceModal] = useModalHandler(
-		false
-	);
+	const [isPriceDifferenceModalVisible, togglePriceDifferenceModal, , hidePriceDifferenceModal] =
+		useModalHandler(false);
 	const [isPriceImpactModalVisible, togglePriceImpactModal, , hidePriceImpactModal] = useModalHandler(false);
 
 	const [isEditingGas, , showEditingGas, hideEditingGas] = useModalHandler(false);
@@ -519,7 +520,7 @@ function SwapsQuotesView({
 								// eslint-disable-next-line no-mixed-spaces-and-tabs
 						  )
 						: '',
-					chain_id: chainId
+					chain_id: chainId,
 				};
 				Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.GAS_FEES_CHANGED, {});
 				Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.GAS_FEES_CHANGED, parameters, true);
@@ -549,7 +550,7 @@ function SwapsQuotesView({
 				sourceToken,
 				destinationToken,
 				sourceAmount,
-				walletAddress: selectedAddress
+				walletAddress: selectedAddress,
 			});
 		} else {
 			navigation.pop();
@@ -562,7 +563,7 @@ function SwapsQuotesView({
 			const blockNumber = await util.query(TransactionController.ethQuery, 'blockNumber', []);
 			const currentBlock = await util.query(TransactionController.ethQuery, 'getBlockByNumber', [
 				blockNumber,
-				false
+				false,
 			]);
 			newSwapsTransactions[transactionMeta.id] = {
 				action: 'swap',
@@ -590,14 +591,14 @@ function SwapsQuotesView({
 					network_fees_USD: weiToFiat(toWei(selectedQuoteValue?.ethFee), conversionRate, currentCurrency),
 					network_fees_ETH: renderFromWei(toWei(selectedQuoteValue?.ethFee)),
 					other_quote_selected: allQuotes[selectedQuoteId] === selectedQuote,
-					chain_id: chainId
+					chain_id: chainId,
 				},
 				paramsForAnalytics: {
 					sentAt: currentBlock.timestamp,
 					gasEstimate: selectedQuote?.gasEstimate || selectedQuote?.maxGas,
 					ethAccountBalance: accounts[selectedAddress].balance,
-					approvalTransactionMetaId
-				}
+					approvalTransactionMetaId,
+				},
 			};
 			TransactionController.update({ swapsTransactions: newSwapsTransactions });
 		},
@@ -615,7 +616,7 @@ function SwapsQuotesView({
 			allQuotes,
 			selectedQuoteId,
 			conversionRate,
-			selectedQuoteValue
+			selectedQuoteValue,
 		]
 	);
 
@@ -638,7 +639,7 @@ function SwapsQuotesView({
 				other_quote_selected: allQuotes[selectedQuoteId] === selectedQuote,
 				network_fees_USD: weiToFiat(toWei(selectedQuoteValue?.ethFee), conversionRate, 'usd'),
 				network_fees_ETH: renderFromWei(toWei(selectedQuoteValue?.ethFee)),
-				chain_id: chainId
+				chain_id: chainId,
 			};
 			Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.SWAP_STARTED, {});
 			Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.SWAP_STARTED, parameters, true);
@@ -652,7 +653,7 @@ function SwapsQuotesView({
 				const { transactionMeta } = await TransactionController.addTransaction(
 					{
 						...approvalTransaction,
-						...getTransactionPropertiesFromGasEstimates(gasEstimateType, gasEstimates)
+						...getTransactionPropertiesFromGasEstimates(gasEstimateType, gasEstimates),
 					},
 					process.env.MM_FOX_CODE,
 					WalletDevice.MM_MOBILE
@@ -662,7 +663,7 @@ function SwapsQuotesView({
 					action: 'approval',
 					sourceToken: { address: sourceToken.address, decimals: sourceToken.decimals },
 					destinationToken: { swaps: 'swaps' },
-					upTo: new BigNumber(decodeApproveData(approvalTransaction.data).encodedAmount, 16).toString(10)
+					upTo: new BigNumber(decodeApproveData(approvalTransaction.data).encodedAmount, 16).toString(10),
 				};
 			} catch (e) {
 				// send analytics
@@ -674,7 +675,7 @@ function SwapsQuotesView({
 				{
 					...selectedQuote.trade,
 					...getTransactionPropertiesFromGasEstimates(gasEstimateType, gasEstimates),
-					gas: new BigNumber(gasLimit).toString(16)
+					gas: new BigNumber(gasLimit).toString(16),
 				},
 				process.env.MM_FOX_CODE,
 				WalletDevice.MM_MOBILE
@@ -704,7 +705,7 @@ function SwapsQuotesView({
 		gasEstimateType,
 		gasEstimates,
 		gasLimit,
-		updateSwapsTransactions
+		updateSwapsTransactions,
 	]);
 
 	const onEditQuoteTransactionsGas = useCallback(() => {
@@ -715,8 +716,9 @@ function SwapsQuotesView({
 		if (!approvalTransaction || !originalApprovalTransaction) {
 			return;
 		}
-		const originalApprovalTransactionEncodedAmount = decodeApproveData(originalApprovalTransaction.data)
-			.encodedAmount;
+		const originalApprovalTransactionEncodedAmount = decodeApproveData(
+			originalApprovalTransaction.data
+		).encodedAmount;
 		const originalAmount = fromTokenMinimalUnitString(
 			hexToBN(originalApprovalTransactionEncodedAmount).toString(10),
 			sourceToken.decimals
@@ -746,7 +748,7 @@ function SwapsQuotesView({
 				gas_fees: weiToFiat(toWei(selectedQuoteValue?.ethFee), conversionRate, currentCurrency),
 				custom_spend_limit_set: originalAmount !== currentAmount,
 				custom_spend_limit_amount: currentAmount,
-				chain_id: chainId
+				chain_id: chainId,
 			};
 			Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.EDIT_SPEND_LIMIT_OPENED, {});
 			Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.EDIT_SPEND_LIMIT_OPENED, parameters, true);
@@ -765,7 +767,7 @@ function SwapsQuotesView({
 		selectedQuoteId,
 		slippage,
 		sourceAmount,
-		sourceToken
+		sourceToken,
 	]);
 
 	const handleQuotesReceivedMetric = useCallback(() => {
@@ -784,7 +786,7 @@ function SwapsQuotesView({
 				network_fees_USD: weiToFiat(toWei(selectedQuoteValue.ethFee), conversionRate, 'usd'),
 				network_fees_ETH: renderFromWei(toWei(selectedQuoteValue.ethFee)),
 				available_quotes: allQuotes.length,
-				chain_id: chainId
+				chain_id: chainId,
 			};
 			Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.QUOTES_RECEIVED, {});
 			Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.QUOTES_RECEIVED, parameters, true);
@@ -800,7 +802,7 @@ function SwapsQuotesView({
 		allQuotesFetchTime,
 		selectedQuoteValue,
 		allQuotes,
-		conversionRate
+		conversionRate,
 	]);
 
 	const handleOpenQuotesModal = useCallback(() => {
@@ -820,7 +822,7 @@ function SwapsQuotesView({
 				network_fees_USD: weiToFiat(toWei(selectedQuoteValue.ethFee), conversionRate, 'usd'),
 				network_fees_ETH: renderFromWei(toWei(selectedQuoteValue.ethFee)),
 				available_quotes: allQuotes.length,
-				chain_id: chainId
+				chain_id: chainId,
 			};
 			Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.ALL_AVAILABLE_QUOTES_OPENED, {});
 			Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.ALL_AVAILABLE_QUOTES_OPENED, parameters, true);
@@ -837,11 +839,11 @@ function SwapsQuotesView({
 		slippage,
 		allQuotesFetchTime,
 		conversionRate,
-		allQuotes.length
+		allQuotes.length,
 	]);
 
 	const handleQuotesErrorMetric = useCallback(
-		error => {
+		(error) => {
 			const data = {
 				token_from: sourceToken.symbol,
 				token_from_amount: fromTokenMinimalUnitString(sourceAmount, sourceToken.decimals),
@@ -849,13 +851,13 @@ function SwapsQuotesView({
 				request_type: hasEnoughTokenBalance ? 'Order' : 'Quote',
 				slippage,
 				custom_slippage: slippage !== AppConstants.SWAPS.DEFAULT_SLIPPAGE,
-				chain_id: chainId
+				chain_id: chainId,
 			};
 			if (error?.key === swapsUtils.SwapsError.QUOTES_EXPIRED_ERROR) {
 				InteractionManager.runAfterInteractions(() => {
 					const parameters = {
 						...data,
-						gas_fees: ''
+						gas_fees: '',
 					};
 					Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.QUOTES_TIMED_OUT, {});
 					Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.QUOTES_TIMED_OUT, parameters, true);
@@ -892,8 +894,8 @@ function SwapsQuotesView({
 			navigation.navigate('Webview', {
 				screen: 'SimpleWebview',
 				params: {
-					url: AppConstants.URLS.TERMS_AND_CONDITIONS
-				}
+					url: AppConstants.URLS.TERMS_AND_CONDITIONS,
+				},
 			}),
 		[navigation]
 	);
@@ -907,7 +909,7 @@ function SwapsQuotesView({
 			sourceToken,
 			destinationToken,
 			sourceAmount,
-			walletAddress: selectedAddress
+			walletAddress: selectedAddress,
 		});
 
 		return () => {
@@ -941,7 +943,7 @@ function SwapsQuotesView({
 
 	useEffect(() => {
 		let maxFetchTime = 0;
-		allQuotes.forEach(quote => {
+		allQuotes.forEach((quote) => {
 			maxFetchTime = Math.max(maxFetchTime, quote?.fetchTime);
 		});
 		setAllQuotesFetchTime(maxFetchTime);
@@ -987,7 +989,7 @@ function SwapsQuotesView({
 		quoteRefreshSeconds,
 		remainingTime,
 		hidePriceDifferenceModal,
-		hidePriceImpactModal
+		hidePriceImpactModal,
 	]);
 
 	/* errorKey effect: hide every modal */
@@ -1008,7 +1010,7 @@ function SwapsQuotesView({
 		handleQuotesErrorMetric,
 		onCancelEditQuoteTransactions,
 		hidePriceDifferenceModal,
-		hideUpdateModal
+		hideUpdateModal,
 	]);
 
 	/** Gas Effects */
@@ -1053,7 +1055,7 @@ function SwapsQuotesView({
 						maxFeePerGas: gasFeeEstimates[selected].suggestedMaxFeePerGas,
 						maxPriorityFeePerGas: gasFeeEstimates[selected].suggestedMaxPriorityFeePerGas,
 						estimatedBaseFee: gasFeeEstimates.estimatedBaseFee,
-						selected
+						selected,
 					};
 				}
 				if (gasEstimate && (!customGasEstimate || customGasEstimate?.selected || customGasAreIncompatible)) {
@@ -1088,7 +1090,7 @@ function SwapsQuotesView({
 			token_to: destinationToken.symbol,
 			request_type: hasEnoughTokenBalance ? 'Order' : 'Quote',
 			custom_slippage: slippage !== AppConstants.SWAPS.DEFAULT_SLIPPAGE,
-			chain_id: chainId
+			chain_id: chainId,
 		};
 		navigation.setParams({ requestedTrade: data });
 		navigation.setParams({ selectedQuote: undefined });
@@ -1106,7 +1108,7 @@ function SwapsQuotesView({
 		slippage,
 		sourceAmount,
 		sourceToken,
-		trackedRequestedQuotes
+		trackedRequestedQuotes,
 	]);
 
 	/* Metrics: Quotes received */
@@ -1222,7 +1224,7 @@ function SwapsQuotesView({
 									: togglePriceDifferenceModal
 							}
 						>
-							{textStyle =>
+							{(textStyle) =>
 								selectedQuote.priceSlippage?.calculationError?.length > 0 ? (
 									<>
 										<Text style={textStyle} bold centered>
@@ -1394,11 +1396,13 @@ function SwapsQuotesView({
 											{renderFromWei(toWei(selectedQuoteValue?.ethFee))} {getTicker(ticker)}
 										</Text>
 										<Text primary bold upper>
-											{`  ${weiToFiat(
-												toWei(selectedQuoteValue?.ethFee),
-												conversionRate,
-												currentCurrency
-											) || ''}`}
+											{`  ${
+												weiToFiat(
+													toWei(selectedQuoteValue?.ethFee),
+													conversionRate,
+													currentCurrency
+												) || ''
+											}`}
 										</Text>
 									</View>
 								) : (
@@ -1412,11 +1416,13 @@ function SwapsQuotesView({
 										{primaryCurrency === 'ETH' ? (
 											<>
 												<Text>
-													{`${weiToFiat(
-														toWei(selectedQuoteValue?.ethFee),
-														conversionRate,
-														currentCurrency
-													) || ''} `}
+													{`${
+														weiToFiat(
+															toWei(selectedQuoteValue?.ethFee),
+															conversionRate,
+															currentCurrency
+														) || ''
+													} `}
 												</Text>
 												<TouchableOpacity
 													disabled={unableToSwap}
@@ -1440,11 +1446,13 @@ function SwapsQuotesView({
 													</Text>
 												</TouchableOpacity>
 												<Text primary bold>
-													{` ${weiToFiat(
-														toWei(selectedQuoteValue?.ethFee),
-														conversionRate,
-														currentCurrency
-													) || ''}`}
+													{` ${
+														weiToFiat(
+															toWei(selectedQuoteValue?.ethFee),
+															conversionRate,
+															currentCurrency
+														) || ''
+													}`}
 												</Text>
 											</>
 										)}
@@ -1471,11 +1479,13 @@ function SwapsQuotesView({
 												</Text>
 											</TouchableOpacity>
 											<Text upper>
-												{`  ${weiToFiat(
-													toWei(selectedQuoteValue?.maxEthFee),
-													conversionRate,
-													currentCurrency
-												) || ''}`}
+												{`  ${
+													weiToFiat(
+														toWei(selectedQuoteValue?.maxEthFee),
+														conversionRate,
+														currentCurrency
+													) || ''
+												}`}
 											</Text>
 										</View>
 									</>
@@ -1483,9 +1493,7 @@ function SwapsQuotesView({
 									<>
 										<View style={styles.quotesDescription} />
 										<FadeAnimationView
-											valueToWatch={`${selectedQuoteValue?.ethFee}${
-												selectedQuoteValue?.maxEthFee
-											}`}
+											valueToWatch={`${selectedQuoteValue?.ethFee}${selectedQuoteValue?.maxEthFee}`}
 											animateOnChange={animateOnGasChange}
 											style={styles.quotesFiatColumn}
 										>
@@ -1496,14 +1504,14 @@ function SwapsQuotesView({
 												{primaryCurrency === 'ETH'
 													? ` ${renderFromWei(
 															toWei(selectedQuoteValue?.maxEthFee || '0x0')
-															// eslint-disable-next-line no-mixed-spaces-and-tabs
-													  )} ${getTicker(ticker)}`
-													: ` ${weiToFiat(
-															toWei(selectedQuoteValue?.maxEthFee),
-															conversionRate,
-															currentCurrency
-															// eslint-disable-next-line no-mixed-spaces-and-tabs
-													  ) || ''}`}
+													  )} ${getTicker(ticker)}` // eslint-disable-line
+													: ` ${
+															weiToFiat(
+																toWei(selectedQuoteValue?.maxEthFee),
+																conversionRate,
+																currentCurrency
+															) || '' // eslint-disable-next-line
+													  }`}
 											</Text>
 										</FadeAnimationView>
 									</>
@@ -1516,7 +1524,7 @@ function SwapsQuotesView({
 										<Text>{`${strings('swaps.enable.this_will')} `}</Text>
 										<Text bold>
 											{`${strings('swaps.enable.enable_asset', {
-												asset: sourceToken.symbol
+												asset: sourceToken.symbol,
 											})} `}
 										</Text>
 										<Text>{`${strings('swaps.enable.for_swapping')} `}</Text>
@@ -1585,7 +1593,7 @@ function SwapsQuotesView({
 						{strings('swaps.fee_text.get_the')} <Text bold>{strings('swaps.fee_text.best_price')}</Text>{' '}
 						{strings('swaps.fee_text.from_the')} <Text bold>{strings('swaps.fee_text.top_liquidity')}</Text>{' '}
 						{strings('swaps.fee_text.fee_is_applied', {
-							fee: selectedQuote && selectedQuote?.fee ? `${selectedQuote.fee}%` : '0.875%'
+							fee: selectedQuote && selectedQuote?.fee ? `${selectedQuote.fee}%` : '0.875%',
 						})}
 					</Text>
 				}
@@ -1714,10 +1722,10 @@ SwapsQuotesView.propTypes = {
 	gasEstimateType: PropTypes.string,
 	gasFeeEstimates: PropTypes.object,
 	usedGasEstimate: PropTypes.object,
-	usedCustomGas: PropTypes.object
+	usedCustomGas: PropTypes.object,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
@@ -1740,7 +1748,7 @@ const mapStateToProps = state => ({
 	usedGasEstimate: state.engine.backgroundState.SwapsController.usedGasEstimate,
 	usedCustomGas: state.engine.backgroundState.SwapsController.usedCustomGas,
 	primaryCurrency: state.settings.primaryCurrency,
-	swapsTokens: swapsTokensSelector(state)
+	swapsTokens: swapsTokensSelector(state),
 });
 
 export default connect(mapStateToProps)(SwapsQuotesView);
diff --git a/app/components/UI/Swaps/SwapsLiveness.js b/app/components/UI/Swaps/SwapsLiveness.js
index 6143434ea17..2a742b1de52 100644
--- a/app/components/UI/Swaps/SwapsLiveness.js
+++ b/app/components/UI/Swaps/SwapsLiveness.js
@@ -33,7 +33,7 @@ function SwapLiveness({ isLive, chainId, setLiveness }) {
 
 	// Check con appstate change
 	const appStateHandler = useCallback(
-		newState => {
+		(newState) => {
 			if (hasMountChecked && !isLive && newState === 'active') {
 				checkLiveness();
 			}
@@ -61,16 +61,13 @@ function SwapLiveness({ isLive, chainId, setLiveness }) {
 	return null;
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	isLive: swapsLivenessSelector(state),
-	chainId: state.engine.backgroundState.NetworkController.provider.chainId
+	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setLiveness: (liveness, chainId) => dispatch(setSwapsLiveness(liveness, chainId))
+const mapDispatchToProps = (dispatch) => ({
+	setLiveness: (liveness, chainId) => dispatch(setSwapsLiveness(liveness, chainId)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(SwapLiveness);
+export default connect(mapStateToProps, mapDispatchToProps)(SwapLiveness);
diff --git a/app/components/UI/Swaps/components/ActionAlert.js b/app/components/UI/Swaps/components/ActionAlert.js
index 239d4a64c1a..1c0b8644c3f 100644
--- a/app/components/UI/Swaps/components/ActionAlert.js
+++ b/app/components/UI/Swaps/components/ActionAlert.js
@@ -11,49 +11,49 @@ const VERTICAL_DISPLACEMENT = 12;
 const styles = StyleSheet.create({
 	content: {
 		flex: 1,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	contentWithAction: {
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	wrapper: {
 		flexDirection: 'column',
-		flex: 1
+		flex: 1,
 	},
 	action: {
 		marginTop: -5,
 		marginBottom: -VERTICAL_DISPLACEMENT,
 		bottom: -VERTICAL_DISPLACEMENT,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	button: {
 		paddingVertical: 6,
 		paddingHorizontal: 12,
-		borderRadius: 100
+		borderRadius: 100,
 	},
 	warningButton: {
-		backgroundColor: colors.yellow
+		backgroundColor: colors.yellow,
 	},
 	errorButton: {
-		backgroundColor: colors.red
+		backgroundColor: colors.red,
 	},
 	errorButtonText: {
-		color: colors.white
+		color: colors.white,
 	},
 	infoWrapper: {
 		position: 'absolute',
 		top: 3,
-		right: 3
+		right: 3,
 	},
 	warningInfoIcon: {
-		color: colors.grey500
+		color: colors.grey500,
 	},
 	errorInfoIcon: {
-		color: colors.red
-	}
+		color: colors.red,
+	},
 });
 
-const getButtonStyle = type => {
+const getButtonStyle = (type) => {
 	switch (type) {
 		case 'error': {
 			return styles.errorButton;
@@ -65,7 +65,7 @@ const getButtonStyle = type => {
 	}
 };
 
-const getInfoIconStyle = type => {
+const getInfoIconStyle = (type) => {
 	switch (type) {
 		case 'error': {
 			return styles.errorInfoIcon;
@@ -90,13 +90,13 @@ function Button({ type, onPress, children }) {
 Button.propTypes = {
 	type: PropTypes.oneOf(['info', 'warning', 'error']),
 	onPress: PropTypes.func,
-	children: PropTypes.string
+	children: PropTypes.string,
 };
 
 function ActionAlert({ type, style, action, onInfoPress, onPress, children }) {
 	return (
 		<Alert small type={type} style={[style, Boolean(action) && styles.contentWithAction]}>
-			{textStyle => (
+			{(textStyle) => (
 				<>
 					<View style={styles.wrapper}>
 						<View style={[styles.content]}>{children(textStyle)}</View>
@@ -129,6 +129,6 @@ ActionAlert.propTypes = {
 	onPress: PropTypes.func,
 	onInfoPress: PropTypes.func,
 	action: PropTypes.string,
-	children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
+	children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
 };
 export default ActionAlert;
diff --git a/app/components/UI/Swaps/components/ApprovalTransactionEditionModal.js b/app/components/UI/Swaps/components/ApprovalTransactionEditionModal.js
index 67b3c334fd7..b4e961299d9 100644
--- a/app/components/UI/Swaps/components/ApprovalTransactionEditionModal.js
+++ b/app/components/UI/Swaps/components/ApprovalTransactionEditionModal.js
@@ -13,12 +13,12 @@ import { swapsUtils } from '@metamask/swaps-controller';
 const styles = StyleSheet.create({
 	keyboardAwareWrapper: {
 		flex: 1,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
-	}
+		margin: 0,
+	},
 });
 
 function ApprovalTransactionEditionModal({
@@ -29,7 +29,7 @@ function ApprovalTransactionEditionModal({
 	setApprovalTransaction,
 	sourceToken,
 	minimumSpendLimit,
-	chainId
+	chainId,
 }) {
 	/* Approval transaction if any */
 	const [approvalTransactionAmount, setApprovalTransactionAmount] = useState('');
@@ -37,7 +37,7 @@ function ApprovalTransactionEditionModal({
 	const [spendLimitUnlimitedSelected, setSpendLimitUnlimitedSelected] = useState(true);
 
 	const onSpendLimitCustomValueChange = useCallback(
-		approvalCustomValue => setApprovalCustomValue(approvalCustomValue),
+		(approvalCustomValue) => setApprovalCustomValue(approvalCustomValue),
 		[]
 	);
 	const onPressSpendLimitUnlimitedSelected = useCallback(() => setSpendLimitUnlimitedSelected(true), []);
@@ -50,7 +50,7 @@ function ApprovalTransactionEditionModal({
 		).toString(10);
 		const approvalData = generateApproveData({
 			spender: swapsUtils.getSwapsContractAddress(chainId),
-			value: Number(uint).toString(16)
+			value: Number(uint).toString(16),
 		});
 		const newApprovalTransaction = { ...approvalTransaction, data: approvalData };
 		setApprovalTransaction(newApprovalTransaction);
@@ -63,7 +63,7 @@ function ApprovalTransactionEditionModal({
 		approvalTransaction,
 		sourceToken,
 		chainId,
-		onCancelEditQuoteTransactions
+		onCancelEditQuoteTransactions,
 	]);
 
 	useEffect(() => {
@@ -119,11 +119,11 @@ ApprovalTransactionEditionModal.propTypes = {
 	onCancelEditQuoteTransactions: PropTypes.func,
 	setApprovalTransaction: PropTypes.func,
 	sourceToken: PropTypes.object,
-	chainId: PropTypes.string
+	chainId: PropTypes.string,
 };
 
-const mapStateToProps = state => ({
-	originalApprovalTransaction: state.engine.backgroundState.SwapsController.approvalTransaction
+const mapStateToProps = (state) => ({
+	originalApprovalTransaction: state.engine.backgroundState.SwapsController.approvalTransaction,
 });
 
 export default connect(mapStateToProps)(ApprovalTransactionEditionModal);
diff --git a/app/components/UI/Swaps/components/AssetSwapButton.js b/app/components/UI/Swaps/components/AssetSwapButton.js
index c8632a4b983..af80d64b350 100644
--- a/app/components/UI/Swaps/components/AssetSwapButton.js
+++ b/app/components/UI/Swaps/components/AssetSwapButton.js
@@ -11,8 +11,8 @@ import { strings } from '../../../../../locales/i18n';
 
 const styles = StyleSheet.create({
 	disabledButton: {
-		opacity: 0.5
-	}
+		opacity: 0.5,
+	},
 });
 
 function AssetSwapButton({ isFeatureLive, isNetworkAllowed, isAssetAllowed, onPress }) {
@@ -48,7 +48,7 @@ AssetSwapButton.propTypes = {
 	isFeatureLive: PropTypes.bool,
 	isNetworkAllowed: PropTypes.bool,
 	isAssetAllowed: PropTypes.bool,
-	onPress: PropTypes.func
+	onPress: PropTypes.func,
 };
 
 export default AssetSwapButton;
diff --git a/app/components/UI/Swaps/components/GasEditModal.js b/app/components/UI/Swaps/components/GasEditModal.js
index 4e75ce1c8f9..506d9868032 100644
--- a/app/components/UI/Swaps/components/GasEditModal.js
+++ b/app/components/UI/Swaps/components/GasEditModal.js
@@ -21,15 +21,15 @@ const GAS_OPTIONS = AppConstants.GAS_OPTIONS;
 const styles = StyleSheet.create({
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
+		margin: 0,
 	},
 	keyboardAwareWrapper: {
 		flex: 1,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	text: {
-		lineHeight: 20
-	}
+		lineHeight: 20,
+	},
 });
 
 const RECOMMENDED = GAS_OPTIONS.HIGH;
@@ -55,7 +55,7 @@ function GasEditModal({
 	primaryCurrency,
 	chainId,
 	ticker,
-	animateOnChange
+	animateOnChange,
 }) {
 	const [gasSelected, setGasSelected] = useState(
 		customGasFee
@@ -68,9 +68,8 @@ function GasEditModal({
 	const [hasEnoughEthBalance, setHasEnoughEthBalance] = useState(true);
 	const [EIP1559TransactionDataTemp, setEIP1559TransactionDataTemp] = useState({});
 	const [LegacyTransactionDataTemp, setLegacyTransactionDataTemp] = useState({});
-	const [isGasFeeRecommendationVisible, , showGasFeeRecommendation, hideGasFeeRecommendation] = useModalHandler(
-		false
-	);
+	const [isGasFeeRecommendationVisible, , showGasFeeRecommendation, hideGasFeeRecommendation] =
+		useModalHandler(false);
 	const [isAnimating, setIsAnimating] = useState(false);
 
 	useEffect(() => {
@@ -103,14 +102,14 @@ function GasEditModal({
 							suggestedEstimatedGasLimit: tradeGasLimit,
 							estimatedBaseFee: gasFeeEstimates.estimatedBaseFee,
 							selectedOption: gasSelected,
-							recommended: RECOMMENDED
+							recommended: RECOMMENDED,
 						},
 						swapsParams: {
 							isNativeAsset,
 							tradeValue,
-							sourceAmount
+							sourceAmount,
 						},
-						gasFeeEstimates
+						gasFeeEstimates,
 					},
 					{ onlyGas: true }
 				)
@@ -127,8 +126,8 @@ function GasEditModal({
 							suggestedGasPrice:
 								gasEstimateType === GAS_ESTIMATE_TYPES.ETH_GASPRICE
 									? gasFeeEstimates.gasPrice
-									: gasFeeEstimates[gasSelected]
-						}
+									: gasFeeEstimates[gasSelected],
+						},
 					},
 					{ onlyGas: true }
 				)
@@ -147,7 +146,7 @@ function GasEditModal({
 		stopUpdateGas,
 		ticker,
 		tradeGasLimit,
-		tradeValue
+		tradeValue,
 	]);
 
 	const calculateTempGasFee = useCallback(
@@ -157,7 +156,7 @@ function GasEditModal({
 				suggestedMaxPriorityFeePerGas,
 				suggestedGasLimit,
 				estimatedBaseFee,
-				suggestedEstimatedGasLimit
+				suggestedEstimatedGasLimit,
 			},
 			selected
 		) => {
@@ -178,14 +177,14 @@ function GasEditModal({
 							suggestedEstimatedGasLimit,
 							estimatedBaseFee,
 							selectedOption: selected,
-							recommended: RECOMMENDED
+							recommended: RECOMMENDED,
 						},
 						swapsParams: {
 							isNativeAsset,
 							tradeValue,
-							sourceAmount
+							sourceAmount,
 						},
-						gasFeeEstimates
+						gasFeeEstimates,
 					},
 					{ onlyGas: true }
 				)
@@ -202,7 +201,7 @@ function GasEditModal({
 			isNativeAsset,
 			nativeCurrency,
 			sourceAmount,
-			tradeValue
+			tradeValue,
 		]
 	);
 
@@ -218,8 +217,8 @@ function GasEditModal({
 						ticker,
 						selectedGasFee: {
 							suggestedGasLimit: selected ? initialGasLimit : suggestedGasLimit,
-							suggestedGasPrice
-						}
+							suggestedGasPrice,
+						},
 					},
 					{ onlyGas: true }
 				)
@@ -229,20 +228,20 @@ function GasEditModal({
 	);
 
 	const saveGasEdition = useCallback(
-		selected => {
+		(selected) => {
 			if (gasEstimateType === GAS_ESTIMATE_TYPES.FEE_MARKET) {
 				const {
 					suggestedMaxFeePerGas: maxFeePerGas,
 					suggestedMaxPriorityFeePerGas: maxPriorityFeePerGas,
 					estimatedBaseFee,
-					suggestedGasLimit
+					suggestedGasLimit,
 				} = EIP1559TransactionDataTemp;
 				onGasUpdate(
 					{
 						maxFeePerGas,
 						maxPriorityFeePerGas,
 						estimatedBaseFee,
-						selected
+						selected,
 					},
 					suggestedGasLimit
 				);
@@ -251,7 +250,7 @@ function GasEditModal({
 				onGasUpdate(
 					{
 						gasPrice,
-						selected
+						selected,
 					},
 					suggestedGasLimit
 				);
@@ -341,7 +340,7 @@ function GasEditModal({
 											/>
 										</Text>
 									</TouchableOpacity>
-								)
+								),
 							}}
 							view="Swaps"
 							animateOnChange={animateOnChange}
@@ -474,15 +473,15 @@ GasEditModal.propTypes = {
 	/**
 	 * If the values should animate upon update or not
 	 */
-	animateOnChange: PropTypes.bool
+	animateOnChange: PropTypes.bool,
 };
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	nativeCurrency: state.engine.backgroundState.CurrencyRateController.nativeCurrency,
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
-	primaryCurrency: state.settings.primaryCurrency
+	primaryCurrency: state.settings.primaryCurrency,
 });
 
 export default connect(mapStateToProps)(GasEditModal);
diff --git a/app/components/UI/Swaps/components/InfoModal.js b/app/components/UI/Swaps/components/InfoModal.js
index 0d8e8df748f..66d160a331d 100644
--- a/app/components/UI/Swaps/components/InfoModal.js
+++ b/app/components/UI/Swaps/components/InfoModal.js
@@ -17,16 +17,16 @@ const styles = StyleSheet.create({
 		shadowColor: colors.black,
 		shadowOffset: {
 			width: 0,
-			height: 5
+			height: 5,
 		},
 		shadowOpacity: 0.36,
 		shadowRadius: 6.68,
-		elevation: 11
+		elevation: 11,
 	},
 	modal: {
 		margin: 0,
 		width: '100%',
-		padding: 25
+		padding: 25,
 	},
 	title: {
 		width: '100%',
@@ -35,17 +35,17 @@ const styles = StyleSheet.create({
 		paddingBottom: 5,
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	closeIcon: {
-		color: colors.black
+		color: colors.black,
 	},
 	body: {
 		width: '100%',
 		paddingVertical: 5,
 		marginBottom: 15,
-		paddingHorizontal: 20
-	}
+		paddingHorizontal: 20,
+	},
 });
 
 function InfoModal({ title, body, isVisible, toggleModal, propagateSwipe }) {
@@ -76,7 +76,7 @@ InfoModal.propTypes = {
 	title: PropTypes.node,
 	body: PropTypes.node,
 	toggleModal: PropTypes.func,
-	propagateSwipe: PropTypes.bool
+	propagateSwipe: PropTypes.bool,
 };
 
 export default InfoModal;
diff --git a/app/components/UI/Swaps/components/LoadingAnimation/index.js b/app/components/UI/Swaps/components/LoadingAnimation/index.js
index cce78c78034..7c54ce9d19c 100644
--- a/app/components/UI/Swaps/components/LoadingAnimation/index.js
+++ b/app/components/UI/Swaps/components/LoadingAnimation/index.js
@@ -32,25 +32,25 @@ const styles = StyleSheet.create({
 	screen: {
 		flex: 1,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	content: {
 		width: '100%',
 		paddingHorizontal: 60,
-		marginVertical: 15
+		marginVertical: 15,
 	},
 	progressWrapper: {
 		backgroundColor: colors.grey100,
 		height: 3,
 		borderRadius: 3,
-		marginVertical: 15
+		marginVertical: 15,
 	},
 	progressBar: {
 		backgroundColor: colors.blue,
 		height: 3,
 		width: 3,
 		borderRadius: 3,
-		flex: 1
+		flex: 1,
 	},
 	aggContainer: {
 		position: 'absolute',
@@ -63,20 +63,20 @@ const styles = StyleSheet.create({
 		left: '50%',
 		shadowOffset: {
 			width: 0,
-			height: 4
+			height: 4,
 		},
 		shadowOpacity: 0.45,
 		shadowRadius: 10,
-		elevation: 15
+		elevation: 15,
 	},
 	aggImage: {
 		width: 75,
-		height: 30
+		height: 30,
 	},
 	foxContainer: {
 		width: STAGE_SIZE,
-		height: STAGE_SIZE
-	}
+		height: STAGE_SIZE,
+	},
 });
 
 const customStyle = `
@@ -122,7 +122,7 @@ function LoadingAnimation({ finish, onAnimationEnd, aggregatorMetadata, headPan
 	const progressValue = useRef(new Animated.Value(0)).current;
 	const progressWidth = progressValue.interpolate({
 		inputRange: [0, 100],
-		outputRange: ['0%', '100%']
+		outputRange: ['0%', '100%'],
 	});
 
 	/* Animation constructions */
@@ -161,7 +161,7 @@ function LoadingAnimation({ finish, onAnimationEnd, aggregatorMetadata, headPan
 
 						return {
 							...acc,
-							[curr.key]: [panRadioX, panRadioY, radioX, radioY]
+							[curr.key]: [panRadioX, panRadioY, radioX, radioY],
 						};
 						// eslint-disable-next-line no-mixed-spaces-and-tabs
 				  }, {})
@@ -176,7 +176,7 @@ function LoadingAnimation({ finish, onAnimationEnd, aggregatorMetadata, headPan
 				? metadata.reduce(
 						(acc, curr) => ({
 							...acc,
-							[curr.key]: new Animated.Value(0)
+							[curr.key]: new Animated.Value(0),
 						}),
 						{}
 						// eslint-disable-next-line no-mixed-spaces-and-tabs
@@ -200,7 +200,7 @@ function LoadingAnimation({ finish, onAnimationEnd, aggregatorMetadata, headPan
 								Animated.timing(currentQuoteIndexValue, {
 									toValue: index,
 									duration: 0,
-									useNativeDriver: true
+									useNativeDriver: true,
 								}),
 								Animated.parallel([
 									// If is not the first aggregator, reduce previous aggregator opacity to 1
@@ -208,28 +208,28 @@ function LoadingAnimation({ finish, onAnimationEnd, aggregatorMetadata, headPan
 										Animated.timing(opacities[array[index - 1].key], {
 											toValue: 0,
 											duration: PAN_DURATION,
-											useNativeDriver: true
+											useNativeDriver: true,
 										}),
 									// Set current aggregator opacity to 1
 									Animated.timing(opacities[cur.key], {
 										toValue: 1,
 										duration: PAN_DURATION,
-										useNativeDriver: true
+										useNativeDriver: true,
 									}),
 									// Update progress bar given the current index
 									Animated.timing(progressValue, {
 										toValue: (FINALIZING_PERCENTAGE / array.length) * (index + 1),
 										duration: PAN_DURATION,
-										useNativeDriver: false
+										useNativeDriver: false,
 									}),
 									// Make the fox head pan to the aggregator position
 									!Device.isAndroid() &&
 										Animated.timing(foxHeadPan, {
 											toValue: { x: positions[cur.key][0], y: positions[cur.key][1] },
 											duration: PAN_DURATION,
-											useNativeDriver: true
-										})
-								])
+											useNativeDriver: true,
+										}),
+								]),
 							],
 							[]
 						),
@@ -237,19 +237,19 @@ function LoadingAnimation({ finish, onAnimationEnd, aggregatorMetadata, headPan
 						Animated.delay(DELAY),
 						Animated.parallel([
 							// Set last aggregator icon opacity to 0
-							Animated.timing(opacities[([...metadata].pop()?.key)], {
+							Animated.timing(opacities[[...metadata].pop()?.key], {
 								toValue: 0,
 								duration: PAN_DURATION,
-								useNativeDriver: true
+								useNativeDriver: true,
 							}),
 							// Reset to fox head to origing
 							!Device.isAndroid() &&
 								Animated.timing(foxHeadPan, {
 									toValue: { x: 0, y: 0 },
 									duration: PAN_DURATION,
-									useNativeDriver: true
-								})
-						])
+									useNativeDriver: true,
+								}),
+						]),
 						// eslint-disable-next-line no-mixed-spaces-and-tabs
 				  ]
 				: [],
@@ -268,7 +268,7 @@ function LoadingAnimation({ finish, onAnimationEnd, aggregatorMetadata, headPan
 		Animated.timing(progressValue, {
 			toValue: 100,
 			duration: FINISH_DURATION,
-			useNativeDriver: false
+			useNativeDriver: false,
 		}).start(() => {
 			if (onAnimationEnd) {
 				onAnimationEnd();
@@ -294,7 +294,7 @@ function LoadingAnimation({ finish, onAnimationEnd, aggregatorMetadata, headPan
 			} else {
 				const metadata = Object.entries(aggregatorMetadata).map(([key, value]) => ({
 					key,
-					...value
+					...value,
 				}));
 				setMetadata(metadata);
 				setShouldStart(true);
@@ -412,7 +412,7 @@ function LoadingAnimation({ finish, onAnimationEnd, aggregatorMetadata, headPan
 				{renderLogos &&
 					headPan &&
 					metadata &&
-					metadata.map(agg => (
+					metadata.map((agg) => (
 						<Animated.View
 							key={agg.key}
 							style={[
@@ -423,9 +423,9 @@ function LoadingAnimation({ finish, onAnimationEnd, aggregatorMetadata, headPan
 									opacity: opacities[agg.key],
 									transform: [
 										{ translateX: positions[agg.key][2] },
-										{ translateY: positions[agg.key][3] }
-									]
-								}
+										{ translateY: positions[agg.key][3] },
+									],
+								},
 							]}
 						>
 							<Image style={styles.aggImage} resizeMode="contain" source={{ uri: agg.iconPng }} />
@@ -452,7 +452,7 @@ LoadingAnimation.propTypes = {
 	/**
 	 * Wether to show head panning animation with aggregators logos
 	 */
-	headPan: PropTypes.bool
+	headPan: PropTypes.bool,
 };
 
 export default LoadingAnimation;
diff --git a/app/components/UI/Swaps/components/Onboarding.js b/app/components/UI/Swaps/components/Onboarding.js
index 16fd82468e6..1161d9471f3 100644
--- a/app/components/UI/Swaps/components/Onboarding.js
+++ b/app/components/UI/Swaps/components/Onboarding.js
@@ -17,38 +17,38 @@ const styles = StyleSheet.create({
 		flex: 1,
 		paddingHorizontal: 25,
 		justifyContent: 'space-between',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	content: {
 		flex: 1,
 		justifyContent: 'center',
-		marginVertical: 14
+		marginVertical: 14,
 	},
 	images: {
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	title: {
 		fontSize: Device.isSmallDevice() ? 20 : 24,
 		marginHorizontal: 15,
-		marginBottom: Device.isSmallDevice() ? 16 : 24
+		marginBottom: Device.isSmallDevice() ? 16 : 24,
 	},
 	aggregatorsImage: {
 		marginVertical: 14,
 		width: Device.isSmallDevice() ? 230 : 300,
-		height: Device.isSmallDevice() ? 85 : 110
+		height: Device.isSmallDevice() ? 85 : 110,
 	},
 	learnMore: {
-		marginVertical: 14
+		marginVertical: 14,
 	},
 	learnMoreLink: {
-		paddingVertical: Device.isSmallDevice() ? 4 : 8
+		paddingVertical: Device.isSmallDevice() ? 4 : 8,
 	},
 	actionButtonWrapper: {
-		width: '100%'
+		width: '100%',
 	},
 	actionButton: {
-		marginVertical: 10
-	}
+		marginVertical: 10,
+	},
 });
 
 if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
@@ -66,8 +66,8 @@ function Onboarding({ setHasOnboarded }) {
 		navigation.navigate('Webview', {
 			screen: 'SimpleWebview',
 			params: {
-				url: 'https://consensys.net/diligence/audits/2020/08/metaswap/'
-			}
+				url: 'https://consensys.net/diligence/audits/2020/08/metaswap/',
+			},
 		});
 	}, [navigation]);
 
@@ -114,7 +114,7 @@ function Onboarding({ setHasOnboarded }) {
 }
 
 Onboarding.propTypes = {
-	setHasOnboarded: PropTypes.func
+	setHasOnboarded: PropTypes.func,
 };
 
 export default Onboarding;
diff --git a/app/components/UI/Swaps/components/QuotesModal.js b/app/components/UI/Swaps/components/QuotesModal.js
index 37fc5760657..0b055b2915d 100644
--- a/app/components/UI/Swaps/components/QuotesModal.js
+++ b/app/components/UI/Swaps/components/QuotesModal.js
@@ -8,7 +8,7 @@ import {
 	LayoutAnimation,
 	UIManager,
 	Platform,
-	SafeAreaView
+	SafeAreaView,
 } from 'react-native';
 import Modal from 'react-native-modal';
 import IonicIcon from 'react-native-vector-icons/Ionicons';
@@ -20,7 +20,7 @@ import {
 	renderFromTokenMinimalUnit,
 	renderFromWei,
 	toWei,
-	weiToFiat
+	weiToFiat,
 } from '../../../../util/number';
 import { getQuotesSourceMessage } from '../utils';
 
@@ -39,16 +39,16 @@ const styles = StyleSheet.create({
 		shadowColor: colors.black,
 		shadowOffset: {
 			width: 0,
-			height: 5
+			height: 5,
 		},
 		shadowOpacity: 0.36,
 		shadowRadius: 6.68,
-		elevation: 11
+		elevation: 11,
 	},
 	modal: {
 		margin: 0,
 		width: '100%',
-		padding: 25
+		padding: 25,
 	},
 	title: {
 		width: '100%',
@@ -57,78 +57,78 @@ const styles = StyleSheet.create({
 		paddingBottom: 5,
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	titleButton: {
 		flexDirection: 'row',
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	closeIcon: {
-		color: colors.black
+		color: colors.black,
 	},
 	backIcon: {
 		color: colors.black,
-		marginRight: 16
+		marginRight: 16,
 	},
 	detailsIcon: {
 		color: colors.black,
-		paddingHorizontal: 10
+		paddingHorizontal: 10,
 	},
 	body: {
 		width: '100%',
-		paddingVertical: 5
+		paddingVertical: 5,
 	},
 	row: {
 		paddingHorizontal: 20,
 		flexDirection: 'row',
-		paddingVertical: 10
+		paddingVertical: 10,
 	},
 	quoteRow: {
 		borderTopWidth: 1,
 		borderTopColor: colors.grey100,
 		paddingVertical: 15,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	detailsRow: {
 		paddingHorizontal: 20,
 		borderTopWidth: 1,
 		borderTopColor: colors.grey100,
-		paddingVertical: 15
+		paddingVertical: 15,
 	},
 	selectedQuoteRow: {
-		backgroundColor: colors.blue000
+		backgroundColor: colors.blue000,
 	},
 	columnAmount: {
 		flex: 3,
-		marginRight: 5
+		marginRight: 5,
 	},
 	columnFee: {
 		flex: 3,
-		marginRight: 5
+		marginRight: 5,
 	},
 	columnValue: {
 		flex: 3,
-		marginRight: 5
+		marginRight: 5,
 	},
 	red: {
-		color: colors.red
+		color: colors.red,
 	},
 	bestBadge: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	bestBadgeWrapper: {
 		paddingVertical: 0,
 		paddingHorizontal: 8,
 		backgroundColor: colors.blue,
-		borderRadius: 4
+		borderRadius: 4,
 	},
 	bestBadgeText: {
-		color: colors.white
+		color: colors.white,
 	},
 	transparent: {
-		opacity: 0
-	}
+		opacity: 0,
+	},
 });
 
 if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
@@ -146,7 +146,7 @@ function QuotesModal({
 	currentCurrency,
 	quoteValues,
 	showOverallValue,
-	ticker
+	ticker,
 }) {
 	const bestOverallValue = quoteValues?.[quotes[0].aggregator]?.overallValueOfQuote ?? 0;
 	const [displayDetails, setDisplayDetails] = useState(false);
@@ -176,12 +176,12 @@ function QuotesModal({
 	// Toggle displaying details
 	const toggleDetails = useCallback(() => {
 		LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
-		setDisplayDetails(f => !f);
+		setDisplayDetails((f) => !f);
 	}, []);
 
 	// Toggle to the details in case the quote exist
 	const handleQuoteDetailsPress = useCallback(
-		index => {
+		(index) => {
 			if (quotes?.[index]) {
 				setSelectedDetailsQuoteIndex(index);
 				toggleDetails();
@@ -375,7 +375,7 @@ function QuotesModal({
 													style={[
 														styles.row,
 														styles.quoteRow,
-														isSelected && styles.selectedQuoteRow
+														isSelected && styles.selectedQuoteRow,
 													]}
 												>
 													<View style={styles.columnAmount}>
@@ -462,11 +462,11 @@ QuotesModal.propTypes = {
 	selectedQuote: PropTypes.string,
 	destinationToken: PropTypes.shape({
 		symbol: PropTypes.string,
-		decimals: PropTypes.number
+		decimals: PropTypes.number,
 	}),
 	sourceToken: PropTypes.shape({
 		symbol: PropTypes.string,
-		decimals: PropTypes.number
+		decimals: PropTypes.number,
 	}),
 	/**
 	 * ETH to current currency conversion rate
@@ -481,13 +481,13 @@ QuotesModal.propTypes = {
 	 */
 	ticker: PropTypes.string,
 	quoteValues: PropTypes.object,
-	showOverallValue: PropTypes.bool
+	showOverallValue: PropTypes.bool,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
-	quoteValues: state.engine.backgroundState.SwapsController.quoteValues
+	quoteValues: state.engine.backgroundState.SwapsController.quoteValues,
 });
 
 export default connect(mapStateToProps)(QuotesModal);
diff --git a/app/components/UI/Swaps/components/QuotesSummary.js b/app/components/UI/Swaps/components/QuotesSummary.js
index 13185f996b3..7201df768ac 100644
--- a/app/components/UI/Swaps/components/QuotesSummary.js
+++ b/app/components/UI/Swaps/components/QuotesSummary.js
@@ -15,10 +15,10 @@ const styles = StyleSheet.create({
 		borderColor: colors.blue,
 		borderTopRightRadius: 10,
 		borderTopLeftRadius: 10,
-		backgroundColor: colors.blue000
+		backgroundColor: colors.blue000,
 	},
 	headerWithPiggy: {
-		paddingLeft: 15 + 32 + 10
+		paddingLeft: 15 + 32 + 10,
 	},
 	piggyBar: {
 		position: 'absolute',
@@ -27,17 +27,17 @@ const styles = StyleSheet.create({
 		height: 0,
 		width: 19,
 		borderTopWidth: 1,
-		borderColor: colors.blue000
+		borderColor: colors.blue000,
 	},
 	piggyBank: {
 		position: 'absolute',
 		top: -12,
 		left: 15,
 		width: 32,
-		height: 44
+		height: 44,
 	},
 	headerText: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	body: {
 		paddingVertical: 10,
@@ -46,18 +46,18 @@ const styles = StyleSheet.create({
 		borderTopWidth: 0,
 		borderColor: colors.blue,
 		borderBottomRightRadius: 10,
-		borderBottomLeftRadius: 10
+		borderBottomLeftRadius: 10,
 	},
 	separator: {
 		height: 0,
 		width: '100%',
 		borderTopWidth: 1,
 		marginVertical: 6,
-		borderTopColor: colors.grey100
-	}
+		borderTopColor: colors.grey100,
+	},
 });
 
-const QuotesSummary = props => <View {...props} />;
+const QuotesSummary = (props) => <View {...props} />;
 
 const Header = ({ style, savings, children, ...props }) => (
 	<View style={[styles.header, savings && styles.headerWithPiggy, style]} {...props}>
@@ -84,19 +84,19 @@ Header.propTypes = {
 	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 	/** Wether the piggybank is shown or not */
 	savings: PropTypes.bool,
-	children: PropTypes.node
+	children: PropTypes.node,
 };
 
 Body.propTypes = {
-	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array])
+	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 };
 
 HeaderText.propTypes = {
-	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array])
+	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 };
 
 Separator.propTypes = {
-	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array])
+	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 };
 
 export default QuotesSummary;
diff --git a/app/components/UI/Swaps/components/Ratio.js b/app/components/UI/Swaps/components/Ratio.js
index 71daf4754c1..c6edc1742bf 100644
--- a/app/components/UI/Swaps/components/Ratio.js
+++ b/app/components/UI/Swaps/components/Ratio.js
@@ -10,8 +10,8 @@ const styles = StyleSheet.create({
 	infoIcon: {
 		fontSize: 12,
 		margin: 3,
-		color: colors.blue
-	}
+		color: colors.blue,
+	},
 });
 function Ratio({ sourceAmount, sourceToken, destinationAmount, destinationToken, boldSymbol = false }) {
 	/* Get the ratio between the assets given the selected quote*/
@@ -26,7 +26,7 @@ function Ratio({ sourceAmount, sourceToken, destinationAmount, destinationToken,
 
 	const ratio = useRatio(numerator?.amount, numerator?.decimals, denominator?.amount, denominator?.decimals);
 
-	const handleRatioSwitch = () => setRatioAsSource(isSource => !isSource);
+	const handleRatioSwitch = () => setRatioAsSource((isSource) => !isSource);
 
 	return (
 		<TouchableOpacity onPress={handleRatioSwitch}>
@@ -49,14 +49,14 @@ Ratio.propTypes = {
 	sourceAmount: PropTypes.string,
 	sourceToken: PropTypes.shape({
 		symbol: PropTypes.string,
-		decimals: PropTypes.number
+		decimals: PropTypes.number,
 	}),
 	destinationAmount: PropTypes.string,
 	destinationToken: PropTypes.shape({
 		symbol: PropTypes.string,
-		decimals: PropTypes.number
+		decimals: PropTypes.number,
 	}),
-	boldSymbol: PropTypes.bool
+	boldSymbol: PropTypes.bool,
 };
 
 export default Ratio;
diff --git a/app/components/UI/Swaps/components/SlippageModal.js b/app/components/UI/Swaps/components/SlippageModal.js
index c3199654ac7..85e61e86ecd 100644
--- a/app/components/UI/Swaps/components/SlippageModal.js
+++ b/app/components/UI/Swaps/components/SlippageModal.js
@@ -12,29 +12,29 @@ import { strings } from '../../../../../locales/i18n';
 const styles = StyleSheet.create({
 	modal: {
 		margin: 0,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	modalView: {
 		backgroundColor: colors.white,
 		borderTopLeftRadius: 10,
-		borderTopRightRadius: 10
+		borderTopRightRadius: 10,
 	},
 	content: {
 		marginVertical: 14,
-		paddingHorizontal: 30
+		paddingHorizontal: 30,
 	},
 	slippageWrapper: {
-		marginVertical: 10
+		marginVertical: 10,
 	},
 	warningTextWrapper: {
 		position: 'absolute',
 		width: '85%',
 		bottom: 30,
-		left: 10
+		left: 10,
 	},
 	warningText: {
-		color: colors.red
-	}
+		color: colors.red,
+	},
 });
 
 function SlippageModal({ isVisible, dismiss, onChange, slippage }) {
@@ -66,7 +66,7 @@ function SlippageModal({ isVisible, dismiss, onChange, slippage }) {
 							increment={1}
 							onChange={onChange}
 							value={slippage}
-							formatTooltipText={text => `${text}%`}
+							formatTooltipText={(text) => `${text}%`}
 						/>
 					</View>
 
@@ -83,6 +83,6 @@ SlippageModal.propTypes = {
 	isVisible: PropTypes.bool,
 	dismiss: PropTypes.func,
 	onChange: PropTypes.func,
-	slippage: PropTypes.number
+	slippage: PropTypes.number,
 };
 export default SlippageModal;
diff --git a/app/components/UI/Swaps/components/TokenIcon.js b/app/components/UI/Swaps/components/TokenIcon.js
index b857ef30c93..350d743028e 100644
--- a/app/components/UI/Swaps/components/TokenIcon.js
+++ b/app/components/UI/Swaps/components/TokenIcon.js
@@ -24,39 +24,39 @@ const styles = StyleSheet.create({
 	icon: {
 		width: REGULAR_SIZE,
 		height: REGULAR_SIZE,
-		borderRadius: REGULAR_RADIUS
+		borderRadius: REGULAR_RADIUS,
 	},
 	iconMedium: {
 		width: MEDIUM_SIZE,
 		height: MEDIUM_SIZE,
-		borderRadius: MEDIUM_RADIUS
+		borderRadius: MEDIUM_RADIUS,
 	},
 	iconBig: {
 		width: BIG_SIZE,
 		height: BIG_SIZE,
-		borderRadius: BIG_RADIUS
+		borderRadius: BIG_RADIUS,
 	},
 	iconBiggest: {
 		width: BIGGEST_SIZE,
 		height: BIGGEST_SIZE,
-		borderRadius: BIGGEST_RADIUS
+		borderRadius: BIGGEST_RADIUS,
 	},
 	emptyIcon: {
 		backgroundColor: colors.grey200,
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	tokenSymbol: {
 		fontSize: 16,
 		textAlign: 'center',
-		textAlignVertical: 'center'
+		textAlignVertical: 'center',
 	},
 	tokenSymbolMedium: {
-		fontSize: 22
+		fontSize: 22,
 	},
 	tokenSymbolBig: {
-		fontSize: 26
-	}
+		fontSize: 26,
+	},
 });
 
 const EmptyIcon = ({ medium, big, biggest, style, ...props }) => (
@@ -67,7 +67,7 @@ const EmptyIcon = ({ medium, big, biggest, style, ...props }) => (
 			big && styles.iconBig,
 			biggest && styles.iconBiggest,
 			styles.emptyIcon,
-			style
+			style,
 		]}
 		{...props}
 	/>
@@ -77,7 +77,7 @@ EmptyIcon.propTypes = {
 	medium: PropTypes.bool,
 	big: PropTypes.bool,
 	biggest: PropTypes.bool,
-	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array])
+	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 };
 
 function TokenIcon({ symbol, icon, medium, big, biggest, style }) {
@@ -91,7 +91,7 @@ function TokenIcon({ symbol, icon, medium, big, biggest, style }) {
 					medium && styles.iconMedium,
 					big && styles.iconBig,
 					biggest && styles.iconBiggest,
-					style
+					style,
 				]}
 			/>
 		);
@@ -105,7 +105,7 @@ function TokenIcon({ symbol, icon, medium, big, biggest, style }) {
 					medium && styles.iconMedium,
 					big && styles.iconBig,
 					biggest && styles.iconBiggest,
-					style
+					style,
 				]}
 			/>
 		);
@@ -117,7 +117,7 @@ function TokenIcon({ symbol, icon, medium, big, biggest, style }) {
 						styles.tokenSymbol,
 						medium && styles.tokenSymbolMedium,
 						(big || biggest) && styles.tokenSymbolBig,
-						biggest && styles.tokenSymbolBiggest
+						biggest && styles.tokenSymbolBiggest,
 					]}
 				>
 					{symbol[0].toUpperCase()}
@@ -135,7 +135,7 @@ TokenIcon.propTypes = {
 	medium: PropTypes.bool,
 	big: PropTypes.bool,
 	biggest: PropTypes.bool,
-	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array])
+	style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 };
 
 export default TokenIcon;
diff --git a/app/components/UI/Swaps/components/TokenImportModal.js b/app/components/UI/Swaps/components/TokenImportModal.js
index d0637144247..0b8c7e5ad59 100644
--- a/app/components/UI/Swaps/components/TokenImportModal.js
+++ b/app/components/UI/Swaps/components/TokenImportModal.js
@@ -15,30 +15,30 @@ import { strings } from '../../../../../locales/i18n';
 const styles = StyleSheet.create({
 	modal: {
 		margin: 0,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	modalView: {
 		backgroundColor: colors.white,
 		borderTopLeftRadius: 10,
-		borderTopRightRadius: 10
+		borderTopRightRadius: 10,
 	},
 	content: {
 		marginVertical: 14,
 		paddingHorizontal: 30,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	alertIcon: {
 		paddingTop: 4,
-		paddingRight: 8
+		paddingRight: 8,
 	},
 	title: {
 		fontSize: 24,
-		marginVertical: 14
+		marginVertical: 14,
 	},
 	tokenTitle: {
 		fontSize: 18,
 		textAlign: 'center',
-		marginVertical: 14
+		marginVertical: 14,
 	},
 	tokenAddress: {
 		backgroundColor: colors.grey000,
@@ -46,12 +46,12 @@ const styles = StyleSheet.create({
 		borderRadius: 20,
 		marginVertical: 6,
 		paddingHorizontal: 8,
-		paddingVertical: 4
+		paddingVertical: 4,
 	},
 	cta: {
 		marginTop: 10,
-		width: '100%'
-	}
+		width: '100%',
+	},
 });
 
 function TokenImportModal({ isVisible, dismiss, token, onPressImport }) {
@@ -74,7 +74,7 @@ function TokenImportModal({ isVisible, dismiss, token, onPressImport }) {
 							<FAIcon name="info-circle" style={styles.alertIcon} color={colors.red} size={15} />
 						)}
 					>
-						{textStyle => <Text style={textStyle}>{strings('swaps.add_warning')}</Text>}
+						{(textStyle) => <Text style={textStyle}>{strings('swaps.add_warning')}</Text>}
 					</Alert>
 					<Text bold primary centered style={styles.title}>
 						{strings('swaps.import_token')}
@@ -108,8 +108,8 @@ TokenImportModal.propTypes = {
 		name: PropTypes.string,
 		symbol: PropTypes.string,
 		decimals: PropTypes.number,
-		iconUrl: PropTypes.string
+		iconUrl: PropTypes.string,
 	}),
-	onPressImport: PropTypes.func
+	onPressImport: PropTypes.func,
 };
 export default TokenImportModal;
diff --git a/app/components/UI/Swaps/components/TokenSelectButton.js b/app/components/UI/Swaps/components/TokenSelectButton.js
index 681bcd95716..c31d0b23dca 100644
--- a/app/components/UI/Swaps/components/TokenSelectButton.js
+++ b/app/components/UI/Swaps/components/TokenSelectButton.js
@@ -8,8 +8,8 @@ import TokenIcon from './TokenIcon';
 
 const styles = StyleSheet.create({
 	icon: {
-		marginRight: 8
-	}
+		marginRight: 8,
+	},
 });
 
 function TokenSelectButton({ icon, symbol, onPress, disabled, label }) {
@@ -28,7 +28,7 @@ TokenSelectButton.propTypes = {
 	symbol: PropTypes.string,
 	label: PropTypes.string,
 	onPress: PropTypes.func,
-	disabled: PropTypes.bool
+	disabled: PropTypes.bool,
 };
 
 export default TokenSelectButton;
diff --git a/app/components/UI/Swaps/components/TokenSelectModal.js b/app/components/UI/Swaps/components/TokenSelectModal.js
index 119c316b3a5..396e11827bc 100644
--- a/app/components/UI/Swaps/components/TokenSelectModal.js
+++ b/app/components/UI/Swaps/components/TokenSelectModal.js
@@ -8,7 +8,7 @@ import {
 	View,
 	TouchableWithoutFeedback,
 	ActivityIndicator,
-	InteractionManager
+	InteractionManager,
 } from 'react-native';
 import { FlatList } from 'react-native-gesture-handler';
 import { useNavigation } from '@react-navigation/native';
@@ -41,12 +41,12 @@ import { ANALYTICS_EVENT_OPTS } from '../../../../util/analytics';
 const styles = StyleSheet.create({
 	modal: {
 		margin: 0,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	modalView: {
 		backgroundColor: colors.white,
 		borderTopLeftRadius: 10,
-		borderTopRightRadius: 10
+		borderTopRightRadius: 10,
 	},
 	inputWrapper: {
 		flexDirection: 'row',
@@ -57,57 +57,57 @@ const styles = StyleSheet.create({
 		paddingHorizontal: 5,
 		borderRadius: 5,
 		borderWidth: 1,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	searchIcon: {
-		marginHorizontal: 8
+		marginHorizontal: 8,
 	},
 	input: {
 		...fontStyles.normal,
-		flex: 1
+		flex: 1,
 	},
 	modalTitle: {
 		marginTop: Device.isIphone5() ? 10 : 15,
-		marginBottom: Device.isIphone5() ? 5 : 5
+		marginBottom: Device.isIphone5() ? 5 : 5,
 	},
 	resultsView: {
 		height: Device.isSmallDevice() ? 200 : 280,
-		marginTop: 10
+		marginTop: 10,
 	},
 	resultRow: {
 		borderTopWidth: StyleSheet.hairlineWidth,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	emptyList: {
 		marginVertical: 10,
-		marginHorizontal: 30
+		marginHorizontal: 30,
 	},
 	importButton: {
 		paddingVertical: 6,
 		paddingHorizontal: 10,
 		backgroundColor: colors.blue,
-		borderRadius: 100
+		borderRadius: 100,
 	},
 	importButtonText: {
-		color: colors.white
+		color: colors.white,
 	},
 	loadingIndicator: {
-		margin: 10
+		margin: 10,
 	},
 	loadingTokenView: {
 		marginVertical: 10,
 		marginHorizontal: 30,
 		justifyContent: 'center',
 		alignItems: 'center',
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	footer: {
-		padding: 30
+		padding: 30,
 	},
 	footerIcon: {
 		paddingTop: 4,
-		paddingRight: 8
-	}
+		paddingRight: 8,
+	},
 });
 
 const MAX_TOKENS_RESULTS = 20;
@@ -128,7 +128,7 @@ function TokenSelectModal({
 	chainId,
 	provider,
 	frequentRpcList,
-	balances
+	balances,
 }) {
 	const navigation = useNavigation();
 	const searchInput = useRef(null);
@@ -137,18 +137,19 @@ function TokenSelectModal({
 	const explorer = useBlockExplorer(provider, frequentRpcList);
 	const [isTokenImportVisible, , showTokenImportModal, hideTokenImportModal] = useModalHandler(false);
 
-	const excludedAddresses = useMemo(() => excludeAddresses.filter(Boolean).map(address => address.toLowerCase()), [
-		excludeAddresses
-	]);
+	const excludedAddresses = useMemo(
+		() => excludeAddresses.filter(Boolean).map((address) => address.toLowerCase()),
+		[excludeAddresses]
+	);
 
 	const filteredTokens = useMemo(
-		() => tokens?.filter(token => !excludedAddresses.includes(token.address?.toLowerCase())),
+		() => tokens?.filter((token) => !excludedAddresses.includes(token.address?.toLowerCase())),
 		[tokens, excludedAddresses]
 	);
 	const filteredInitialTokens = useMemo(
 		() =>
 			initialTokens?.length > 0
-				? initialTokens.filter(token => !excludedAddresses.includes(token.address?.toLowerCase()))
+				? initialTokens.filter((token) => !excludedAddresses.includes(token.address?.toLowerCase()))
 				: filteredTokens,
 		[excludedAddresses, filteredTokens, initialTokens]
 	);
@@ -161,7 +162,7 @@ function TokenSelectModal({
 				distance: 100,
 				maxPatternLength: 32,
 				minMatchCharLength: 1,
-				keys: ['symbol', 'address', 'name']
+				keys: ['symbol', 'address', 'name'],
 			}),
 		[filteredTokens]
 	);
@@ -232,7 +233,7 @@ function TokenSelectModal({
 	}, [showTokenImportModal]);
 
 	const handlePressImportToken = useCallback(
-		item => {
+		(item) => {
 			const { address, symbol } = item;
 			InteractionManager.runAfterInteractions(() => {
 				Analytics.trackEventWithParameters(
@@ -252,8 +253,8 @@ function TokenSelectModal({
 			screen: 'SimpleWebview',
 			params: {
 				url: shouldFetchToken ? explorer.token(searchString) : explorer.token('').replace('token/', 'tokens/'),
-				title: strings(shouldFetchToken ? 'swaps.verify' : 'swaps.find_token_address')
-			}
+				title: strings(shouldFetchToken ? 'swaps.verify' : 'swaps.find_token_address'),
+			},
 		});
 		dismiss();
 	}, [dismiss, explorer, navigation, searchString, shouldFetchToken]);
@@ -266,7 +267,7 @@ function TokenSelectModal({
 						<FAIcon name="info-circle" style={styles.footerIcon} color={colors.blue} size={15} />
 					)}
 				>
-					{textStyle => (
+					{(textStyle) => (
 						<Text style={textStyle}>
 							<Text reset bold>
 								{strings('swaps.cant_find_token')}
@@ -298,7 +299,7 @@ function TokenSelectModal({
 		[searchString]
 	);
 
-	const handleSearchTextChange = useCallback(text => {
+	const handleSearchTextChange = useCallback((text) => {
 		setSearchString(text);
 		if (list.current) list.current.scrollToOffset({ animated: false, y: 0 });
 	}, []);
@@ -418,7 +419,7 @@ function TokenSelectModal({
 						keyboardShouldPersistTaps="always"
 						data={tokenSearchResults}
 						renderItem={renderItem}
-						keyExtractor={item => item.address}
+						keyExtractor={(item) => item.address}
 						ListEmptyComponent={renderEmptyList}
 						ListFooterComponent={renderFooter}
 						ListFooterComponentStyle={[styles.resultRow, styles.footer]}
@@ -472,10 +473,10 @@ TokenSelectModal.propTypes = {
 	/**
 	 * Frequent RPC list from PreferencesController
 	 */
-	frequentRpcList: PropTypes.array
+	frequentRpcList: PropTypes.array,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
@@ -484,7 +485,7 @@ const mapStateToProps = state => ({
 	tokenExchangeRates: state.engine.backgroundState.TokenRatesController.contractExchangeRates,
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 	provider: state.engine.backgroundState.NetworkController.provider,
-	frequentRpcList: state.engine.backgroundState.PreferencesController.frequentRpcList
+	frequentRpcList: state.engine.backgroundState.PreferencesController.frequentRpcList,
 });
 
 export default connect(mapStateToProps)(TokenSelectModal);
diff --git a/app/components/UI/Swaps/index.js b/app/components/UI/Swaps/index.js
index 300925b5ad6..0e3fec9e1d1 100644
--- a/app/components/UI/Swaps/index.js
+++ b/app/components/UI/Swaps/index.js
@@ -12,7 +12,7 @@ import {
 	fromTokenMinimalUnitString,
 	renderFromTokenMinimalUnit,
 	toTokenMinimalUnit,
-	weiToFiat
+	weiToFiat,
 } from '../../../util/number';
 import { safeToChecksumAddress } from '../../../util/address';
 import { swapsUtils } from '@metamask/swaps-controller';
@@ -24,7 +24,7 @@ import {
 	swapsHasOnboardedSelector,
 	swapsTokensSelector,
 	swapsTokensWithBalanceSelector,
-	swapsTopAssetsSelector
+	swapsTopAssetsSelector,
 } from '../../../reducers/swaps';
 import Analytics from '../../../core/Analytics';
 import Device from '../../../util/device';
@@ -54,60 +54,60 @@ import { toLowerCaseEquals } from '../../../util/general';
 const styles = StyleSheet.create({
 	screen: {
 		flexGrow: 1,
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	content: {
 		flexGrow: 1,
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	keypad: {
 		flexGrow: 1,
-		justifyContent: 'space-around'
+		justifyContent: 'space-around',
 	},
 	tokenButtonContainer: {
 		flexDirection: 'row',
 		justifyContent: 'center',
-		margin: Device.isIphone5() ? 5 : 10
+		margin: Device.isIphone5() ? 5 : 10,
 	},
 	amountContainer: {
 		alignItems: 'center',
 		justifyContent: 'center',
-		marginHorizontal: 25
+		marginHorizontal: 25,
 	},
 	amount: {
 		textAlignVertical: 'center',
 		fontSize: Device.isIphone5() ? 30 : 40,
-		height: Device.isIphone5() ? 40 : 50
+		height: Device.isIphone5() ? 40 : 50,
 	},
 	amountInvalid: {
-		color: colors.red
+		color: colors.red,
 	},
 	verifyToken: {
-		marginHorizontal: 40
+		marginHorizontal: 40,
 	},
 	tokenAlert: {
 		marginTop: 10,
-		marginHorizontal: 30
+		marginHorizontal: 30,
 	},
 	linkText: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	horizontalRuleContainer: {
 		flexDirection: 'row',
 		paddingHorizontal: 30,
 		marginVertical: Device.isIphone5() ? 5 : 10,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	horizontalRule: {
 		flex: 1,
 		borderBottomWidth: StyleSheet.hairlineWidth,
 		height: 1,
-		borderBottomColor: colors.grey100
+		borderBottomColor: colors.grey100,
 	},
 	arrowDown: {
 		color: colors.blue,
 		fontSize: 25,
-		marginHorizontal: 15
+		marginHorizontal: 15,
 	},
 	buttonsContainer: {
 		marginTop: Device.isIphone5() ? 10 : 30,
@@ -115,21 +115,21 @@ const styles = StyleSheet.create({
 		paddingHorizontal: 30,
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	column: {
-		flex: 1
+		flex: 1,
 	},
 	ctaContainer: {
 		flexDirection: 'row',
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	cta: {
-		paddingHorizontal: Device.isIphone5() ? 10 : 20
+		paddingHorizontal: Device.isIphone5() ? 10 : 20,
 	},
 	disabled: {
-		opacity: 0.4
-	}
+		opacity: 0.4,
+	},
 });
 
 const SWAPS_NATIVE_ADDRESS = swapsUtils.NATIVE_SWAPS_TOKEN_ADDRESS;
@@ -151,7 +151,7 @@ function SwapsAmountView({
 	currentCurrency,
 	userHasOnboarded,
 	setHasOnboarded,
-	setLiveness
+	setLiveness,
 }) {
 	const navigation = useNavigation();
 	const route = useRoute();
@@ -163,11 +163,11 @@ function SwapsAmountView({
 	const [isInitialLoadingTokens, setInitialLoadingTokens] = useState(false);
 	const [, setLoadingTokens] = useState(false);
 	const [isSourceSet, setIsSourceSet] = useState(() =>
-		Boolean(swapsTokens?.find(token => toLowerCaseEquals(token.address, initialSource)))
+		Boolean(swapsTokens?.find((token) => toLowerCaseEquals(token.address, initialSource)))
 	);
 
 	const [sourceToken, setSourceToken] = useState(() =>
-		swapsTokens?.find(token => toLowerCaseEquals(token.address, initialSource))
+		swapsTokens?.find((token) => toLowerCaseEquals(token.address, initialSource))
 	);
 	const [destinationToken, setDestinationToken] = useState(null);
 	const [hasDismissedTokenAlert, setHasDismissedTokenAlert] = useState(true);
@@ -178,12 +178,8 @@ function SwapsAmountView({
 	const [isSourceModalVisible, toggleSourceModal] = useModalHandler(false);
 	const [isDestinationModalVisible, toggleDestinationModal] = useModalHandler(false);
 	const [isSlippageModalVisible, toggleSlippageModal] = useModalHandler(false);
-	const [
-		isTokenVerificationModalVisisble,
-		toggleTokenVerificationModal,
-		,
-		hideTokenVerificationModal
-	] = useModalHandler(false);
+	const [isTokenVerificationModalVisisble, toggleTokenVerificationModal, , hideTokenVerificationModal] =
+		useModalHandler(false);
 
 	useEffect(() => {
 		(async () => {
@@ -195,9 +191,10 @@ function SwapsAmountView({
 					InteractionManager.runAfterInteractions(() => {
 						const parameters = {
 							source: initialSource === SWAPS_NATIVE_ADDRESS ? 'MainView' : 'TokenView',
-							activeCurrency: swapsTokens?.find(token => toLowerCaseEquals(token.address, initialSource))
-								?.symbol,
-							chain_id: chainId
+							activeCurrency: swapsTokens?.find((token) =>
+								toLowerCaseEquals(token.address, initialSource)
+							)?.symbol,
+							chain_id: chainId,
 						};
 						Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.SWAPS_OPENED, {});
 						Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.SWAPS_OPENED, parameters, true);
@@ -251,7 +248,7 @@ function SwapsAmountView({
 	useEffect(() => {
 		if (!isSourceSet && initialSource && swapsTokens && !sourceToken) {
 			setIsSourceSet(true);
-			setSourceToken(swapsTokens.find(token => toLowerCaseEquals(token.address, initialSource)));
+			setSourceToken(swapsTokens.find((token) => toLowerCaseEquals(token.address, initialSource)));
 		}
 	}, [initialSource, isSourceSet, sourceToken, swapsTokens]);
 
@@ -288,11 +285,10 @@ function SwapsAmountView({
 		return false;
 	}, [amount, sourceToken]);
 
-	const amountAsUnits = useMemo(() => toTokenMinimalUnit(hasInvalidDecimals ? '0' : amount, sourceToken?.decimals), [
-		amount,
-		hasInvalidDecimals,
-		sourceToken
-	]);
+	const amountAsUnits = useMemo(
+		() => toTokenMinimalUnit(hasInvalidDecimals ? '0' : amount, sourceToken?.decimals),
+		[amount, hasInvalidDecimals, sourceToken]
+	);
 	const controllerBalance = useBalance(accounts, balances, selectedAddress, sourceToken);
 	const controllerBalanceAsUnits = useBalance(accounts, balances, selectedAddress, sourceToken, { asUnits: true });
 
@@ -364,12 +360,12 @@ function SwapsAmountView({
 		isTokenInBalances,
 		navigation,
 		slippage,
-		sourceToken
+		sourceToken,
 	]);
 
 	/* Keypad Handlers */
 	const handleKeypadChange = useCallback(
-		value => {
+		(value) => {
 			if (value === amount) {
 				return;
 			}
@@ -398,7 +394,7 @@ function SwapsAmountView({
 	);
 
 	const handleSourceTokenPress = useCallback(
-		item => {
+		(item) => {
 			toggleSourceModal();
 			setSourceToken(item);
 			setSlippageAfterTokenPress(item.address, destinationToken?.address);
@@ -407,7 +403,7 @@ function SwapsAmountView({
 	);
 
 	const handleDestinationTokenPress = useCallback(
-		item => {
+		(item) => {
 			toggleDestinationModal();
 			setDestinationToken(item);
 			setSlippageAfterTokenPress(sourceToken?.address, item.address);
@@ -422,7 +418,7 @@ function SwapsAmountView({
 		setAmount(fromTokenMinimalUnitString(balanceAsUnits.toString(10), sourceToken.decimals));
 	}, [balanceAsUnits, sourceToken]);
 
-	const handleSlippageChange = useCallback(value => {
+	const handleSlippageChange = useCallback((value) => {
 		setSlippage(value);
 	}, []);
 
@@ -439,8 +435,8 @@ function SwapsAmountView({
 			screen: 'SimpleWebview',
 			params: {
 				url: explorer.token(destinationToken.address),
-				title: strings('swaps.verify')
-			}
+				title: strings('swaps.verify'),
+			},
 		});
 	}, [explorer, destinationToken, hideTokenVerificationModal, navigation]);
 
@@ -504,7 +500,7 @@ function SwapsAmountView({
 								{hasInvalidDecimals
 									? strings('swaps.allows_up_to_decimals', {
 											symbol: sourceToken.symbol,
-											decimals: sourceToken.decimals
+											decimals: sourceToken.decimals,
 											// eslint-disable-next-line no-mixed-spaces-and-tabs
 									  })
 									: strings('swaps.not_enough', { symbol: sourceToken.symbol })}
@@ -514,7 +510,7 @@ function SwapsAmountView({
 								{!!sourceToken &&
 									balance !== null &&
 									strings('swaps.available_to_swap', {
-										asset: `${balance} ${sourceToken.symbol}`
+										asset: `${balance} ${sourceToken.symbol}`,
 									})}
 								{!isSwapsNativeAsset(sourceToken) && hasBalance && (
 									<Text style={styles.linkText} onPress={handleUseMax}>
@@ -558,7 +554,7 @@ function SwapsAmountView({
 							swapsUtils.getNativeSwapsToken(chainId),
 							...tokensTopAssets
 								.slice(0, MAX_TOP_ASSETS)
-								.filter(asset => asset.address !== swapsUtils.getNativeSwapsToken(chainId).address)
+								.filter((asset) => asset.address !== swapsUtils.getNativeSwapsToken(chainId).address),
 						]}
 						onItemPress={handleDestinationTokenPress}
 						excludeAddresses={[sourceToken?.address]}
@@ -574,7 +570,7 @@ function SwapsAmountView({
 								<Text small centered>
 									<Text reset bold>
 										{strings('swaps.verified_on_sources', {
-											sources: destinationToken.occurrences
+											sources: destinationToken.occurrences,
 										})}
 									</Text>
 									{` ${strings('swaps.verify_on')} `}
@@ -600,17 +596,17 @@ function SwapsAmountView({
 								onPress={handleDimissTokenAlert}
 								onInfoPress={toggleTokenVerificationModal}
 							>
-								{textStyle => (
+								{(textStyle) => (
 									<TouchableOpacity onPress={explorer.isValid ? handleVerifyPress : undefined}>
 										<Text style={textStyle} bold centered>
 											{!destinationToken.occurrences || isDynamicToken(destinationToken)
 												? strings('swaps.added_manually', {
-														symbol: destinationToken.symbol
+														symbol: destinationToken.symbol,
 														// eslint-disable-next-line no-mixed-spaces-and-tabs
 												  })
 												: strings('swaps.only_verified_on', {
 														symbol: destinationToken.symbol,
-														occurrences: destinationToken.occurrences
+														occurrences: destinationToken.occurrences,
 														// eslint-disable-next-line no-mixed-spaces-and-tabs
 												  })}
 										</Text>
@@ -664,7 +660,7 @@ function SwapsAmountView({
 						>
 							<Text bold link={!isDirectWrapping}>
 								{strings('swaps.max_slippage_amount', {
-									slippage: `${slippage}%`
+									slippage: `${slippage}%`,
 								})}
 							</Text>
 						</TouchableOpacity>
@@ -771,10 +767,10 @@ SwapsAmountView.propTypes = {
 	/**
 	 * Function to set liveness
 	 */
-	setLiveness: PropTypes.func
+	setLiveness: PropTypes.func,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	swapsTokens: swapsTokensSelector(state),
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
@@ -787,15 +783,12 @@ const mapStateToProps = state => ({
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 	tokensWithBalance: swapsTokensWithBalanceSelector(state),
 	tokensTopAssets: swapsTopAssetsSelector(state),
-	userHasOnboarded: swapsHasOnboardedSelector(state)
+	userHasOnboarded: swapsHasOnboardedSelector(state),
 });
 
-const mapDispatchToProps = dispatch => ({
-	setHasOnboarded: hasOnboarded => dispatch(setSwapsHasOnboarded(hasOnboarded)),
-	setLiveness: (liveness, chainId) => dispatch(setSwapsLiveness(liveness, chainId))
+const mapDispatchToProps = (dispatch) => ({
+	setHasOnboarded: (hasOnboarded) => dispatch(setSwapsHasOnboarded(hasOnboarded)),
+	setLiveness: (liveness, chainId) => dispatch(setSwapsLiveness(liveness, chainId)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(SwapsAmountView);
+export default connect(mapStateToProps, mapDispatchToProps)(SwapsAmountView);
diff --git a/app/components/UI/Swaps/utils/index.js b/app/components/UI/Swaps/utils/index.js
index a4ec01a16b6..33712553726 100644
--- a/app/components/UI/Swaps/utils/index.js
+++ b/app/components/UI/Swaps/utils/index.js
@@ -52,7 +52,7 @@ export function setQuotesNavigationsParams(
 		destinationTokenAddress,
 		sourceAmount,
 		slippage,
-		tokens
+		tokens,
 	};
 }
 
@@ -72,7 +72,7 @@ export function getQuotesNavigationsParams(route) {
 		destinationTokenAddress,
 		sourceAmount,
 		slippage,
-		tokens
+		tokens,
 	};
 }
 
@@ -94,8 +94,8 @@ export function getFetchParams({ slippage = 1, sourceToken, destinationToken, so
 		walletAddress,
 		metaData: {
 			sourceTokenInfo: sourceToken,
-			destinationTokenInfo: destinationToken
-		}
+			destinationTokenInfo: destinationToken,
+		},
 	};
 }
 
@@ -126,7 +126,7 @@ export function getErrorMessage(errorKey) {
 			return [
 				strings('swaps.error_fetching_quote'),
 				strings('swaps.unexpected_error', { error: errorKey || 'error-not-provided' }),
-				errorAction
+				errorAction,
 			];
 		}
 	}
@@ -138,14 +138,14 @@ export function getQuotesSourceMessage(type) {
 			return [
 				strings('swaps.quote_source_dex.1'),
 				strings('swaps.quote_source_dex.2'),
-				strings('swaps.quote_source_dex.3')
+				strings('swaps.quote_source_dex.3'),
 			];
 		}
 		case 'RFQ': {
 			return [
 				strings('swaps.quote_source_rfq.1'),
 				strings('swaps.quote_source_rfq.2'),
-				strings('swaps.quote_source_rfq.3')
+				strings('swaps.quote_source_rfq.3'),
 			];
 		}
 		case 'CONTRACT':
@@ -153,7 +153,7 @@ export function getQuotesSourceMessage(type) {
 			return [
 				strings('swaps.quote_source_cnt.1'),
 				strings('swaps.quote_source_cnt.2'),
-				strings('swaps.quote_source_cnt.3')
+				strings('swaps.quote_source_cnt.3'),
 			];
 		}
 		case 'AGG':
@@ -161,7 +161,7 @@ export function getQuotesSourceMessage(type) {
 			return [
 				strings('swaps.quote_source_agg.1'),
 				strings('swaps.quote_source_agg.2'),
-				strings('swaps.quote_source_agg.3')
+				strings('swaps.quote_source_agg.3'),
 			];
 		}
 	}
diff --git a/app/components/UI/Swaps/utils/useBlockExplorer.js b/app/components/UI/Swaps/utils/useBlockExplorer.js
index 193c7fb1a8b..77575bad580 100644
--- a/app/components/UI/Swaps/utils/useBlockExplorer.js
+++ b/app/components/UI/Swaps/utils/useBlockExplorer.js
@@ -30,7 +30,7 @@ function useBlockExplorer(provider, frequentRpcList) {
 	}, [frequentRpcList, provider]);
 
 	const tx = useCallback(
-		hash => {
+		(hash) => {
 			if (!explorer.isValid) {
 				return '';
 			}
@@ -41,7 +41,7 @@ function useBlockExplorer(provider, frequentRpcList) {
 		[explorer]
 	);
 	const account = useCallback(
-		address => {
+		(address) => {
 			if (!explorer.isValid) {
 				return '';
 			}
@@ -52,7 +52,7 @@ function useBlockExplorer(provider, frequentRpcList) {
 		[explorer]
 	);
 	const token = useCallback(
-		address => {
+		(address) => {
 			if (!explorer.isValid) {
 				return '';
 			}
@@ -69,7 +69,7 @@ function useBlockExplorer(provider, frequentRpcList) {
 		...explorer,
 		tx,
 		account,
-		token
+		token,
 	};
 }
 
diff --git a/app/components/UI/Swaps/utils/useFetchTokenMetadata.js b/app/components/UI/Swaps/utils/useFetchTokenMetadata.js
index 0a1eed27cd4..5ee46860921 100644
--- a/app/components/UI/Swaps/utils/useFetchTokenMetadata.js
+++ b/app/components/UI/Swaps/utils/useFetchTokenMetadata.js
@@ -5,7 +5,7 @@ import { swapsUtils } from '@metamask/swaps-controller';
 const defaultTokenMetadata = {
 	valid: null,
 	error: false,
-	metadata: null
+	metadata: null,
 };
 
 function useFetchTokenMetadata(address, chainId) {
@@ -26,9 +26,9 @@ function useFetchTokenMetadata(address, chainId) {
 				const { data } = await axios.request({
 					url: swapsUtils.getTokenMetadataURL(chainId),
 					params: {
-						address
+						address,
 					},
-					cancelToken: cancelTokenSource.token
+					cancelToken: cancelTokenSource.token,
 				});
 				setTokenMetadata({ error: false, valid: true, metadata: data });
 			} catch (error) {
diff --git a/app/components/UI/SwitchCustomNetwork/index.js b/app/components/UI/SwitchCustomNetwork/index.js
index c341663ab01..315da2682c5 100644
--- a/app/components/UI/SwitchCustomNetwork/index.js
+++ b/app/components/UI/SwitchCustomNetwork/index.js
@@ -15,62 +15,62 @@ const styles = StyleSheet.create({
 		borderTopLeftRadius: 20,
 		borderTopRightRadius: 20,
 		minHeight: 200,
-		paddingBottom: Device.isIphoneX() ? 20 : 0
+		paddingBottom: Device.isIphoneX() ? 20 : 0,
 	},
 	intro: {
 		fontSize: Device.isSmallDevice() ? 18 : 24,
 		marginBottom: 16,
 		marginTop: 16,
 		marginRight: 24,
-		marginLeft: 24
+		marginLeft: 24,
 	},
 	warning: {
 		paddingHorizontal: 24,
 		fontSize: 13,
 		width: '100%',
 		textAlign: 'center',
-		paddingBottom: 16
+		paddingBottom: 16,
 	},
-	actionContainer: noMargin => ({
+	actionContainer: (noMargin) => ({
 		flex: 0,
 		flexDirection: 'row',
 		padding: 24,
-		marginTop: noMargin ? 0 : 20
+		marginTop: noMargin ? 0 : 20,
 	}),
 	button: {
-		flex: 1
+		flex: 1,
 	},
 	cancel: {
-		marginRight: 8
+		marginRight: 8,
 	},
 	confirm: {
-		marginLeft: 8
+		marginLeft: 8,
 	},
 	networkIcon: {
 		width: 13,
 		height: 13,
 		borderRadius: 100,
 		marginRight: 10,
-		marginTop: 1
+		marginTop: 1,
 	},
 	otherNetworkIcon: {
 		backgroundColor: colors.grey100,
 		borderColor: colors.grey100,
-		borderWidth: 2
+		borderWidth: 2,
 	},
 	networkContainer: {
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	networkBadge: {
 		flexDirection: 'row',
 		borderColor: colors.grey200,
 		borderRadius: 100,
 		borderWidth: 1,
-		padding: 10
+		padding: 10,
 	},
 	networkText: {
-		fontSize: 12
-	}
+		fontSize: 12,
+	},
 });
 
 /**
@@ -117,7 +117,7 @@ const SwitchCustomNetwork = ({ customNetworkInformation, currentPageInformation,
 								styles.networkIcon,
 								customNetworkInformation.chainColor
 									? { backgroundColor: customNetworkInformation.chainColor }
-									: styles.otherNetworkIcon
+									: styles.otherNetworkIcon,
 							]}
 						/>
 						<Text primary noMargin style={styles.networkText}>
@@ -168,7 +168,7 @@ SwitchCustomNetwork.propTypes = {
 	/**
 	 * String representing if it's an existing or a newly added network
 	 */
-	type: PropTypes.string
+	type: PropTypes.string,
 };
 
 export default SwitchCustomNetwork;
diff --git a/app/components/UI/Tabs/TabCountIcon/index.js b/app/components/UI/Tabs/TabCountIcon/index.js
index ec3a13e16e4..1e508b7536c 100644
--- a/app/components/UI/Tabs/TabCountIcon/index.js
+++ b/app/components/UI/Tabs/TabCountIcon/index.js
@@ -11,7 +11,7 @@ const styles = StyleSheet.create({
 		borderColor: colors.grey500,
 		borderRadius: 6,
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	tabCount: {
 		color: colors.grey500,
@@ -20,8 +20,8 @@ const styles = StyleSheet.create({
 		fontSize: Device.isAndroid() ? 3 : 15,
 		textAlign: 'center',
 		alignSelf: 'center',
-		...fontStyles.normal
-	}
+		...fontStyles.normal,
+	},
 });
 
 /**
@@ -37,7 +37,7 @@ class TabCountIcon extends PureComponent {
 		/**
 		 * PureComponent styles
 		 */
-		style: PropTypes.any
+		style: PropTypes.any,
 	};
 
 	render() {
@@ -51,8 +51,8 @@ class TabCountIcon extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	tabCount: state.browser.tabs.length
+const mapStateToProps = (state) => ({
+	tabCount: state.browser.tabs.length,
 });
 
 export default connect(mapStateToProps)(TabCountIcon);
diff --git a/app/components/UI/Tabs/TabCountIcon/index.test.js b/app/components/UI/Tabs/TabCountIcon/index.test.js
index e735b04746d..6e84517b47c 100644
--- a/app/components/UI/Tabs/TabCountIcon/index.test.js
+++ b/app/components/UI/Tabs/TabCountIcon/index.test.js
@@ -9,15 +9,15 @@ describe('TabCountIcon', () => {
 	it('should render correctly', () => {
 		const initialState = {
 			browser: {
-				tabs: [{ url: 'https://metamask.io' }]
-			}
+				tabs: [{ url: 'https://metamask.io' }],
+			},
 		};
 
 		const onPress = () => null;
 
 		// eslint-disable-next-line react/jsx-no-bind
 		const wrapper = shallow(<TabCountIcon onPress={onPress} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/Tabs/TabThumbnail/index.js b/app/components/UI/Tabs/TabThumbnail/index.js
index f31b183f5b7..3a180a9f8ea 100644
--- a/app/components/UI/Tabs/TabThumbnail/index.js
+++ b/app/components/UI/Tabs/TabThumbnail/index.js
@@ -29,7 +29,7 @@ const styles = StyleSheet.create({
 		height: 22,
 		marginRight: 5,
 		marginLeft: 2,
-		marginTop: 1
+		marginTop: 1,
 	},
 	tabSiteName: {
 		color: colors.white,
@@ -37,7 +37,7 @@ const styles = StyleSheet.create({
 		fontSize: 18,
 		marginRight: 40,
 		marginLeft: 5,
-		marginTop: 0
+		marginTop: 0,
 	},
 	tabHeader: {
 		flexDirection: 'row',
@@ -45,7 +45,7 @@ const styles = StyleSheet.create({
 		justifyContent: 'flex-start',
 		backgroundColor: colors.grey500,
 		paddingVertical: 10,
-		paddingHorizontal: 10
+		paddingHorizontal: 10,
 	},
 	tabWrapper: {
 		marginBottom: 15,
@@ -56,28 +56,28 @@ const styles = StyleSheet.create({
 		borderColor: colors.grey100,
 		borderWidth: 1,
 		width,
-		height
+		height,
 	},
 	checkWrapper: {
 		backgroundColor: colors.transparent,
-		overflow: 'hidden'
+		overflow: 'hidden',
 	},
 	tab: {
 		backgroundColor: colors.white,
 		flex: 1,
 		alignItems: 'flex-start',
-		justifyContent: 'flex-start'
+		justifyContent: 'flex-start',
 	},
 	tabImage: {
 		...StyleSheet.absoluteFillObject,
 		paddingTop,
 		width: null,
 		height: null,
-		resizeMode: 'cover'
+		resizeMode: 'cover',
 	},
 	activeTab: {
 		borderWidth: 5,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	closeTabIcon: {
 		paddingHorizontal: 10,
@@ -86,20 +86,20 @@ const styles = StyleSheet.create({
 		color: colors.white,
 		right: 0,
 		marginTop: -7,
-		position: 'absolute'
+		position: 'absolute',
 	},
 	titleButton: {
 		backgroundColor: colors.transparent,
 		flex: 1,
 		flexDirection: 'row',
-		marginRight: 40
+		marginRight: 40,
 	},
 	closeTabButton: {
 		backgroundColor: colors.transparent,
 		width: Device.isIos() ? 30 : 35,
 		height: 24,
-		marginRight: -5
-	}
+		marginRight: -5,
+	},
 });
 
 const { HOMEPAGE_URL } = AppConstants;
@@ -126,7 +126,7 @@ export default class TabThumbnail extends PureComponent {
 		/**
 		 * Switches to a specific tab
 		 */
-		onSwitch: PropTypes.func
+		onSwitch: PropTypes.func,
 	};
 
 	getContainer = () => (Device.isAndroid() ? View : ElevatedView);
diff --git a/app/components/UI/Tabs/index.js b/app/components/UI/Tabs/index.js
index d653a481938..cb64ab308c0 100644
--- a/app/components/UI/Tabs/index.js
+++ b/app/components/UI/Tabs/index.js
@@ -17,43 +17,43 @@ const styles = StyleSheet.create({
 	noTabs: {
 		flex: 1,
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	noTabsTitle: {
 		...fontStyles.normal,
 		color: colors.fontPrimary,
 		fontSize: 18,
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	noTabsDesc: {
 		...fontStyles.normal,
 		color: colors.fontSecondary,
-		fontSize: 14
+		fontSize: 14,
 	},
 	tabAction: {
 		flex: 1,
 		alignContent: 'center',
 		alignSelf: 'flex-start',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 
 	tabActionleft: {
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	tabActionRight: {
 		justifyContent: 'center',
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	tabActionDone: {
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	tabActionText: {
 		color: colors.blue,
 		...fontStyles.normal,
-		fontSize: 16
+		fontSize: 16,
 	},
 	actionDisabled: {
-		color: colors.fontSecondary
+		color: colors.fontSecondary,
 	},
 	tabsView: {
 		flex: 1,
@@ -62,7 +62,7 @@ const styles = StyleSheet.create({
 		top: 0,
 		left: 0,
 		right: 0,
-		bottom: 0
+		bottom: 0,
 	},
 	tabActions: {
 		paddingHorizontal: 20,
@@ -72,20 +72,20 @@ const styles = StyleSheet.create({
 		shadowColor: colors.black,
 		shadowOffset: {
 			width: 0,
-			height: 12
+			height: 12,
 		},
 		shadowOpacity: 0.58,
 		shadowRadius: 15.0,
 		backgroundColor: colors.grey000,
-		height: Device.isIphoneX() ? 80 : 50
+		height: Device.isIphoneX() ? 80 : 50,
 	},
 	tabs: {
 		flex: 1,
-		backgroundColor: colors.transparent
+		backgroundColor: colors.transparent,
 	},
 	tabsContent: {
 		padding: 15,
-		backgroundColor: colors.transparent
+		backgroundColor: colors.transparent,
 	},
 	newTabIcon: {
 		marginTop: Device.isIos() ? 3 : 2.5,
@@ -93,7 +93,7 @@ const styles = StyleSheet.create({
 		fontSize: 24,
 		textAlign: 'center',
 		justifyContent: 'center',
-		alignContent: 'center'
+		alignContent: 'center',
 	},
 	newTabIconButton: {
 		alignSelf: 'center',
@@ -103,8 +103,8 @@ const styles = StyleSheet.create({
 		borderRadius: 100,
 		width: 30,
 		height: 30,
-		marginTop: -7
-	}
+		marginTop: -7,
+	},
 });
 
 /**
@@ -144,13 +144,13 @@ export default class Tabs extends PureComponent {
 		/**
 		 * Sets the current tab used for the animation
 		 */
-		animateCurrentTab: PropTypes.func // eslint-disable-line react/no-unused-prop-types
+		animateCurrentTab: PropTypes.func, // eslint-disable-line react/no-unused-prop-types
 	};
 
 	thumbnails = {};
 
 	state = {
-		currentTab: null
+		currentTab: null,
 	};
 
 	scrollview = React.createRef();
@@ -184,7 +184,7 @@ export default class Tabs extends PureComponent {
 	}
 
 	createTabsRef(tabs) {
-		tabs.forEach(tab => {
+		tabs.forEach((tab) => {
 			this.thumbnails[tab.id] = React.createRef();
 		});
 	}
@@ -195,7 +195,7 @@ export default class Tabs extends PureComponent {
 		}
 	}
 
-	onSwitch = async tab => {
+	onSwitch = async (tab) => {
 		this.props.switchToTab(tab);
 	};
 
@@ -210,7 +210,7 @@ export default class Tabs extends PureComponent {
 	renderTabs(tabs, activeTab) {
 		return (
 			<ScrollView style={styles.tabs} contentContainerStyle={styles.tabsContent} ref={this.scrollview}>
-				{tabs.map(tab => (
+				{tabs.map((tab) => (
 					// eslint-disable-next-line react/jsx-key
 					<TabThumbnail
 						ref={this.thumbnails[tab.id]}
@@ -249,7 +249,7 @@ export default class Tabs extends PureComponent {
 						style={[
 							styles.tabActionText,
 							styles.tabActionDone,
-							tabs.length === 0 ? styles.actionDisabled : null
+							tabs.length === 0 ? styles.actionDisabled : null,
 						]}
 					>
 						{strings('browser.tabs_done')}
diff --git a/app/components/UI/TimeEstimateInfoModal/index.js b/app/components/UI/TimeEstimateInfoModal/index.js
index a88aaa479de..4a462bfe71b 100644
--- a/app/components/UI/TimeEstimateInfoModal/index.js
+++ b/app/components/UI/TimeEstimateInfoModal/index.js
@@ -40,7 +40,7 @@ TimeEstimateInfoModal.propTypes = {
 	/**
 	 * Function to hide the modal
 	 */
-	onHideModal: PropTypes.func
+	onHideModal: PropTypes.func,
 };
 
 export default TimeEstimateInfoModal;
diff --git a/app/components/UI/TokenImage/index.js b/app/components/UI/TokenImage/index.js
index 97475022fb9..874b6d44fc0 100644
--- a/app/components/UI/TokenImage/index.js
+++ b/app/components/UI/TokenImage/index.js
@@ -10,12 +10,12 @@ import { connect } from 'react-redux';
 const styles = StyleSheet.create({
 	itemLogoWrapper: {
 		width: 50,
-		height: 50
+		height: 50,
 	},
 	roundImage: {
 		overflow: 'hidden',
-		borderRadius: 25
-	}
+		borderRadius: 25,
+	},
 });
 
 export function TokenImage({ asset, containerStyle, iconStyle, logoDefined, swapsTokens }) {
@@ -52,11 +52,11 @@ TokenImage.propTypes = {
 	containerStyle: PropTypes.object,
 	iconStyle: PropTypes.object,
 	logoDefined: PropTypes.bool,
-	swapsTokens: PropTypes.arrayOf(PropTypes.object)
+	swapsTokens: PropTypes.arrayOf(PropTypes.object),
 };
 
-const mapStateToProps = state => ({
-	swapsTokens: state.engine.backgroundState.SwapsController.tokens
+const mapStateToProps = (state) => ({
+	swapsTokens: state.engine.backgroundState.SwapsController.tokens,
 });
 
 export default connect(mapStateToProps)(TokenImage);
diff --git a/app/components/UI/TokenImage/index.test.js b/app/components/UI/TokenImage/index.test.js
index 20253f8b81c..b20d6e10b24 100644
--- a/app/components/UI/TokenImage/index.test.js
+++ b/app/components/UI/TokenImage/index.test.js
@@ -11,16 +11,16 @@ describe('TokenImage', () => {
 			engine: {
 				backgroundState: {
 					SwapsController: {
-						tokens: []
-					}
-				}
+						tokens: [],
+					},
+				},
 			},
 			settings: {
-				primaryCurrency: 'usd'
-			}
+				primaryCurrency: 'usd',
+			},
 		};
 		const wrapper = shallow(<TokenImage asset={{ address: '0x123', symbol: 'ABC', decimals: 18 }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/Tokens/index.js b/app/components/UI/Tokens/index.js
index 07481a0313d..b6b24bd29ba 100644
--- a/app/components/UI/Tokens/index.js
+++ b/app/components/UI/Tokens/index.js
@@ -23,19 +23,19 @@ const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
 		flex: 1,
-		minHeight: 500
+		minHeight: 500,
 	},
 	emptyView: {
 		backgroundColor: colors.white,
 		justifyContent: 'center',
 		alignItems: 'center',
-		marginTop: 50
+		marginTop: 50,
 	},
 	tokensHome: {
 		justifyContent: 'center',
 		alignItems: 'center',
 		marginTop: 35,
-		marginHorizontal: 50
+		marginHorizontal: 50,
 	},
 	tokensHomeText: {
 		...fontStyles.normal,
@@ -43,56 +43,56 @@ const styles = StyleSheet.create({
 		marginHorizontal: 15,
 		fontSize: 18,
 		color: colors.fontPrimary,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	tokensHomeButton: {
-		width: '100%'
+		width: '100%',
 	},
 	text: {
 		fontSize: 20,
 		color: colors.fontTertiary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	add: {
 		margin: 20,
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	addText: {
 		fontSize: 15,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	footer: {
 		flex: 1,
-		paddingBottom: 30
+		paddingBottom: 30,
 	},
 	balances: {
 		flex: 1,
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	balance: {
 		fontSize: 16,
 		color: colors.fontPrimary,
 		...fontStyles.normal,
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	balanceFiat: {
 		fontSize: 12,
 		color: colors.fontSecondary,
 		...fontStyles.normal,
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	balanceFiatTokenError: {
-		textTransform: 'capitalize'
+		textTransform: 'capitalize',
 	},
 	ethLogo: {
 		width: 50,
 		height: 50,
 		overflow: 'hidden',
-		marginRight: 20
-	}
+		marginRight: 20,
+	},
 });
 
 /**
@@ -140,7 +140,7 @@ class Tokens extends PureComponent {
 		/**
 		 * A bool that represents if the user wants to hide zero balance token
 		 */
-		hideZeroBalanceTokens: PropTypes.bool
+		hideZeroBalanceTokens: PropTypes.bool,
 	};
 
 	actionSheet = null;
@@ -153,7 +153,7 @@ class Tokens extends PureComponent {
 		</View>
 	);
 
-	onItemPress = token => {
+	onItemPress = (token) => {
 		this.props.navigation.navigate('Asset', { ...token, transactions: this.props.transactions });
 	};
 
@@ -166,10 +166,10 @@ class Tokens extends PureComponent {
 		</View>
 	);
 
-	renderItem = asset => {
+	renderItem = (asset) => {
 		const { conversionRate, currentCurrency, tokenBalances, tokenExchangeRates, primaryCurrency } = this.props;
 		const itemAddress = safeToChecksumAddress(asset.address);
-		const logo = asset.logo || ((contractMap[itemAddress] && contractMap[itemAddress].logo) || undefined);
+		const logo = asset.logo || (contractMap[itemAddress] && contractMap[itemAddress].logo) || undefined;
 		const exchangeRate = itemAddress in tokenExchangeRates ? tokenExchangeRates[itemAddress] : undefined;
 		const balance =
 			asset.balance ||
@@ -225,7 +225,7 @@ class Tokens extends PureComponent {
 			Analytics.trackEvent(ANALYTICS_EVENT_OPTS.WALLET_BUY_ETH);
 			AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.ONRAMP_OPENED, {
 				button_location: 'Home Screen',
-				button_copy: 'Buy ETH'
+				button_copy: 'Buy ETH',
 			});
 		});
 	};
@@ -235,13 +235,13 @@ class Tokens extends PureComponent {
 		if (!allowedToBuy(chainId)) {
 			return null;
 		}
-		const eth = tokens.find(token => token.isETH);
+		const eth = tokens.find((token) => token.isETH);
 		const ethBalance = eth && eth.balance !== '0';
 		const hasTokens = eth ? tokens.length > 1 : tokens.length > 0;
 		const hasTokensBalance =
 			hasTokens &&
 			tokens.some(
-				token => !token.isETH && tokenBalances[token.address] && !tokenBalances[token.address]?.isZero?.()
+				(token) => !token.isETH && tokenBalances[token.address] && !tokenBalances[token.address]?.isZero?.()
 			);
 
 		return (
@@ -259,7 +259,7 @@ class Tokens extends PureComponent {
 	renderList() {
 		const { tokens, hideZeroBalanceTokens, tokenBalances } = this.props;
 		const tokensToDisplay = hideZeroBalanceTokens
-			? tokens.filter(token => {
+			? tokens.filter((token) => {
 					const { address, isETH } = token;
 					return (tokenBalances[address] && !tokenBalances[address]?.isZero?.()) || isETH;
 					// eslint-disable-next-line no-mixed-spaces-and-tabs
@@ -268,7 +268,7 @@ class Tokens extends PureComponent {
 
 		return (
 			<View>
-				{tokensToDisplay.map(item => this.renderItem(item))}
+				{tokensToDisplay.map((item) => this.renderItem(item))}
 				{this.renderBuyEth()}
 				{this.renderFooter()}
 			</View>
@@ -282,7 +282,7 @@ class Tokens extends PureComponent {
 		});
 	};
 
-	showRemoveMenu = token => {
+	showRemoveMenu = (token) => {
 		this.tokenToRemove = token;
 		this.actionSheet.show();
 	};
@@ -293,11 +293,11 @@ class Tokens extends PureComponent {
 		Alert.alert(strings('wallet.token_removed_title'), strings('wallet.token_removed_desc'));
 	};
 
-	createActionSheetRef = ref => {
+	createActionSheetRef = (ref) => {
 		this.actionSheet = ref;
 	};
 
-	onActionSheetPress = index => (index === 0 ? this.removeToken() : null);
+	onActionSheetPress = (index) => (index === 0 ? this.removeToken() : null);
 
 	render = () => {
 		const { tokens } = this.props;
@@ -317,14 +317,14 @@ class Tokens extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	primaryCurrency: state.settings.primaryCurrency,
 	tokenBalances: state.engine.backgroundState.TokenBalancesController.contractBalances,
 	tokenExchangeRates: state.engine.backgroundState.TokenRatesController.contractExchangeRates,
-	hideZeroBalanceTokens: state.settings.hideZeroBalanceTokens
+	hideZeroBalanceTokens: state.settings.hideZeroBalanceTokens,
 });
 
 export default connect(mapStateToProps)(Tokens);
diff --git a/app/components/UI/Tokens/index.test.js b/app/components/UI/Tokens/index.test.js
index 27ac7643600..f24023e4621 100644
--- a/app/components/UI/Tokens/index.test.js
+++ b/app/components/UI/Tokens/index.test.js
@@ -12,30 +12,30 @@ describe('Tokens', () => {
 			engine: {
 				backgroundState: {
 					TokensController: {
-						tokens: []
+						tokens: [],
 					},
 					TokenRatesController: {
-						contractExchangeRates: {}
+						contractExchangeRates: {},
 					},
 					CurrencyRateController: {
 						currentCurrency: 'USD',
-						conversionRate: 1
+						conversionRate: 1,
 					},
 					TokenBalancesController: {
-						contractBalance: {}
+						contractBalance: {},
 					},
 					NetworkController: {
-						provider: { chainId: '1' }
-					}
-				}
+						provider: { chainId: '1' },
+					},
+				},
 			},
 			settings: {
-				primaryCurrency: 'usd'
-			}
+				primaryCurrency: 'usd',
+			},
 		};
 
 		const wrapper = shallow(<Tokens />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
@@ -48,35 +48,35 @@ describe('Tokens', () => {
 						tokens: [
 							{ symbol: 'ETH', address: '0x0', decimals: 18, isETH: true },
 							{ symbol: 'BAT', address: '0x01', decimals: 18 },
-							{ symbol: 'LINK', address: '0x02', decimals: 18 }
-						]
+							{ symbol: 'LINK', address: '0x02', decimals: 18 },
+						],
 					},
 					TokenRatesController: {
-						contractExchangeRates: {}
+						contractExchangeRates: {},
 					},
 					CurrencyRateController: {
 						currentCurrency: 'USD',
-						conversionRate: 1
+						conversionRate: 1,
 					},
 					TokenBalancesController: {
 						contractBalances: {
 							'0x01': new BN(2),
-							'0x02': new BN(0)
-						}
+							'0x02': new BN(0),
+						},
 					},
 					NetworkController: {
-						provider: { chainId: '1' }
-					}
-				}
+						provider: { chainId: '1' },
+					},
+				},
 			},
 			settings: {
 				primaryCurrency: 'usd',
-				hideZeroBalanceTokens: true
-			}
+				hideZeroBalanceTokens: true,
+			},
 		};
 
 		const wrapper = shallow(<Tokens tokens={initialState.engine.backgroundState.TokensController.tokens} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		// ETH and BAT should display
 		expect(wrapper.dive()).toMatchSnapshot();
@@ -90,35 +90,35 @@ describe('Tokens', () => {
 						tokens: [
 							{ symbol: 'ETH', address: '0x0', decimals: 18, isETH: true },
 							{ symbol: 'BAT', address: '0x01', decimals: 18 },
-							{ symbol: 'LINK', address: '0x02', decimals: 18 }
-						]
+							{ symbol: 'LINK', address: '0x02', decimals: 18 },
+						],
 					},
 					TokenRatesController: {
-						contractExchangeRates: {}
+						contractExchangeRates: {},
 					},
 					CurrencyRateController: {
 						currentCurrency: 'USD',
-						conversionRate: 1
+						conversionRate: 1,
 					},
 					TokenBalancesController: {
 						contractBalances: {
 							'0x01': new BN(2),
-							'0x02': new BN(0)
-						}
+							'0x02': new BN(0),
+						},
 					},
 					NetworkController: {
-						provider: { chainId: '1' }
-					}
-				}
+						provider: { chainId: '1' },
+					},
+				},
 			},
 			settings: {
 				primaryCurrency: 'usd',
-				hideZeroBalanceTokens: false
-			}
+				hideZeroBalanceTokens: false,
+			},
 		};
 
 		const wrapper = shallow(<Tokens tokens={initialState.engine.backgroundState.TokensController.tokens} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		// All three should display
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/TransactionActionModal/TransactionActionContent/index.js b/app/components/UI/TransactionActionModal/TransactionActionContent/index.js
index 4011cc49eb0..7341f2ef9bd 100644
--- a/app/components/UI/TransactionActionModal/TransactionActionContent/index.js
+++ b/app/components/UI/TransactionActionModal/TransactionActionContent/index.js
@@ -10,43 +10,43 @@ const styles = StyleSheet.create({
 		justifyContent: 'center',
 		alignItems: 'center',
 		marginHorizontal: 24,
-		paddingVertical: 24
+		paddingVertical: 24,
 	},
 	feeWrapper: {
 		backgroundColor: colors.grey000,
 		textAlign: 'center',
 		padding: 16,
-		borderRadius: 8
+		borderRadius: 8,
 	},
 	fee: {
 		...fontStyles.bold,
 		fontSize: 16,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	modalText: {
 		...fontStyles.normal,
 		fontSize: 14,
 		textAlign: 'center',
-		paddingVertical: 8
+		paddingVertical: 8,
 	},
 	modalTitle: {
 		...fontStyles.bold,
 		fontSize: 22,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	gasTitle: {
 		...fontStyles.bold,
 		fontSize: 16,
 		textAlign: 'center',
-		marginVertical: 8
+		marginVertical: 8,
 	},
 	warningText: {
 		...fontStyles.normal,
 		fontSize: 12,
 		color: colors.red,
 		paddingVertical: 8,
-		textAlign: 'center'
-	}
+		textAlign: 'center',
+	},
 });
 
 /**
@@ -57,7 +57,7 @@ export default function TransactionActionContent({
 	feeText,
 	titleText,
 	gasTitleText,
-	descriptionText
+	descriptionText,
 }) {
 	return (
 		<View style={styles.modalView}>
@@ -79,7 +79,7 @@ TransactionActionContent.defaultProps = {
 	confirmText: strings('action_view.confirm'),
 	confirmDisabled: false,
 	displayCancelButton: true,
-	displayConfirmButton: true
+	displayConfirmButton: true,
 };
 
 TransactionActionContent.propTypes = {
@@ -102,5 +102,5 @@ TransactionActionContent.propTypes = {
 	/**
 	 * Text to show as description
 	 */
-	descriptionText: PropTypes.string
+	descriptionText: PropTypes.string,
 };
diff --git a/app/components/UI/TransactionActionModal/index.js b/app/components/UI/TransactionActionModal/index.js
index f566a7522f9..557938046cf 100644
--- a/app/components/UI/TransactionActionModal/index.js
+++ b/app/components/UI/TransactionActionModal/index.js
@@ -19,7 +19,7 @@ export default function TransactionActionModal({
 	gasTitleText,
 	descriptionText,
 	cancelButtonMode,
-	confirmButtonMode
+	confirmButtonMode,
 }) {
 	return (
 		<ActionModal
@@ -51,7 +51,7 @@ TransactionActionModal.defaultProps = {
 	confirmText: strings('action_view.confirm'),
 	confirmDisabled: false,
 	displayCancelButton: true,
-	displayConfirmButton: true
+	displayConfirmButton: true,
 };
 
 TransactionActionModal.propTypes = {
@@ -99,5 +99,5 @@ TransactionActionModal.propTypes = {
 	/**
 	 * Text to show as description
 	 */
-	descriptionText: PropTypes.string
+	descriptionText: PropTypes.string,
 };
diff --git a/app/components/UI/TransactionEditor/index.js b/app/components/UI/TransactionEditor/index.js
index 22a88617e95..9b46b056acd 100644
--- a/app/components/UI/TransactionEditor/index.js
+++ b/app/components/UI/TransactionEditor/index.js
@@ -15,7 +15,7 @@ import {
 	getTicker,
 	getActiveTabUrl,
 	parseTransactionEIP1559,
-	parseTransactionLegacy
+	parseTransactionLegacy,
 } from '../../../util/transactions';
 import { getBasicGasEstimatesByChainId, apiEstimateModifiedToWEI } from '../../../util/custom-gas';
 import { setTransactionObject } from '../../../actions/transaction';
@@ -37,8 +37,8 @@ const REVIEW = 'review';
 const styles = StyleSheet.create({
 	keyboardAwareWrapper: {
 		flex: 1,
-		justifyContent: 'flex-end'
-	}
+		justifyContent: 'flex-end',
+	},
 });
 
 /**
@@ -125,7 +125,7 @@ class TransactionEditor extends PureComponent {
 		/**
 		 * A string representing the network chainId
 		 */
-		chainId: PropTypes.string
+		chainId: PropTypes.string,
 	};
 
 	state = {
@@ -143,10 +143,10 @@ class TransactionEditor extends PureComponent {
 		EIP1559GasData: {},
 		EIP1559GasDataTemp: {},
 		LegacyGasData: {},
-		LegacyGasDataTemp: {}
+		LegacyGasDataTemp: {},
 	};
 
-	computeGasEstimates = gasEstimateTypeChanged => {
+	computeGasEstimates = (gasEstimateTypeChanged) => {
 		const { transaction, gasEstimateType, gasFeeEstimates } = this.props;
 		const { dappSuggestedGasPrice, dappSuggestedEIP1559Gas } = this.state;
 
@@ -160,13 +160,13 @@ class TransactionEditor extends PureComponent {
 			if (dappSuggestedEIP1559Gas) {
 				initialGas = {
 					suggestedMaxFeePerGas: fromWei(dappSuggestedEIP1559Gas.maxFeePerGas, 'gwei'),
-					suggestedMaxPriorityFeePerGas: fromWei(dappSuggestedEIP1559Gas.maxPriorityFeePerGas, 'gwei')
+					suggestedMaxPriorityFeePerGas: fromWei(dappSuggestedEIP1559Gas.maxPriorityFeePerGas, 'gwei'),
 				};
 				initialGasTemp = initialGas;
 			} else if (dappSuggestedGasPrice) {
 				initialGas = {
 					suggestedMaxFeePerGas: fromWei(dappSuggestedGasPrice, 'gwei'),
-					suggestedMaxPriorityFeePerGas: fromWei(dappSuggestedGasPrice, 'gwei')
+					suggestedMaxPriorityFeePerGas: fromWei(dappSuggestedGasPrice, 'gwei'),
 				};
 				initialGasTemp = initialGas;
 			} else {
@@ -179,7 +179,7 @@ class TransactionEditor extends PureComponent {
 			const EIP1559GasData = this.parseTransactionDataEIP1559({
 				...initialGas,
 				suggestedGasLimit,
-				selectedOption: gasSelected
+				selectedOption: gasSelected,
 			});
 
 			let EIP1559GasDataTemp;
@@ -189,7 +189,7 @@ class TransactionEditor extends PureComponent {
 				EIP1559GasDataTemp = this.parseTransactionDataEIP1559({
 					...initialGasTemp,
 					suggestedGasLimit,
-					selectedOption: gasSelectedTemp
+					selectedOption: gasSelectedTemp,
 				});
 			}
 
@@ -204,7 +204,7 @@ class TransactionEditor extends PureComponent {
 					advancedGasInserted: Boolean(dappSuggestedGas),
 					gasSelected: dappSuggestedGas ? null : gasSelected,
 					gasSelectedTemp,
-					animateOnChange: true
+					animateOnChange: true,
 				},
 				() => {
 					this.setState({ animateOnChange: false });
@@ -212,7 +212,7 @@ class TransactionEditor extends PureComponent {
 			);
 		} else if (this.props.gasEstimateType !== GAS_ESTIMATE_TYPES.NONE) {
 			const suggestedGasLimit = fromWei(transaction.gas, 'wei');
-			const getGas = selected =>
+			const getGas = (selected) =>
 				dappSuggestedGasPrice
 					? fromWei(dappSuggestedGasPrice, 'gwei')
 					: gasEstimateType === GAS_ESTIMATE_TYPES.LEGACY
@@ -222,7 +222,7 @@ class TransactionEditor extends PureComponent {
 			const LegacyGasData = this.parseTransactionDataLegacy(
 				{
 					suggestedGasPrice: getGas(gasSelected),
-					suggestedGasLimit
+					suggestedGasLimit,
 				},
 				{ onlyGas: true }
 			);
@@ -238,7 +238,7 @@ class TransactionEditor extends PureComponent {
 			} else {
 				LegacyGasDataTemp = this.parseTransactionDataLegacy({
 					suggestedGasPrice: getGas(gasSelectedTemp),
-					suggestedGasLimit
+					suggestedGasLimit,
 				});
 			}
 
@@ -253,7 +253,7 @@ class TransactionEditor extends PureComponent {
 					advancedGasInserted: Boolean(dappSuggestedGasPrice),
 					gasSelected: dappSuggestedGasPrice ? null : gasSelected,
 					gasSelectedTemp,
-					animateOnChange: true
+					animateOnChange: true,
 				},
 				() => {
 					this.setState({ animateOnChange: false });
@@ -284,8 +284,8 @@ class TransactionEditor extends PureComponent {
 				{
 					dappSuggestedEIP1559Gas: {
 						maxFeePerGas: transaction.maxFeePerGas,
-						maxPriorityFeePerGas: transaction.maxPriorityFeePerGas
-					}
+						maxPriorityFeePerGas: transaction.maxPriorityFeePerGas,
+					},
 				},
 				this.startPolling
 			);
@@ -308,7 +308,7 @@ class TransactionEditor extends PureComponent {
 		const parsedTransactionEIP1559 = parseTransactionEIP1559(
 			{
 				...this.props,
-				selectedGasFee: { ...gasFee, estimatedBaseFee: this.props.gasFeeEstimates.estimatedBaseFee }
+				selectedGasFee: { ...gasFee, estimatedBaseFee: this.props.gasFeeEstimates.estimatedBaseFee },
 			},
 			{ onlyGas: true }
 		);
@@ -322,7 +322,7 @@ class TransactionEditor extends PureComponent {
 		const parsedTransactionLegacy = parseTransactionLegacy(
 			{
 				...this.props,
-				selectedGasFee: gasFee
+				selectedGasFee: gasFee,
 			},
 			{ onlyGas: true }
 		);
@@ -332,7 +332,7 @@ class TransactionEditor extends PureComponent {
 		return parsedTransactionLegacy;
 	};
 
-	componentDidUpdate = prevProps => {
+	componentDidUpdate = (prevProps) => {
 		const { transaction } = this.props;
 		if (transaction.data !== prevProps.transaction.data) {
 			this.handleUpdateData(transaction.data);
@@ -380,11 +380,11 @@ class TransactionEditor extends PureComponent {
 	 * @param {object} opts - Object containing optional attributes object to calculate gas with (amount, data and to)
 	 * @returns {object} - Object containing gas estimation
 	 */
-	estimateGas = async opts => {
+	estimateGas = async (opts) => {
 		const { TransactionController } = Engine.context;
 		const {
 			transaction: { from, selectedAsset },
-			transaction
+			transaction,
 		} = this.props;
 		const { amount = transaction.value, data = transaction.data, to = transaction.to } = opts;
 		let estimation;
@@ -393,7 +393,7 @@ class TransactionEditor extends PureComponent {
 				amount,
 				from,
 				data,
-				to: selectedAsset && selectedAsset.address ? selectedAsset.address : to
+				to: selectedAsset && selectedAsset.address ? selectedAsset.address : to,
 			});
 		} catch (e) {
 			estimation = { gas: TransactionTypes.CUSTOM_GAS.DEFAULT_GAS_LIMIT };
@@ -412,7 +412,7 @@ class TransactionEditor extends PureComponent {
 		const transactionObject = {
 			gas: gasLimit,
 			gasPrice,
-			warningGasPriceHigh
+			warningGasPriceHigh,
 		};
 		this.props.setTransactionObject(transactionObject);
 	};
@@ -426,7 +426,7 @@ class TransactionEditor extends PureComponent {
 	 */
 	handleUpdateAmount = async (amount, mounting = false) => {
 		const {
-			transaction: { to, data, assetType, gas: gasLimit }
+			transaction: { to, data, assetType, gas: gasLimit },
 		} = this.props;
 		// If ETH transaction, there is no need to generate new data
 		if (assetType === 'ETH') {
@@ -446,7 +446,7 @@ class TransactionEditor extends PureComponent {
 	 *
 	 * @param {string} readableValue - String containing the readable value
 	 */
-	handleUpdateReadableValue = readableValue => {
+	handleUpdateReadableValue = (readableValue) => {
 		this.props.setTransactionObject({ readableValue });
 	};
 
@@ -455,7 +455,7 @@ class TransactionEditor extends PureComponent {
 	 *
 	 * @param {string} data - String containing new data
 	 */
-	handleUpdateData = async data => {
+	handleUpdateData = async (data) => {
 		const { gas } = await this.estimateGas({ data });
 		this.setState({ data });
 		this.props.setTransactionObject({ gas: hexToBN(gas), data });
@@ -476,7 +476,7 @@ class TransactionEditor extends PureComponent {
 	 *
 	 * @param {string} from - String containing from address
 	 */
-	handleUpdateFromAddress = from => {
+	handleUpdateFromAddress = (from) => {
 		this.props.setTransactionObject({ from });
 	};
 
@@ -489,7 +489,7 @@ class TransactionEditor extends PureComponent {
 	 */
 	handleUpdateToAddress = async (to, ensRecipient) => {
 		const {
-			transaction: { data, assetType }
+			transaction: { data, assetType },
 		} = this.props;
 		// If ETH transaction, there is no need to generate new data
 		if (assetType === 'ETH') {
@@ -510,7 +510,7 @@ class TransactionEditor extends PureComponent {
 	 *
 	 * @param {object} asset - New asset to send in transaction
 	 */
-	handleUpdateAsset = async asset => {
+	handleUpdateAsset = async (asset) => {
 		const { transaction } = this.props;
 		if (asset.isETH) {
 			const { gas } = await this.estimateGas({ to: transaction.to });
@@ -518,7 +518,7 @@ class TransactionEditor extends PureComponent {
 				value: undefined,
 				data: undefined,
 				selectedAsset: { symbol: 'ETH', isETH: true },
-				gas: hexToBN(gas)
+				gas: hexToBN(gas),
 			});
 		} else {
 			const { data, gas } = await this.handleDataGeneration({ selectedAsset: asset });
@@ -532,10 +532,10 @@ class TransactionEditor extends PureComponent {
 	 * @param {object} opts? - Optional object to customize data generation, containing selectedAsset, value and to
 	 * @returns {object} - Object containing data and gas, according to new generated data
 	 */
-	handleDataGeneration = async opts => {
+	handleDataGeneration = async (opts) => {
 		const {
 			transaction: { from },
-			transaction
+			transaction,
 		} = this.props;
 		const selectedAsset = opts.selectedAsset ? opts.selectedAsset : transaction.selectedAsset;
 		const assetType = selectedAsset.tokenId ? 'ERC721' : 'ERC20';
@@ -562,7 +562,7 @@ class TransactionEditor extends PureComponent {
 					return generateTransferData('transferFrom', {
 						fromAddress: from,
 						toAddress: to,
-						tokenId: toHexadecimal(selectedAsset.tokenId)
+						tokenId: toHexadecimal(selectedAsset.tokenId),
 					});
 				} else if (
 					collectibleTransferInformation.tradable &&
@@ -570,21 +570,21 @@ class TransactionEditor extends PureComponent {
 				) {
 					return generateTransferData('transfer', {
 						toAddress: to,
-						amount: selectedAsset.tokenId.toString(16)
+						amount: selectedAsset.tokenId.toString(16),
 					});
 				}
-			}
+			},
 		};
 		const data = generateData[assetType]();
 		const { gas } = await this.estimateGas({ data, to: selectedAsset.address });
 		return { data, gas };
 	};
 
-	validateTotal = totalGas => {
+	validateTotal = (totalGas) => {
 		let error = '';
 		const {
 			ticker,
-			transaction: { value, from, assetType }
+			transaction: { value, from, assetType },
 		} = this.props;
 
 		const checksummedFrom = safeToChecksumAddress(from) || '';
@@ -614,12 +614,12 @@ class TransactionEditor extends PureComponent {
 	 */
 	validateAmount = async (allowEmpty = true, totalGas) => {
 		const {
-			transaction: { assetType }
+			transaction: { assetType },
 		} = this.props;
 		const validations = {
 			ETH: () => this.validateEtherAmount(allowEmpty, totalGas),
 			ERC20: async () => await this.validateTokenAmount(allowEmpty, totalGas),
-			ERC721: async () => await this.validateCollectibleOwnership()
+			ERC721: async () => await this.validateCollectibleOwnership(),
 		};
 		if (!validations[assetType]) return false;
 		return await validations[assetType]();
@@ -629,8 +629,8 @@ class TransactionEditor extends PureComponent {
 		const { AssetsContractController } = Engine.context;
 		const {
 			transaction: {
-				selectedAsset: { address, tokenId }
-			}
+				selectedAsset: { address, tokenId },
+			},
 		} = this.props;
 		const { selectedAddress } = this.props;
 		try {
@@ -655,7 +655,7 @@ class TransactionEditor extends PureComponent {
 		let error;
 		if (!allowEmpty) {
 			const {
-				transaction: { value, from }
+				transaction: { value, from },
 			} = this.props;
 
 			if (!value || !from) {
@@ -679,7 +679,7 @@ class TransactionEditor extends PureComponent {
 		if (!allowEmpty) {
 			const {
 				transaction: { value, gas, gasPrice, from, selectedAsset },
-				contractBalances
+				contractBalances,
 			} = this.props;
 			const checksummedFrom = safeToChecksumAddress(from) || '';
 			if (!value || !gas || !gasPrice || !from) {
@@ -716,7 +716,7 @@ class TransactionEditor extends PureComponent {
 	validateGas = () => {
 		let error;
 		const {
-			transaction: { gas, gasPrice, from }
+			transaction: { gas, gasPrice, from },
 		} = this.props;
 		if (!gas) return strings('transaction.invalid_gas');
 		if (gas && !isBN(gas)) return strings('transaction.invalid_gas');
@@ -740,7 +740,7 @@ class TransactionEditor extends PureComponent {
 		let error;
 		const {
 			transaction: { to },
-			promptedFromApproval
+			promptedFromApproval,
 		} = this.props;
 		// If it comes from a dapp it could be a contract deployment
 		if (promptedFromApproval && !to) return error;
@@ -762,7 +762,7 @@ class TransactionEditor extends PureComponent {
 			tokens,
 			collectibles,
 			transaction: { to },
-			networkType
+			networkType,
 		} = this.props;
 		if (!to) {
 			return undefined;
@@ -772,9 +772,9 @@ class TransactionEditor extends PureComponent {
 			const contractMapToken = contractMap[address];
 			if (contractMapToken) return strings('transaction.known_asset_contract');
 		}
-		const tokenAddress = tokens.find(token => token.address === address);
+		const tokenAddress = tokens.find((token) => token.address === address);
 		if (tokenAddress) return strings('transaction.known_asset_contract');
-		const collectibleAddress = collectibles.find(collectible => collectible.address === address);
+		const collectibleAddress = collectibles.find((collectible) => collectible.address === address);
 		if (collectibleAddress) return strings('transaction.known_asset_contract');
 		return undefined;
 	};
@@ -811,7 +811,7 @@ class TransactionEditor extends PureComponent {
 		target_address,
 		chain_id = null, // eslint-disable-line no-unused-vars
 		function_name = null, // eslint-disable-line no-unused-vars
-		parameters = null
+		parameters = null,
 	}) => {
 		await this.handleUpdateToAddress(target_address);
 
@@ -857,7 +857,7 @@ class TransactionEditor extends PureComponent {
 				dapp_url: activeTabUrl,
 				active_currency: { value: selectedAsset?.symbol, anonymous: true },
 				gas_estimate_type: gasEstimateType,
-				network_name: networkType
+				network_name: networkType,
 			};
 		} catch (error) {
 			return {};
@@ -872,7 +872,7 @@ class TransactionEditor extends PureComponent {
 		this.setState({
 			EIP1559GasDataTemp: this.parseTransactionDataEIP1559({ ...gas, selectedOption: selected }),
 			stopUpdateGas: !selected,
-			gasSelectedTemp: selected
+			gasSelectedTemp: selected,
 		});
 	};
 
@@ -884,11 +884,11 @@ class TransactionEditor extends PureComponent {
 		this.setState({
 			LegacyGasDataTemp: this.parseTransactionDataLegacy(gas),
 			stopUpdateGas: !selected,
-			gasSelectedTemp: selected
+			gasSelectedTemp: selected,
 		});
 	};
 
-	saveGasEdition = gasSelected => {
+	saveGasEdition = (gasSelected) => {
 		const { gasEstimateType } = this.props;
 		const { LegacyGasDataTemp } = this.state;
 
@@ -908,7 +908,7 @@ class TransactionEditor extends PureComponent {
 				advancedGasInserted: !gasSelected,
 				stopUpdateGas: false,
 				dappSuggestedGasPrice: null,
-				dappSuggestedEIP1559Gas: null
+				dappSuggestedEIP1559Gas: null,
 			},
 			this.review
 		);
@@ -919,7 +919,7 @@ class TransactionEditor extends PureComponent {
 			LegacyGasDataTemp: { ...this.state.LegacyGasData },
 			EIP1559GasDataTemp: { ...this.state.EIP1559GasData },
 			stopUpdateGas: false,
-			gasSelectedTemp: this.state.gasSelected
+			gasSelectedTemp: this.state.gasSelected,
 		});
 		this.props.onModeChange?.('review');
 	};
@@ -928,7 +928,7 @@ class TransactionEditor extends PureComponent {
 		const { dappSuggestedGasPrice, dappSuggestedEIP1559Gas } = this.state;
 		const {
 			transaction: { origin },
-			gasEstimateType
+			gasEstimateType,
 		} = this.props;
 		if (dappSuggestedGasPrice && gasEstimateType === GAS_ESTIMATE_TYPES.FEE_MARKET)
 			return strings('transaction.dapp_suggested_gas', { origin });
@@ -954,7 +954,7 @@ class TransactionEditor extends PureComponent {
 			gasFeeEstimates,
 			primaryCurrency,
 			chainId,
-			gasEstimateType
+			gasEstimateType,
 		} = this.props;
 		const {
 			basicGasEstimates,
@@ -968,7 +968,7 @@ class TransactionEditor extends PureComponent {
 			dappSuggestedGasPrice,
 			dappSuggestedEIP1559Gas,
 			animateOnChange,
-			isAnimating
+			isAnimating,
 		} = this.state;
 		return (
 			<React.Fragment>
@@ -1070,7 +1070,7 @@ class TransactionEditor extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	collectibles: state.engine.backgroundState.CollectiblesController.collectibles,
 	contractBalances: state.engine.backgroundState.TokenBalancesController.contractBalances,
@@ -1086,14 +1086,11 @@ const mapStateToProps = state => ({
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	nativeCurrency: state.engine.backgroundState.CurrencyRateController.nativeCurrency,
 	primaryCurrency: state.settings.primaryCurrency,
-	chainId: state.engine.backgroundState.NetworkController.provider.chainId
+	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setTransactionObject: transaction => dispatch(setTransactionObject(transaction))
+const mapDispatchToProps = (dispatch) => ({
+	setTransactionObject: (transaction) => dispatch(setTransactionObject(transaction)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(TransactionEditor);
+export default connect(mapStateToProps, mapDispatchToProps)(TransactionEditor);
diff --git a/app/components/UI/TransactionEditor/index.test.js b/app/components/UI/TransactionEditor/index.test.js
index 00e29dde2c9..19de291233b 100644
--- a/app/components/UI/TransactionEditor/index.test.js
+++ b/app/components/UI/TransactionEditor/index.test.js
@@ -12,38 +12,38 @@ describe('TransactionEditor', () => {
 			engine: {
 				backgroundState: {
 					AccountTrackerController: {
-						accounts: { '0x2': { balance: '0' } }
+						accounts: { '0x2': { balance: '0' } },
 					},
 					CurrencyRateController: {
-						conversionRate: 621.92
+						conversionRate: 621.92,
 					},
 					TokenBalancesController: {
-						contractBalances: { '0x2': new BN(0) }
+						contractBalances: { '0x2': new BN(0) },
 					},
 					PreferencesController: {
-						selectedAddress: '0x0'
+						selectedAddress: '0x0',
 					},
 					TokensController: {
-						tokens: []
+						tokens: [],
 					},
 					CollectiblesController: {
-						collectibles: []
+						collectibles: [],
 					},
 					NetworkController: {
 						provider: {
 							type: 'mainnet',
-							chainId: '1'
-						}
+							chainId: '1',
+						},
 					},
 					GasFeeController: {
-						gasEstimates: {}
-					}
-				}
+						gasEstimates: {},
+					},
+				},
 			},
 			transaction: {},
 			settings: {
-				primaryCurrency: 'fiat'
-			}
+				primaryCurrency: 'fiat',
+			},
 		};
 
 		const wrapper = shallow(
@@ -52,7 +52,7 @@ describe('TransactionEditor', () => {
 				transaction={{ value: 0, data: '0x0', gas: 0, gasPrice: 1, from: '0x0', to: '0x1' }}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/TransactionElement/TransactionDetails/index.js b/app/components/UI/TransactionElement/TransactionDetails/index.js
index c0adb487cdc..c8179ddfc5c 100644
--- a/app/components/UI/TransactionElement/TransactionDetails/index.js
+++ b/app/components/UI/TransactionElement/TransactionDetails/index.js
@@ -7,7 +7,7 @@ import {
 	getNetworkTypeById,
 	findBlockExplorerForRpc,
 	getBlockExplorerName,
-	isMainNet
+	isMainNet,
 } from '../../../../util/networks';
 import { getEtherscanTransactionUrl, getEtherscanBaseUrl } from '../../../../util/etherscan';
 import Logger from '../../../../util/Logger';
@@ -28,32 +28,32 @@ const styles = StyleSheet.create({
 		fontSize: 16,
 		color: colors.blue,
 		...fontStyles.normal,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	touchableViewOnEtherscan: {
 		marginBottom: 24,
-		marginTop: 12
+		marginTop: 12,
 	},
 	summaryWrapper: {
-		marginVertical: 8
+		marginVertical: 8,
 	},
 	actionContainerStyle: {
 		height: 25,
 		width: 70,
-		padding: 0
+		padding: 0,
 	},
 	speedupActionContainerStyle: {
-		marginRight: 10
+		marginRight: 10,
 	},
 	actionStyle: {
 		fontSize: 10,
 		padding: 0,
-		paddingHorizontal: 10
+		paddingHorizontal: 10,
 	},
 	transactionActionsContainer: {
 		flexDirection: 'row',
-		paddingTop: 10
-	}
+		paddingTop: 10,
+	},
 });
 
 /**
@@ -93,20 +93,20 @@ class TransactionDetails extends PureComponent {
 		 * A string representing the network name
 		 */
 		showSpeedUpModal: PropTypes.func,
-		showCancelModal: PropTypes.func
+		showCancelModal: PropTypes.func,
 	};
 
 	state = {
 		rpcBlockExplorer: undefined,
-		renderTxActions: true
+		renderTxActions: true,
 	};
 
 	componentDidMount = () => {
 		const {
 			network: {
-				provider: { rpcTarget, type }
+				provider: { rpcTarget, type },
 			},
-			frequentRpcList
+			frequentRpcList,
 		} = this.props;
 		let blockExplorer;
 		if (type === RPC) {
@@ -121,9 +121,9 @@ class TransactionDetails extends PureComponent {
 			transactionObject: { networkID },
 			transactionDetails: { transactionHash },
 			network: {
-				provider: { type }
+				provider: { type },
 			},
-			close
+			close,
 		} = this.props;
 		const { rpcBlockExplorer } = this.state;
 		try {
@@ -132,7 +132,7 @@ class TransactionDetails extends PureComponent {
 				const title = new URL(rpcBlockExplorer).hostname;
 				navigation.push('Webview', {
 					screen: 'SimpleWebview',
-					params: { url, title }
+					params: { url, title },
 				});
 			} else {
 				const network = getNetworkTypeById(networkID);
@@ -142,8 +142,8 @@ class TransactionDetails extends PureComponent {
 					screen: 'SimpleWebview',
 					params: {
 						url,
-						title: etherscan_url
-					}
+						title: etherscan_url,
+					},
 				});
 			}
 			close && close();
@@ -183,8 +183,8 @@ class TransactionDetails extends PureComponent {
 			transactionObject: {
 				status,
 				time,
-				transaction: { nonce }
-			}
+				transaction: { nonce },
+			},
 		} = this.props;
 		const renderTxActions = status === 'submitted' || status === 'approved';
 		const { rpcBlockExplorer } = this.state;
@@ -259,9 +259,9 @@ class TransactionDetails extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	network: state.engine.backgroundState.NetworkController,
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
-	frequentRpcList: state.engine.backgroundState.PreferencesController.frequentRpcList
+	frequentRpcList: state.engine.backgroundState.PreferencesController.frequentRpcList,
 });
 export default connect(mapStateToProps)(withNavigation(TransactionDetails));
diff --git a/app/components/UI/TransactionElement/TransactionDetails/index.test.js b/app/components/UI/TransactionElement/TransactionDetails/index.test.js
index a198e801c93..b78a73c4792 100644
--- a/app/components/UI/TransactionElement/TransactionDetails/index.test.js
+++ b/app/components/UI/TransactionElement/TransactionDetails/index.test.js
@@ -13,19 +13,19 @@ describe('TransactionDetails', () => {
 				backgroundState: {
 					CurrencyRateController: {
 						conversionRate: 2,
-						currentCurrency: 'USD'
+						currentCurrency: 'USD',
 					},
 					PreferencesController: {
-						frequentRpcList: []
+						frequentRpcList: [],
 					},
 					NetworkController: {
 						provider: {
 							rpcTarget: '',
-							type: RPC
-						}
-					}
-				}
-			}
+							type: RPC,
+						},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(
@@ -34,8 +34,8 @@ describe('TransactionDetails', () => {
 					networkID: '1',
 					status: 'confirmed',
 					transaction: {
-						nonce: ''
-					}
+						nonce: '',
+					},
 				}}
 				transactionDetails={{
 					renderFrom: '0x0',
@@ -45,11 +45,11 @@ describe('TransactionDetails', () => {
 					renderGas: '21000',
 					renderGasPrice: '2',
 					renderTotalValue: '2 TKN / 0.001 ETH',
-					renderTotalValueFiat: ''
+					renderTotalValueFiat: '',
 				}}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper).toMatchSnapshot();
diff --git a/app/components/UI/TransactionElement/index.js b/app/components/UI/TransactionElement/index.js
index f343f573f62..c068f2c9fd6 100644
--- a/app/components/UI/TransactionElement/index.js
+++ b/app/components/UI/TransactionElement/index.js
@@ -24,45 +24,45 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		flex: 1,
 		borderBottomWidth: StyleSheet.hairlineWidth,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	actionContainerStyle: {
 		height: 25,
 		width: 70,
-		padding: 0
+		padding: 0,
 	},
 	speedupActionContainerStyle: {
-		marginRight: 10
+		marginRight: 10,
 	},
 	actionStyle: {
 		fontSize: 10,
 		padding: 0,
-		paddingHorizontal: 10
+		paddingHorizontal: 10,
 	},
 	icon: {
 		width: 28,
-		height: 28
+		height: 28,
 	},
 	summaryWrapper: {
-		padding: 15
+		padding: 15,
 	},
 	fromDeviceText: {
 		color: colors.fontSecondary,
 		fontSize: 14,
 		marginBottom: 10,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	importText: {
 		color: colors.fontSecondary,
 		fontSize: 14,
 		...fontStyles.bold,
-		alignContent: 'center'
+		alignContent: 'center',
 	},
 	importRowBody: {
 		alignItems: 'center',
 		backgroundColor: colors.grey000,
-		paddingTop: 10
-	}
+		paddingTop: 10,
+	},
 });
 
 /* eslint-disable import/no-commonjs */
@@ -116,7 +116,7 @@ class TransactionElement extends PureComponent {
 		/**
 		 * Chain Id
 		 */
-		chainId: PropTypes.string
+		chainId: PropTypes.string,
 	};
 
 	state = {
@@ -127,7 +127,7 @@ class TransactionElement extends PureComponent {
 		importModalVisible: false,
 		transactionGas: { gasBN: undefined, gasPriceBN: undefined, gasTotal: undefined },
 		transactionElement: undefined,
-		transactionDetails: undefined
+		transactionDetails: undefined,
 	};
 
 	mounted = false;
@@ -137,7 +137,7 @@ class TransactionElement extends PureComponent {
 			...this.props,
 			swapsTransactions: this.props.swapsTransactions,
 			swapsTokens: this.props.swapsTokens,
-			assetSymbol: this.props.assetSymbol
+			assetSymbol: this.props.assetSymbol,
 		});
 		this.mounted = true;
 		this.mounted && this.setState({ transactionElement, transactionDetails });
@@ -233,12 +233,12 @@ class TransactionElement extends PureComponent {
 	 *
 	 * @param {object} transactionElement - Transaction information to render, containing addressTo, actionKey, value, fiatValue, contractDeployment
 	 */
-	renderTxElement = transactionElement => {
+	renderTxElement = (transactionElement) => {
 		const {
 			identities,
 			chainId,
 			selectedAddress,
-			tx: { time, status }
+			tx: { time, status },
 		} = this.props;
 		const { value, fiatValue = false, actionKey } = transactionElement;
 		const renderTxActions = status === 'submitted' || status === 'approved';
@@ -294,7 +294,7 @@ class TransactionElement extends PureComponent {
 				existingGas = {
 					isEIP1559Transaction: true,
 					maxFeePerGas: weiHexToGweiDec(transaction.maxFeePerGas),
-					maxPriorityFeePerGas: weiHexToGweiDec(transaction.maxPriorityFeePerGas)
+					maxPriorityFeePerGas: weiHexToGweiDec(transaction.maxPriorityFeePerGas),
 				};
 			} else {
 				const existingGasPrice = tx.transaction ? tx.transaction.gasPrice : '0x0';
@@ -394,13 +394,13 @@ class TransactionElement extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 	identities: state.engine.backgroundState.PreferencesController.identities,
 	primaryCurrency: state.settings.primaryCurrency,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 	swapsTransactions: state.engine.backgroundState.TransactionController.swapsTransactions || {},
-	swapsTokens: state.engine.backgroundState.SwapsController.tokens
+	swapsTokens: state.engine.backgroundState.SwapsController.tokens,
 });
 export default connect(mapStateToProps)(TransactionElement);
diff --git a/app/components/UI/TransactionElement/index.test.js b/app/components/UI/TransactionElement/index.test.js
index a14320b5952..2ba19b72473 100644
--- a/app/components/UI/TransactionElement/index.test.js
+++ b/app/components/UI/TransactionElement/index.test.js
@@ -12,29 +12,29 @@ describe('TransactionElement', () => {
 				backgroundState: {
 					PreferencesController: {
 						selectedAddress: '0x0',
-						identities: { '0xbar': { name: 'Account 1', address: '0x0', importTime: Date.now() } }
+						identities: { '0xbar': { name: 'Account 1', address: '0x0', importTime: Date.now() } },
 					},
 					CurrencyRateController: {
 						currentCurrency: 'usd',
-						conversionRate: 0.1
+						conversionRate: 0.1,
 					},
 					NetworkController: {
 						provider: {
 							ticker: 'ETH',
-							type: 'mainnet'
-						}
+							type: 'mainnet',
+						},
 					},
 					TransactionController: {
-						swapsTransactions: {}
+						swapsTransactions: {},
 					},
 					SwapsController: {
-						tokens: []
-					}
-				}
+						tokens: [],
+					},
+				},
 			},
 			settings: {
-				primaryCurrency: 'ETH'
-			}
+				primaryCurrency: 'ETH',
+			},
 		};
 
 		const wrapper = shallow(
@@ -47,7 +47,7 @@ describe('TransactionElement', () => {
 				i={1}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/TransactionElement/utils.js b/app/components/UI/TransactionElement/utils.js
index 834789f6e06..68ed389c34f 100644
--- a/app/components/UI/TransactionElement/utils.js
+++ b/app/components/UI/TransactionElement/utils.js
@@ -10,7 +10,7 @@ import {
 	balanceToFiatNumber,
 	weiToFiatNumber,
 	addCurrencySymbol,
-	toBN
+	toBN,
 } from '../../../util/number';
 import { strings } from '../../../../locales/i18n';
 import { renderFullAddress, safeToChecksumAddress } from '../../../util/address';
@@ -20,7 +20,7 @@ import {
 	getTicker,
 	getActionKey,
 	TRANSACTION_TYPES,
-	calculateEIP1559GasFeeHexes
+	calculateEIP1559GasFeeHexes,
 } from '../../../util/transactions';
 import contractMap from '@metamask/contract-metadata';
 import { toChecksumAddress } from 'ethereumjs-util';
@@ -40,7 +40,7 @@ function calculateTotalGas(transaction) {
 			gasLimitHex: gas,
 			estimatedBaseFeeHex: estimatedBaseFee || '0x0',
 			suggestedMaxPriorityFeePerGasHex: maxPriorityFeePerGas,
-			suggestedMaxFeePerGasHex: maxFeePerGas
+			suggestedMaxFeePerGasHex: maxFeePerGas,
 		});
 		return hexToBN(eip1559GasHex.gasFeeMinHex);
 	}
@@ -58,7 +58,7 @@ function renderGwei(transaction) {
 			gasLimitHex: gas,
 			estimatedBaseFeeHex: estimatedBaseFee || '0x0',
 			suggestedMaxPriorityFeePerGasHex: maxPriorityFeePerGas,
-			suggestedMaxFeePerGasHex: maxFeePerGas
+			suggestedMaxFeePerGasHex: maxFeePerGas,
 		});
 
 		return renderToGwei(eip1559GasHex.estimatedBaseFee_PLUS_suggestedMaxPriorityFeePerGasHex);
@@ -69,7 +69,7 @@ function renderGwei(transaction) {
 function getTokenTransfer(args) {
 	const {
 		tx: {
-			transaction: { from, to, data, nonce }
+			transaction: { from, to, data, nonce },
 		},
 		conversionRate,
 		currentCurrency,
@@ -78,7 +78,7 @@ function getTokenTransfer(args) {
 		totalGas,
 		actionKey,
 		primaryCurrency,
-		selectedAddress
+		selectedAddress,
 	} = args;
 
 	const [, , encodedAmount] = decodeTransferData('transfer', data);
@@ -116,7 +116,7 @@ function getTokenTransfer(args) {
 
 	let transactionDetails = {
 		renderTotalGas: `${renderFromWei(totalGas)} ${ticker}`,
-		renderValue: renderToken
+		renderValue: renderToken,
 	};
 	if (primaryCurrency === 'ETH') {
 		transactionDetails = {
@@ -126,7 +126,7 @@ function getTokenTransfer(args) {
 			summaryTotalAmount: `${renderToken} ${strings('unit.divisor')} ${renderFromWei(totalGas)} ${ticker}`,
 			summarySecondaryTotalAmount: totalFiatNumber
 				? `${addCurrencySymbol(totalFiatNumber, currentCurrency)}`
-				: undefined
+				: undefined,
 		};
 	} else {
 		transactionDetails = {
@@ -138,7 +138,7 @@ function getTokenTransfer(args) {
 			summaryTotalAmount: totalFiatNumber ? `${addCurrencySymbol(totalFiatNumber, currentCurrency)}` : undefined,
 			summarySecondaryTotalAmount: `${renderToken} ${strings('unit.divisor')} ${renderFromWei(
 				totalGas
-			)} ${ticker}`
+			)} ${ticker}`,
 		};
 	}
 
@@ -149,7 +149,7 @@ function getTokenTransfer(args) {
 		value: !renderTokenAmount ? strings('transaction.value_not_available') : renderTokenAmount,
 		fiatValue: !!renderTokenFiatAmount && `- ${renderTokenFiatAmount}`,
 		transactionType,
-		nonce
+		nonce,
 	};
 
 	return [transactionElement, transactionDetails];
@@ -158,19 +158,19 @@ function getTokenTransfer(args) {
 function getCollectibleTransfer(args) {
 	const {
 		tx: {
-			transaction: { from, to, data }
+			transaction: { from, to, data },
 		},
 		collectibleContracts,
 		totalGas,
 		conversionRate,
 		currentCurrency,
 		primaryCurrency,
-		selectedAddress
+		selectedAddress,
 	} = args;
 	let actionKey;
 	const [, tokenId] = decodeTransferData('transfer', data);
 	const ticker = getTicker(args.ticker);
-	const collectible = collectibleContracts.find(collectible => toLowerCaseEquals(collectible.address, to));
+	const collectible = collectibleContracts.find((collectible) => toLowerCaseEquals(collectible.address, to));
 	if (collectible) {
 		actionKey = `${strings('transactions.sent')} ${collectible.name}`;
 	} else {
@@ -191,7 +191,7 @@ function getCollectibleTransfer(args) {
 			summaryTotalAmount: `${renderCollectible} ${strings('unit.divisor')} ${renderFromWei(totalGas)} ${strings(
 				'unit.eth'
 			)}`,
-			summarySecondaryTotalAmount: weiToFiat(totalGas, conversionRate, currentCurrency)
+			summarySecondaryTotalAmount: weiToFiat(totalGas, conversionRate, currentCurrency),
 		};
 	} else {
 		transactionDetails = {
@@ -201,7 +201,7 @@ function getCollectibleTransfer(args) {
 			summaryTotalAmount: weiToFiat(totalGas, conversionRate, currentCurrency),
 			summarySecondaryTotalAmount: `${renderCollectible} ${strings('unit.divisor')} ${renderFromWei(
 				totalGas
-			)} ${strings('unit.eth')}`
+			)} ${strings('unit.eth')}`,
 		};
 	}
 
@@ -213,7 +213,7 @@ function getCollectibleTransfer(args) {
 		actionKey,
 		value: `${strings('unit.token_id')}${tokenId}`,
 		fiatValue: collectible ? collectible.symbol : undefined,
-		transactionType
+		transactionType,
 	};
 
 	return [transactionElement, transactionDetails];
@@ -224,7 +224,7 @@ function decodeIncomingTransfer(args) {
 		tx: {
 			transaction: { to, from, value },
 			transferInformation: { symbol, decimals, contractAddress },
-			transactionHash
+			transactionHash,
 		},
 		conversionRate,
 		currentCurrency,
@@ -232,7 +232,7 @@ function decodeIncomingTransfer(args) {
 		totalGas,
 		actionKey,
 		primaryCurrency,
-		selectedAddress
+		selectedAddress,
 	} = args;
 
 	const amount = toBN(value);
@@ -276,7 +276,7 @@ function decodeIncomingTransfer(args) {
 		renderFrom: renderFullAddress(from),
 		renderTo: renderFullAddress(to),
 		transactionHash,
-		transactionType
+		transactionType,
 	};
 	if (primaryCurrency === 'ETH') {
 		transactionDetails = {
@@ -286,7 +286,7 @@ function decodeIncomingTransfer(args) {
 			summaryTotalAmount: `${renderToken} ${strings('unit.divisor')} ${renderFromWei(totalGas)} ${ticker}`,
 			summarySecondaryTotalAmount: totalFiatNumber
 				? `${addCurrencySymbol(totalFiatNumber, currentCurrency)}`
-				: undefined
+				: undefined,
 		};
 	} else {
 		transactionDetails = {
@@ -298,7 +298,7 @@ function decodeIncomingTransfer(args) {
 			summaryTotalAmount: totalFiatNumber ? `${addCurrencySymbol(totalFiatNumber, currentCurrency)}` : undefined,
 			summarySecondaryTotalAmount: `${renderToken} ${strings('unit.divisor')} ${renderFromWei(
 				totalGas
-			)} ${ticker}`
+			)} ${ticker}`,
 		};
 	}
 
@@ -309,7 +309,7 @@ function decodeIncomingTransfer(args) {
 		value: !renderTokenAmount ? strings('transaction.value_not_available') : renderTokenAmount,
 		fiatValue: renderTokenFiatAmount ? `${renderTokenFiatAmount}` : renderTokenFiatAmount,
 		isIncomingTransfer: true,
-		transactionType
+		transactionType,
 	};
 
 	return [transactionElement, transactionDetails];
@@ -320,8 +320,8 @@ async function decodeTransferTx(args) {
 		tx: {
 			transaction,
 			transaction: { from, gas, data, to },
-			transactionHash
-		}
+			transactionHash,
+		},
 	} = args;
 
 	const decodedData = decodeTransferData('transfer', data);
@@ -347,8 +347,8 @@ async function decodeTransferTx(args) {
 			renderTo: renderFullAddress(addressTo),
 			transactionHash,
 			renderGas,
-			renderGasPrice
-		}
+			renderGasPrice,
+		},
 	};
 	return [transactionElement, transactionDetails];
 }
@@ -358,16 +358,16 @@ function decodeTransferFromTx(args) {
 		tx: {
 			transaction,
 			transaction: { gas, data, to },
-			transactionHash
+			transactionHash,
 		},
 		collectibleContracts,
 		conversionRate,
 		currentCurrency,
 		primaryCurrency,
-		selectedAddress
+		selectedAddress,
 	} = args;
 	const [addressFrom, addressTo, tokenId] = decodeTransferData('transferFrom', data);
-	const collectible = collectibleContracts.find(collectible => toLowerCaseEquals(collectible.address, to));
+	const collectible = collectibleContracts.find((collectible) => toLowerCaseEquals(collectible.address, to));
 	let actionKey = args.actionKey;
 	if (collectible) {
 		actionKey = `${strings('transactions.sent')} ${collectible.name}`;
@@ -392,7 +392,7 @@ function decodeTransferFromTx(args) {
 		renderValue: renderCollectible,
 		renderGas: parseInt(gas, 16).toString(),
 		renderGasPrice: renderGwei(transaction),
-		renderTotalGas: `${renderFromWei(totalGas)} ${ticker}`
+		renderTotalGas: `${renderFromWei(totalGas)} ${ticker}`,
 	};
 
 	if (primaryCurrency === 'ETH') {
@@ -401,7 +401,7 @@ function decodeTransferFromTx(args) {
 			summaryAmount: renderCollectible,
 			summaryFee: `${renderFromWei(totalGas)} ${ticker}`,
 			summarySecondaryTotalAmount: weiToFiat(totalGas, conversionRate, currentCurrency),
-			summaryTotalAmount: `${renderCollectible} ${strings('unit.divisor')} ${renderFromWei(totalGas)} ${ticker}`
+			summaryTotalAmount: `${renderCollectible} ${strings('unit.divisor')} ${renderFromWei(totalGas)} ${ticker}`,
 		};
 	} else {
 		transactionDetails = {
@@ -411,7 +411,7 @@ function decodeTransferFromTx(args) {
 			summarySecondaryTotalAmount: `${renderCollectible} ${strings('unit.divisor')} ${renderFromWei(
 				totalGas
 			)} ${ticker}`,
-			summaryTotalAmount: weiToFiat(totalGas, conversionRate, currentCurrency)
+			summaryTotalAmount: weiToFiat(totalGas, conversionRate, currentCurrency),
 		};
 	}
 
@@ -421,7 +421,7 @@ function decodeTransferFromTx(args) {
 		actionKey,
 		value: `${strings('unit.token_id')}${tokenId}`,
 		fiatValue: collectible ? collectible.symbol : undefined,
-		transactionType
+		transactionType,
 	};
 
 	return [transactionElement, transactionDetails];
@@ -432,12 +432,12 @@ function decodeDeploymentTx(args) {
 		tx: {
 			transaction,
 			transaction: { value, gas, from },
-			transactionHash
+			transactionHash,
 		},
 		conversionRate,
 		currentCurrency,
 		actionKey,
-		primaryCurrency
+		primaryCurrency,
 	} = args;
 	const ticker = getTicker(args.ticker);
 
@@ -456,7 +456,7 @@ function decodeDeploymentTx(args) {
 		value: renderTotalEth,
 		fiatValue: renderTotalEthFiat,
 		contractDeployment: true,
-		transactionType: TRANSACTION_TYPES.SITE_INTERACTION
+		transactionType: TRANSACTION_TYPES.SITE_INTERACTION,
 	};
 	let transactionDetails = {
 		renderFrom,
@@ -465,7 +465,7 @@ function decodeDeploymentTx(args) {
 		renderValue: `${renderFromWei(value)} ${ticker}`,
 		renderGas: parseInt(gas, 16).toString(),
 		renderGasPrice: renderGwei(transaction),
-		renderTotalGas: `${renderFromWei(totalGas)} ${ticker}`
+		renderTotalGas: `${renderFromWei(totalGas)} ${ticker}`,
 	};
 
 	if (primaryCurrency === 'ETH') {
@@ -474,7 +474,7 @@ function decodeDeploymentTx(args) {
 			summaryAmount: `${renderFromWei(value)} ${ticker}`,
 			summaryFee: `${renderFromWei(totalGas)} ${ticker}`,
 			summarySecondaryTotalAmount: weiToFiat(totalEth, conversionRate, currentCurrency),
-			summaryTotalAmount: `${renderFromWei(totalEth)} ${ticker}`
+			summaryTotalAmount: `${renderFromWei(totalEth)} ${ticker}`,
 		};
 	} else {
 		transactionDetails = {
@@ -482,7 +482,7 @@ function decodeDeploymentTx(args) {
 			summaryAmount: weiToFiat(value, conversionRate, currentCurrency),
 			summaryFee: weiToFiat(totalGas, conversionRate, currentCurrency),
 			summarySecondaryTotalAmount: `${renderFromWei(totalEth)} ${ticker}`,
-			summaryTotalAmount: weiToFiat(totalEth, conversionRate, currentCurrency)
+			summaryTotalAmount: weiToFiat(totalEth, conversionRate, currentCurrency),
 		};
 	}
 
@@ -494,13 +494,13 @@ function decodeConfirmTx(args) {
 		tx: {
 			transaction,
 			transaction: { value, gas, from, to },
-			transactionHash
+			transactionHash,
 		},
 		conversionRate,
 		currentCurrency,
 		actionKey,
 		primaryCurrency,
-		selectedAddress
+		selectedAddress,
 	} = args;
 
 	const ticker = getTicker(args.ticker);
@@ -535,7 +535,7 @@ function decodeConfirmTx(args) {
 		actionKey: symbol ? `${symbol} ${actionKey}` : actionKey,
 		value: renderTotalEth,
 		fiatValue: renderTotalEthFiat,
-		transactionType
+		transactionType,
 	};
 	let transactionDetails = {
 		renderFrom,
@@ -545,7 +545,7 @@ function decodeConfirmTx(args) {
 		renderGas: parseInt(gas, 16).toString(),
 		renderGasPrice: renderGwei(transaction),
 		renderTotalGas: `${renderFromWei(totalGas)} ${ticker}`,
-		transactionType
+		transactionType,
 	};
 
 	if (primaryCurrency === 'ETH') {
@@ -554,7 +554,7 @@ function decodeConfirmTx(args) {
 			summaryAmount: renderTotalEth,
 			summaryFee: `${renderFromWei(totalGas)} ${ticker}`,
 			summarySecondaryTotalAmount: weiToFiat(totalValue, conversionRate, currentCurrency),
-			summaryTotalAmount: `${renderFromWei(totalValue)} ${ticker}`
+			summaryTotalAmount: `${renderFromWei(totalValue)} ${ticker}`,
 		};
 	} else {
 		transactionDetails = {
@@ -562,7 +562,7 @@ function decodeConfirmTx(args) {
 			summaryAmount: weiToFiat(totalEth, conversionRate, currentCurrency),
 			summaryFee: weiToFiat(totalGas, conversionRate, currentCurrency),
 			summarySecondaryTotalAmount: `${renderFromWei(totalValue)} ${ticker}`,
-			summaryTotalAmount: weiToFiat(totalValue, conversionRate, currentCurrency)
+			summaryTotalAmount: weiToFiat(totalValue, conversionRate, currentCurrency),
 		};
 	}
 	return [transactionElement, transactionDetails];
@@ -579,16 +579,16 @@ function decodeSwapsTx(args) {
 			id,
 			transaction,
 			transaction: { gas, from, to },
-			transactionHash
+			transactionHash,
 		},
 		tx,
 		contractExchangeRates,
-		assetSymbol
+		assetSymbol,
 	} = args;
 	const swapTransaction = (swapsTransactions && swapsTransactions[id]) || {};
 	const totalGas = calculateTotalGas({
 		...transaction,
-		gas: swapTransaction.gasUsed || gas
+		gas: swapTransaction.gasUsed || gas,
 	});
 	const sourceToken = swapsTokens?.find(({ address }) => address === swapTransaction?.sourceToken?.address);
 	const destinationToken =
@@ -623,7 +623,7 @@ function decodeSwapsTx(args) {
 	if (isSwap) {
 		actionKey = strings('swaps.transaction_label.swap', {
 			sourceToken: sourceToken.symbol,
-			destinationToken: destinationToken.symbol
+			destinationToken: destinationToken.symbol,
 		});
 		notificationKey = strings(
 			`swaps.notification_label.${tx.status === 'submitted' ? 'swap_pending' : 'swap_confirmed'}`,
@@ -632,7 +632,7 @@ function decodeSwapsTx(args) {
 	} else {
 		actionKey = strings('swaps.transaction_label.approve', {
 			sourceToken: sourceToken.symbol,
-			upTo: renderFromTokenMinimalUnit(swapTransaction.upTo, sourceToken.decimals)
+			upTo: renderFromTokenMinimalUnit(swapTransaction.upTo, sourceToken.decimals),
 		});
 		notificationKey = strings(
 			`swaps.notification_label.${tx.status === 'submitted' ? 'approve_pending' : 'approve_confirmed'}`,
@@ -670,7 +670,7 @@ function decodeSwapsTx(args) {
 		notificationKey,
 		value,
 		fiatValue,
-		transactionType: isSwap ? TRANSACTION_TYPES.SITE_INTERACTION : TRANSACTION_TYPES.APPROVE
+		transactionType: isSwap ? TRANSACTION_TYPES.SITE_INTERACTION : TRANSACTION_TYPES.APPROVE,
 	};
 
 	let transactionDetails = {
@@ -680,7 +680,7 @@ function decodeSwapsTx(args) {
 		renderValue: decimalSourceAmount ? `${decimalSourceAmount} ${sourceToken.symbol}` : `0 ${ticker}`,
 		renderGas: parseInt(gas, 16),
 		renderGasPrice: renderGwei(transaction),
-		renderTotalGas: `${totalEthGas} ${ticker}`
+		renderTotalGas: `${totalEthGas} ${ticker}`,
 	};
 
 	if (primaryCurrency === 'ETH') {
@@ -692,7 +692,7 @@ function decodeSwapsTx(args) {
 			summarySecondaryTotalAmount: addCurrencySymbol(
 				renderSourceTokenFiatNumber + weiToFiatNumber(totalGas, conversionRate),
 				currentCurrency
-			)
+			),
 		};
 	} else {
 		transactionDetails = {
@@ -703,7 +703,7 @@ function decodeSwapsTx(args) {
 				renderSourceTokenFiatNumber + weiToFiatNumber(totalGas, conversionRate),
 				currentCurrency
 			),
-			summarySecondaryTotalAmount: cryptoSummaryTotalAmount
+			summarySecondaryTotalAmount: cryptoSummaryTotalAmount,
 		};
 	}
 	return [transactionElement, transactionDetails];
diff --git a/app/components/UI/TransactionHeader/index.js b/app/components/UI/TransactionHeader/index.js
index 57929c1b514..b2e087f2a7d 100644
--- a/app/components/UI/TransactionHeader/index.js
+++ b/app/components/UI/TransactionHeader/index.js
@@ -16,42 +16,42 @@ const { ORIGIN_DEEPLINK, ORIGIN_QR_CODE } = AppConstants.DEEPLINKS;
 const styles = StyleSheet.create({
 	transactionHeader: {
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	domainLogo: {
 		width: 56,
 		height: 56,
-		borderRadius: 32
+		borderRadius: 32,
 	},
 	assetLogo: {
 		alignItems: 'center',
 		justifyContent: 'center',
-		borderRadius: 10
+		borderRadius: 10,
 	},
 	domanUrlContainer: {
 		alignItems: 'center',
 		justifyContent: 'center',
 		flexDirection: 'row',
-		marginTop: 10
+		marginTop: 10,
 	},
 	secureIcon: {
-		marginRight: 5
+		marginRight: 5,
 	},
 	domainUrl: {
 		...fontStyles.bold,
 		textAlign: 'center',
 		fontSize: 14,
-		color: colors.black
+		color: colors.black,
 	},
 	networkContainer: {
 		alignItems: 'center',
 		justifyContent: 'center',
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	networkStatusIndicator: {
 		borderRadius: 2.5,
 		height: 5,
-		width: 5
+		width: 5,
 	},
 	network: {
 		...fontStyles.normal,
@@ -59,25 +59,25 @@ const styles = StyleSheet.create({
 		fontSize: 12,
 		padding: 5,
 		color: colors.black,
-		textTransform: 'capitalize'
+		textTransform: 'capitalize',
 	},
 	deeplinkIconContainer: {
 		borderWidth: 1,
 		borderColor: colors.grey600,
 		width: 56,
 		height: 56,
-		borderRadius: 38
+		borderRadius: 38,
 	},
 	deeplinkIcon: {
 		alignSelf: 'center',
-		lineHeight: 56
-	}
+		lineHeight: 56,
+	},
 });
 
 /**
  * PureComponent that renders the transaction header used for signing, granting permissions and sending
  */
-const TransactionHeader = props => {
+const TransactionHeader = (props) => {
 	const originIsDeeplink =
 		props.currentPageInformation.origin === ORIGIN_DEEPLINK ||
 		props.currentPageInformation.origin === ORIGIN_QR_CODE;
@@ -179,12 +179,12 @@ TransactionHeader.propTypes = {
 	/**
 	 * Provider name
 	 */
-	nickname: PropTypes.string
+	nickname: PropTypes.string,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	networkType: state.engine.backgroundState.NetworkController.provider.type,
-	nickname: state.engine.backgroundState.NetworkController.provider.nickname
+	nickname: state.engine.backgroundState.NetworkController.provider.nickname,
 });
 
 export default connect(mapStateToProps)(TransactionHeader);
diff --git a/app/components/UI/TransactionHeader/index.test.js b/app/components/UI/TransactionHeader/index.test.js
index a31b9f0c88e..664a0e3dacc 100644
--- a/app/components/UI/TransactionHeader/index.test.js
+++ b/app/components/UI/TransactionHeader/index.test.js
@@ -14,17 +14,17 @@ describe('TransactionHeader', () => {
 					NetworkController: {
 						provider: {
 							type: ROPSTEN,
-							nickname: 'Ropsten'
-						}
-					}
-				}
-			}
+							nickname: 'Ropsten',
+						},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(
 			<TransactionHeader currentPageInformation={{ title: 'title', url: 'url' }} type={'typedSign'} />,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/TransactionReview/TransactionReivewDetailsCard/index.js b/app/components/UI/TransactionReview/TransactionReivewDetailsCard/index.js
index 69fb6653484..f3d72399a48 100644
--- a/app/components/UI/TransactionReview/TransactionReivewDetailsCard/index.js
+++ b/app/components/UI/TransactionReview/TransactionReivewDetailsCard/index.js
@@ -10,47 +10,47 @@ import ConnectHeader from '../../../UI/ConnectHeader';
 
 const styles = StyleSheet.create({
 	uppercase: {
-		textTransform: 'capitalize'
+		textTransform: 'capitalize',
 	},
 	viewData: {
 		borderWidth: 1,
 		borderColor: colors.grey200,
 		borderRadius: 10,
 		padding: 16,
-		marginTop: 20
+		marginTop: 20,
 	},
 	viewDataRow: {
 		display: 'flex',
 		flexDirection: 'row',
-		flexWrap: 'wrap'
+		flexWrap: 'wrap',
 	},
 	viewDataTitle: {
 		...fontStyles.bold,
 		color: colors.black,
-		fontSize: 14
+		fontSize: 14,
 	},
 	viewDataText: {
-		marginTop: 20
+		marginTop: 20,
 	},
 	viewDataArrow: {
-		marginLeft: 'auto'
+		marginLeft: 'auto',
 	},
 	transactionDetails: {
 		borderWidth: 1,
 		borderColor: colors.grey200,
 		borderRadius: 10,
-		padding: 16
+		padding: 16,
 	},
 	transactionDetailsRow: {
 		display: 'flex',
 		flexDirection: 'row',
 		flexWrap: 'wrap',
-		paddingVertical: 4
+		paddingVertical: 4,
 	},
 	transactionDetailsTextLeft: {
 		...fontStyles.thin,
 		color: colors.black,
-		fontSize: 14
+		fontSize: 14,
 	},
 	transactionDetailsTextRight: {
 		...fontStyles.bold,
@@ -58,22 +58,22 @@ const styles = StyleSheet.create({
 		fontSize: 14,
 		textAlign: 'right',
 		flexDirection: 'row',
-		marginLeft: 'auto'
+		marginLeft: 'auto',
 	},
 	section: {
 		minWidth: '100%',
 		width: '100%',
 		paddingHorizontal: 16,
-		paddingBottom: 16
+		paddingBottom: 16,
 	},
 	copyIcon: {
 		marginLeft: 1,
-		marginTop: 2
+		marginTop: 2,
 	},
 	address: {
 		...fontStyles.bold,
-		color: colors.blue
-	}
+		color: colors.blue,
+	},
 });
 
 export default class TransactionReviewDetailsCard extends Component {
@@ -87,7 +87,7 @@ export default class TransactionReviewDetailsCard extends Component {
 		tokenSymbol: PropTypes.string,
 		data: PropTypes.string,
 		displayViewData: PropTypes.bool,
-		method: PropTypes.string
+		method: PropTypes.string,
 	};
 
 	render() {
@@ -101,7 +101,7 @@ export default class TransactionReviewDetailsCard extends Component {
 			tokenSymbol,
 			data,
 			method,
-			displayViewData
+			displayViewData,
 		} = this.props;
 
 		return (
diff --git a/app/components/UI/TransactionReview/TransactionReviewData/index.js b/app/components/UI/TransactionReview/TransactionReviewData/index.js
index e44f1cf9f41..e186bc1f537 100644
--- a/app/components/UI/TransactionReview/TransactionReviewData/index.js
+++ b/app/components/UI/TransactionReview/TransactionReviewData/index.js
@@ -12,58 +12,58 @@ const styles = StyleSheet.create({
 	root: {
 		paddingHorizontal: 24,
 		paddingTop: 24,
-		paddingBottom: Device.isIphoneX() ? 48 : 24
+		paddingBottom: Device.isIphoneX() ? 48 : 24,
 	},
 	dataHeader: {
 		flexDirection: 'row',
 		justifyContent: 'space-between',
 		alignItems: 'center',
 		width: '100%',
-		marginBottom: 28
+		marginBottom: 28,
 	},
 	dataTitleText: {
 		...fontStyles.bold,
 		color: colors.black,
 		fontSize: 14,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	dataDescription: {
 		textAlign: 'center',
 		...fontStyles.normal,
 		color: colors.black,
 		fontSize: 14,
-		marginBottom: 28
+		marginBottom: 28,
 	},
 	dataBox: {
 		padding: 12,
 		borderWidth: 1,
 		borderColor: colors.grey200,
 		borderRadius: 8,
-		flex: 1
+		flex: 1,
 	},
 	label: {
 		flexDirection: 'row',
 		justifyContent: 'flex-start',
-		marginBottom: 12
+		marginBottom: 12,
 	},
 	boldLabel: {
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	labelText: {
 		...fontStyles.normal,
 		color: colors.black,
-		fontSize: 14
+		fontSize: 14,
 	},
 	hexData: {
 		...fontStyles.normal,
 		backgroundColor: colors.white,
 		color: colors.black,
 		fontSize: 14,
-		paddingTop: 0
+		paddingTop: 0,
 	},
 	scrollView: {
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
 /**
@@ -86,7 +86,7 @@ class TransactionReviewData extends PureComponent {
 		/**
 		 * Height of custom gas and data modal
 		 */
-		customGasHeight: PropTypes.number
+		customGasHeight: PropTypes.number,
 	};
 
 	applyRootHeight = () => ({ height: this.props.customGasHeight });
@@ -94,10 +94,10 @@ class TransactionReviewData extends PureComponent {
 	render = () => {
 		const {
 			transaction: {
-				transaction: { data }
+				transaction: { data },
 			},
 			actionKey,
-			toggleDataView
+			toggleDataView,
 		} = this.props;
 		return (
 			<View style={[styles.root, this.applyRootHeight()]}>
@@ -132,11 +132,11 @@ class TransactionReviewData extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 	contractExchangeRates: state.engine.backgroundState.TokenRatesController.contractExchangeRates,
-	transaction: state.transaction
+	transaction: state.transaction,
 });
 
 export default connect(mapStateToProps)(TransactionReviewData);
diff --git a/app/components/UI/TransactionReview/TransactionReviewData/index.test.js b/app/components/UI/TransactionReview/TransactionReviewData/index.test.js
index 355757fd4e1..6da1926c73f 100644
--- a/app/components/UI/TransactionReview/TransactionReviewData/index.test.js
+++ b/app/components/UI/TransactionReview/TransactionReviewData/index.test.js
@@ -11,17 +11,17 @@ describe('TransactionReviewData', () => {
 			engine: {
 				backgroundState: {
 					TokenRatesController: {
-						contractExchangeRates: {}
+						contractExchangeRates: {},
 					},
 					CurrencyRateController: {
 						currentCurrency: 'usd',
-						conversionRate: 0.1
-					}
-				}
+						conversionRate: 0.1,
+					},
+				},
 			},
 			transaction: {
 				transaction: {
-					data: ''
+					data: '',
 				},
 				value: '',
 				from: '0x1',
@@ -29,14 +29,14 @@ describe('TransactionReviewData', () => {
 				gasPrice: '',
 				to: '0x2',
 				selectedAsset: undefined,
-				assetType: undefined
-			}
+				assetType: undefined,
+			},
 		};
 
 		const wrapper = shallow(
 			<TransactionReviewData transactionData={{ amount: 0, gas: 0, gasPrice: 1, from: '0x0' }} />,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/TransactionReview/TransactionReviewEIP1559/index.js b/app/components/UI/TransactionReview/TransactionReviewEIP1559/index.js
index 6c0402928ed..ecfcd7d49a0 100644
--- a/app/components/UI/TransactionReview/TransactionReviewEIP1559/index.js
+++ b/app/components/UI/TransactionReview/TransactionReviewEIP1559/index.js
@@ -17,51 +17,51 @@ import AppConstants from '../../../../core/AppConstants';
 import Device from '../../../../util/device';
 
 const styles = StyleSheet.create({
-	overview: noMargin => ({
+	overview: (noMargin) => ({
 		marginHorizontal: noMargin ? 0 : 24,
 		paddingTop: 10,
-		paddingBottom: 10
+		paddingBottom: 10,
 	}),
 	valuesContainer: {
 		flex: 1,
 		flexDirection: 'row',
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	gasInfoContainer: {
-		paddingLeft: 2
+		paddingLeft: 2,
 	},
-	gasInfoIcon: hasOrigin => ({
-		color: hasOrigin ? colors.orange : colors.grey200
+	gasInfoIcon: (hasOrigin) => ({
+		color: hasOrigin ? colors.orange : colors.grey200,
 	}),
 	amountContainer: {
 		flex: 1,
-		paddingRight: 10
+		paddingRight: 10,
 	},
 	gasRowContainer: {
 		flexDirection: 'row',
 		flex: 1,
 		alignItems: 'center',
-		marginBottom: 2
+		marginBottom: 2,
 	},
 	gasBottomRowContainer: {
-		marginTop: 4
+		marginTop: 4,
 	},
 	hitSlop: {
 		top: 10,
 		left: 10,
 		bottom: 10,
-		right: 10
+		right: 10,
 	},
 	redInfo: {
-		color: colors.red
+		color: colors.red,
 	},
 	timeEstimateContainer: {
 		alignItems: 'center',
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	flex: {
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
 // eslint-disable-next-line react/prop-types
@@ -96,15 +96,14 @@ const TransactionReviewEIP1559 = ({
 	animateOnChange,
 	isAnimating,
 	gasEstimationReady,
-	legacy
+	legacy,
 }) => {
 	const [showLearnMoreModal, setShowLearnMoreModal] = useState(false);
-	const [isVisibleTimeEstimateInfoModal, , showTimeEstimateInfoModal, hideTimeEstimateInfoModal] = useModalHandler(
-		false
-	);
+	const [isVisibleTimeEstimateInfoModal, , showTimeEstimateInfoModal, hideTimeEstimateInfoModal] =
+		useModalHandler(false);
 	const [isVisibleLegacyLearnMore, , showLegacyLearnMore, hideLegacyLearnMore] = useModalHandler(false);
 	const toggleLearnMoreModal = useCallback(() => {
-		setShowLearnMoreModal(showLearnMoreModal => !showLearnMoreModal);
+		setShowLearnMoreModal((showLearnMoreModal) => !showLearnMoreModal);
 	}, []);
 
 	const openLinkAboutGas = useCallback(
@@ -458,11 +457,11 @@ TransactionReviewEIP1559.propTypes = {
 	/**
 	 * If it's a eip1559 network and dapp suggest legact gas then it should show a warning
 	 */
-	originWarning: PropTypes.bool
+	originWarning: PropTypes.bool,
 };
 
-const mapStateToProps = state => ({
-	chainId: state.engine.backgroundState.NetworkController.provider.chainId
+const mapStateToProps = (state) => ({
+	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 });
 
 export default connect(mapStateToProps)(TransactionReviewEIP1559);
diff --git a/app/components/UI/TransactionReview/TransactionReviewEIP1559/index.test.js b/app/components/UI/TransactionReview/TransactionReviewEIP1559/index.test.js
index 55e1ee2ba5a..a018d23cb9a 100644
--- a/app/components/UI/TransactionReview/TransactionReviewEIP1559/index.test.js
+++ b/app/components/UI/TransactionReview/TransactionReviewEIP1559/index.test.js
@@ -12,20 +12,20 @@ describe('TransactionReviewEIP1559', () => {
 				backgroundState: {
 					CurrencyRateController: {
 						currentCurrency: 'usd',
-						conversionRate: 0.1
+						conversionRate: 0.1,
 					},
 					NetworkController: {
 						provider: {
 							ticker: 'ETH',
-							chainId: '1'
-						}
-					}
-				}
-			}
+							chainId: '1',
+						},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<TransactionReviewEIP1559 />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/TransactionReview/TransactionReviewFeeCard/index.js b/app/components/UI/TransactionReview/TransactionReviewFeeCard/index.js
index 6f97730f1a9..3a948c5814c 100644
--- a/app/components/UI/TransactionReview/TransactionReviewFeeCard/index.js
+++ b/app/components/UI/TransactionReview/TransactionReviewFeeCard/index.js
@@ -13,35 +13,35 @@ import FadeAnimationView from '../../FadeAnimationView';
 
 const styles = StyleSheet.create({
 	overview: {
-		marginHorizontal: 24
+		marginHorizontal: 24,
 	},
 	loader: {
 		backgroundColor: colors.white,
 		height: 10,
 		flex: 1,
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	over: {
-		color: colors.red
+		color: colors.red,
 	},
 	valuesContainer: {
 		flex: 1,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	gasInfoContainer: {
-		paddingHorizontal: 2
+		paddingHorizontal: 2,
 	},
 	gasInfoIcon: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	amountContainer: {
-		flex: 1
+		flex: 1,
 	},
 	gasFeeTitleContainer: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
-	primaryContainer: flex => {
+	primaryContainer: (flex) => {
 		if (flex) return { flex: 1 };
 		return { width: 86, marginLeft: 2 };
 	},
@@ -49,8 +49,8 @@ const styles = StyleSheet.create({
 		top: 10,
 		left: 10,
 		bottom: 10,
-		right: 10
-	}
+		right: 10,
+	},
 });
 
 /**
@@ -121,14 +121,14 @@ class TransactionReviewFeeCard extends PureComponent {
 		/**
 		 * Boolean to determine if the animation is happening
 		 */
-		isAnimating: PropTypes.bool
+		isAnimating: PropTypes.bool,
 	};
 
 	state = {
-		showGasTooltip: false
+		showGasTooltip: false,
 	};
 
-	renderIfGasEstimationReady = children => {
+	renderIfGasEstimationReady = (children) => {
 		const { gasEstimationReady } = this.props;
 		return !gasEstimationReady ? (
 			<View style={styles.loader}>
@@ -142,7 +142,7 @@ class TransactionReviewFeeCard extends PureComponent {
 	openLinkAboutGas = () =>
 		Linking.openURL('https://community.metamask.io/t/what-is-gas-why-do-transactions-take-so-long/3172');
 
-	toggleGasTooltip = () => this.setState(state => ({ showGasTooltip: !state.showGasTooltip }));
+	toggleGasTooltip = () => this.setState((state) => ({ showGasTooltip: !state.showGasTooltip }));
 
 	renderGasTooltip = () => {
 		const isMainnet = isMainnetByChainId(this.props.chainId);
@@ -188,7 +188,7 @@ class TransactionReviewFeeCard extends PureComponent {
 			onUpdatingValuesStart,
 			onUpdatingValuesEnd,
 			animateOnChange,
-			isAnimating
+			isAnimating,
 		} = this.props;
 
 		const isMainnet = isMainnetByChainId(chainId);
@@ -342,10 +342,10 @@ class TransactionReviewFeeCard extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
-	chainId: state.engine.backgroundState.NetworkController.provider.chainId
+	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 });
 
 export default connect(mapStateToProps)(TransactionReviewFeeCard);
diff --git a/app/components/UI/TransactionReview/TransactionReviewFeeCard/index.test.js b/app/components/UI/TransactionReview/TransactionReviewFeeCard/index.test.js
index b548586a3ee..995469477ba 100644
--- a/app/components/UI/TransactionReview/TransactionReviewFeeCard/index.test.js
+++ b/app/components/UI/TransactionReview/TransactionReviewFeeCard/index.test.js
@@ -12,20 +12,20 @@ describe('TransactionReviewFeeCard', () => {
 				backgroundState: {
 					CurrencyRateController: {
 						currentCurrency: 'usd',
-						conversionRate: 0.1
+						conversionRate: 0.1,
 					},
 					NetworkController: {
 						provider: {
 							ticker: 'ETH',
-							chainId: '1'
-						}
-					}
-				}
-			}
+							chainId: '1',
+						},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<TransactionReviewFeeCard />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/UI/TransactionReview/TransactionReviewInformation/index.js b/app/components/UI/TransactionReview/TransactionReviewInformation/index.js
index 35feb54240f..f956ac6a330 100644
--- a/app/components/UI/TransactionReview/TransactionReviewInformation/index.js
+++ b/app/components/UI/TransactionReview/TransactionReviewInformation/index.js
@@ -12,7 +12,7 @@ import {
 	balanceToFiatNumber,
 	renderFromTokenMinimalUnit,
 	renderFromWei,
-	BNToHex
+	BNToHex,
 } from '../../../../util/number';
 import { strings } from '../../../../../locales/i18n';
 import {
@@ -20,7 +20,7 @@ import {
 	getNormalizedTxState,
 	calculateAmountsEIP1559,
 	calculateEthEIP1559,
-	calculateERC20EIP1559
+	calculateERC20EIP1559,
 } from '../../../../util/transactions';
 import Analytics from '../../../../core/Analytics';
 import { ANALYTICS_EVENT_OPTS } from '../../../../util/analytics';
@@ -43,32 +43,32 @@ const styles = StyleSheet.create({
 		height: 32,
 		paddingHorizontal: 16,
 		marginHorizontal: 24,
-		marginTop: 12
+		marginTop: 12,
 	},
 	overviewAlertText: {
 		...fontStyles.normal,
 		color: colors.red,
 		flex: 1,
 		fontSize: 12,
-		marginLeft: 8
+		marginLeft: 8,
 	},
 	overviewAlertIcon: {
 		color: colors.red,
-		flex: 0
+		flex: 0,
 	},
 	viewDataWrapper: {
 		flex: 1,
-		marginTop: 16
+		marginTop: 16,
 	},
 	viewDataButton: {
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	viewDataText: {
 		color: colors.blue,
 		textAlign: 'center',
 		fontSize: 12,
 		...fontStyles.bold,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	errorWrapper: {
 		marginHorizontal: 24,
@@ -80,19 +80,19 @@ const styles = StyleSheet.create({
 		borderRadius: 8,
 		borderWidth: 1,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	error: {
 		color: colors.red,
 		fontSize: 12,
 		lineHeight: 16,
 		...fontStyles.normal,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	underline: {
 		textDecorationLine: 'underline',
-		...fontStyles.bold
-	}
+		...fontStyles.bold,
+	},
 });
 
 /**
@@ -191,14 +191,14 @@ class TransactionReviewInformation extends PureComponent {
 		/**
 		 * If it's a eip1559 network and dapp suggest legact gas then it should show a warning
 		 */
-		originWarning: PropTypes.bool
+		originWarning: PropTypes.bool,
 	};
 
 	state = {
 		toFocused: false,
 		amountError: '',
 		actionKey: strings('transactions.tx_review_confirm'),
-		nonceModalVisible: false
+		nonceModalVisible: false,
 	};
 
 	componentDidMount = async () => {
@@ -213,7 +213,7 @@ class TransactionReviewInformation extends PureComponent {
 		setProposedNonce(proposedNonce);
 	};
 
-	toggleNonceModal = () => this.setState(state => ({ nonceModalVisible: !state.nonceModalVisible }));
+	toggleNonceModal = () => this.setState((state) => ({ nonceModalVisible: !state.nonceModalVisible }));
 
 	renderCustomNonceModal = () => {
 		const { setNonce } = this.props;
@@ -258,7 +258,7 @@ class TransactionReviewInformation extends PureComponent {
 			currentCurrency,
 			conversionRate,
 			contractExchangeRates,
-			ticker
+			ticker,
 		} = this.props;
 
 		const totals = {
@@ -293,7 +293,7 @@ class TransactionReviewInformation extends PureComponent {
 				)} ${getTicker(ticker)}`;
 				return [totalFiat, totalValue];
 			},
-			default: () => [undefined, undefined]
+			default: () => [undefined, undefined],
 		};
 		return totals[assetType] || totals.default;
 	};
@@ -304,7 +304,7 @@ class TransactionReviewInformation extends PureComponent {
 			nativeCurrency,
 			currentCurrency,
 			conversionRate,
-			contractExchangeRates
+			contractExchangeRates,
 		} = this.props;
 
 		const { totalMinNative, totalMinConversion, totalMaxNative, totalMaxConversion } = calculateAmountsEIP1559({
@@ -315,7 +315,7 @@ class TransactionReviewInformation extends PureComponent {
 			gasFeeMinConversion,
 			gasFeeMinNative,
 			gasFeeMaxNative,
-			gasFeeMaxConversion
+			gasFeeMaxConversion,
 		});
 
 		let renderableTotalMinNative,
@@ -329,21 +329,21 @@ class TransactionReviewInformation extends PureComponent {
 					renderableTotalMinNative,
 					renderableTotalMinConversion,
 					renderableTotalMaxNative,
-					renderableTotalMaxConversion
+					renderableTotalMaxConversion,
 				] = calculateEthEIP1559({
 					nativeCurrency,
 					currentCurrency,
 					totalMinNative,
 					totalMinConversion,
 					totalMaxNative,
-					totalMaxConversion
+					totalMaxConversion,
 				});
 
 				return [
 					renderableTotalMinNative,
 					renderableTotalMinConversion,
 					renderableTotalMaxNative,
-					renderableTotalMaxConversion
+					renderableTotalMaxConversion,
 				];
 			},
 			ERC20: () => {
@@ -355,7 +355,7 @@ class TransactionReviewInformation extends PureComponent {
 					renderableTotalMinNative,
 					renderableTotalMinConversion,
 					renderableTotalMaxNative,
-					renderableTotalMaxConversion
+					renderableTotalMaxConversion,
 				] = calculateERC20EIP1559({
 					currentCurrency,
 					nativeCurrency,
@@ -366,13 +366,13 @@ class TransactionReviewInformation extends PureComponent {
 					totalMaxConversion,
 					symbol,
 					totalMinNative,
-					totalMaxNative
+					totalMaxNative,
 				});
 				return [
 					renderableTotalMinNative,
 					renderableTotalMinConversion,
 					renderableTotalMaxNative,
-					renderableTotalMaxConversion
+					renderableTotalMaxConversion,
 				];
 			},
 			ERC721: () => {
@@ -380,32 +380,32 @@ class TransactionReviewInformation extends PureComponent {
 					renderableTotalMinNative,
 					renderableTotalMinConversion,
 					renderableTotalMaxNative,
-					renderableTotalMaxConversion
+					renderableTotalMaxConversion,
 				] = calculateEthEIP1559({
 					nativeCurrency,
 					currentCurrency,
 					totalMinNative,
 					totalMinConversion,
 					totalMaxNative,
-					totalMaxConversion
+					totalMaxConversion,
 				});
 
-				renderableTotalMinNative = `${selectedAsset.name} ${' (#' +
-					selectedAsset.tokenId +
-					')'} + ${renderableTotalMinNative}`;
+				renderableTotalMinNative = `${selectedAsset.name} ${
+					' (#' + selectedAsset.tokenId + ')'
+				} + ${renderableTotalMinNative}`;
 
-				renderableTotalMaxNative = `${selectedAsset.name} ${' (#' +
-					selectedAsset.tokenId +
-					')'} + ${renderableTotalMaxNative}`;
+				renderableTotalMaxNative = `${selectedAsset.name} ${
+					' (#' + selectedAsset.tokenId + ')'
+				} + ${renderableTotalMaxNative}`;
 
 				return [
 					renderableTotalMinNative,
 					renderableTotalMinConversion,
 					renderableTotalMaxNative,
-					renderableTotalMaxConversion
+					renderableTotalMaxConversion,
 				];
 			},
-			default: () => [undefined, undefined]
+			default: () => [undefined, undefined],
 		};
 		return totals[assetType] || totals.default;
 	};
@@ -420,7 +420,7 @@ class TransactionReviewInformation extends PureComponent {
 		InteractionManager.runAfterInteractions(() => {
 			this.onCancelPress();
 			this.props.navigation.navigate('BrowserView', {
-				newTabUrl: mmFaucetUrl
+				newTabUrl: mmFaucetUrl,
 			});
 		});
 	};
@@ -435,17 +435,14 @@ class TransactionReviewInformation extends PureComponent {
 			onUpdatingValuesEnd,
 			animateOnChange,
 			isAnimating,
-			ready
+			ready,
 		} = this.props;
 		let host;
 		if (origin) {
 			host = new URL(origin).hostname;
 		}
-		const [
-			renderableTotalMinNative,
-			renderableTotalMinConversion,
-			renderableTotalMaxNative
-		] = this.getRenderTotalsEIP1559(EIP1559GasData)();
+		const [renderableTotalMinNative, renderableTotalMinConversion, renderableTotalMaxNative] =
+			this.getRenderTotalsEIP1559(EIP1559GasData)();
 		return (
 			<TransactionReviewEIP1559
 				totalNative={renderableTotalMinNative}
@@ -483,7 +480,7 @@ class TransactionReviewInformation extends PureComponent {
 			onUpdatingValuesStart,
 			onUpdatingValuesEnd,
 			animateOnChange,
-			isAnimating
+			isAnimating,
 		} = this.props;
 
 		const totalGas = isBN(gas) && isBN(gasPrice) ? gas.mul(gasPrice) : toBN('0x0');
@@ -518,7 +515,7 @@ class TransactionReviewInformation extends PureComponent {
 			over,
 			network,
 			showCustomNonce,
-			gasEstimateType
+			gasEstimateType,
 		} = this.props;
 		const { nonce } = this.props.transaction;
 
@@ -576,7 +573,7 @@ class TransactionReviewInformation extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	network: state.engine.backgroundState.NetworkController.network,
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
@@ -585,15 +582,12 @@ const mapStateToProps = state => ({
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 	primaryCurrency: state.settings.primaryCurrency,
 	showCustomNonce: state.settings.showCustomNonce,
-	nativeCurrency: state.engine.backgroundState.CurrencyRateController.nativeCurrency
+	nativeCurrency: state.engine.backgroundState.CurrencyRateController.nativeCurrency,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setNonce: nonce => dispatch(setNonce(nonce)),
-	setProposedNonce: nonce => dispatch(setProposedNonce(nonce))
+const mapDispatchToProps = (dispatch) => ({
+	setNonce: (nonce) => dispatch(setNonce(nonce)),
+	setProposedNonce: (nonce) => dispatch(setProposedNonce(nonce)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(TransactionReviewInformation);
+export default connect(mapStateToProps, mapDispatchToProps)(TransactionReviewInformation);
diff --git a/app/components/UI/TransactionReview/TransactionReviewInformation/index.test.js b/app/components/UI/TransactionReview/TransactionReviewInformation/index.test.js
index aea49bf8764..eb6bf2d59a0 100644
--- a/app/components/UI/TransactionReview/TransactionReviewInformation/index.test.js
+++ b/app/components/UI/TransactionReview/TransactionReviewInformation/index.test.js
@@ -11,21 +11,21 @@ describe('TransactionReviewInformation', () => {
 			engine: {
 				backgroundState: {
 					PreferencesController: {
-						selectedAddress: '0x2'
+						selectedAddress: '0x2',
 					},
 					TokenRatesController: {
-						contractExchangeRates: {}
+						contractExchangeRates: {},
 					},
 					CurrencyRateController: {
 						currentCurrency: 'usd',
-						conversionRate: 0.1
+						conversionRate: 0.1,
 					},
 					NetworkController: {
 						provider: {
-							ticker: 'ETH'
-						}
-					}
-				}
+							ticker: 'ETH',
+						},
+					},
+				},
 			},
 			transaction: {
 				value: '',
@@ -35,11 +35,11 @@ describe('TransactionReviewInformation', () => {
 				gasPrice: '',
 				to: '0x2',
 				selectedAsset: undefined,
-				assetType: undefined
+				assetType: undefined,
 			},
 			settings: {
-				primaryCurrency: 'ETH'
-			}
+				primaryCurrency: 'ETH',
+			},
 		};
 
 		const wrapper = shallow(
@@ -48,7 +48,7 @@ describe('TransactionReviewInformation', () => {
 				EIP1559GasData={{}}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/TransactionReview/TransactionReviewSummary/index.js b/app/components/UI/TransactionReview/TransactionReviewSummary/index.js
index fa760eb9ada..fa411e80a31 100644
--- a/app/components/UI/TransactionReview/TransactionReviewSummary/index.js
+++ b/app/components/UI/TransactionReview/TransactionReviewSummary/index.js
@@ -16,14 +16,14 @@ const styles = StyleSheet.create({
 		fontSize: 10,
 		paddingVertical: 4,
 		paddingHorizontal: 8,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	summary: {
 		backgroundColor: colors.beige,
 		padding: 24,
 		paddingTop: 12,
 		paddingBottom: 16,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	summaryPrimary: {
 		...fontStyles.normal,
@@ -32,20 +32,20 @@ const styles = StyleSheet.create({
 		paddingTop: 16,
 		paddingBottom: 4,
 		textTransform: 'uppercase',
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	summarySecondary: {
 		...fontStyles.normal,
 		color: colors.black,
 		fontSize: 24,
 		textTransform: 'uppercase',
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	warning: {
 		width: '100%',
 		paddingHorizontal: 24,
-		paddingTop: 12
-	}
+		paddingTop: 12,
+	},
 });
 
 /**
@@ -76,7 +76,7 @@ class TransactionReviewSummary extends PureComponent {
 		/**
 		 * ETH or fiat, depending on user setting
 		 */
-		primaryCurrency: PropTypes.string
+		primaryCurrency: PropTypes.string,
 	};
 
 	renderWarning = () => <Text>{`${strings('transaction.approve_warning')} ${this.props.assetAmount}`}</Text>;
diff --git a/app/components/UI/TransactionReview/TransactionReviewSummary/index.test.js b/app/components/UI/TransactionReview/TransactionReviewSummary/index.test.js
index e61275e4233..7ebd661d0d4 100644
--- a/app/components/UI/TransactionReview/TransactionReviewSummary/index.test.js
+++ b/app/components/UI/TransactionReview/TransactionReviewSummary/index.test.js
@@ -11,24 +11,24 @@ describe('TransactionReviewSummary', () => {
 			engine: {
 				backgroundState: {
 					TokenRatesController: {
-						contractExchangeRates: {}
+						contractExchangeRates: {},
 					},
 					CurrencyRateController: {
 						currentCurrency: 'usd',
-						conversionRate: 0.1
+						conversionRate: 0.1,
 					},
 					TokensController: {
-						tokens: []
+						tokens: [],
 					},
 					NetworkController: {
 						provider: {
-							ticker: 'ETH'
-						}
-					}
-				}
+							ticker: 'ETH',
+						},
+					},
+				},
 			},
 			settings: {
-				showHexData: true
+				showHexData: true,
 			},
 			transaction: {
 				value: '',
@@ -38,8 +38,8 @@ describe('TransactionReviewSummary', () => {
 				gasPrice: '',
 				to: '0x2',
 				selectedAsset: undefined,
-				assetType: undefined
-			}
+				assetType: undefined,
+			},
 		};
 
 		const wrapper = shallow(
@@ -48,7 +48,7 @@ describe('TransactionReviewSummary', () => {
 				transactionData={{ amount: 0, gas: 0, gasPrice: 1, from: '0x0' }}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/TransactionReview/index.js b/app/components/UI/TransactionReview/index.js
index afc56c67d41..2933c189b53 100644
--- a/app/components/UI/TransactionReview/index.js
+++ b/app/components/UI/TransactionReview/index.js
@@ -9,14 +9,14 @@ import {
 	getNormalizedTxState,
 	APPROVE_FUNCTION_SIGNATURE,
 	decodeTransferData,
-	getTicker
+	getTicker,
 } from '../../../util/transactions';
 import {
 	weiToFiat,
 	balanceToFiat,
 	renderFromTokenMinimalUnit,
 	renderFromWei,
-	fromTokenMinimalUnit
+	fromTokenMinimalUnit,
 } from '../../../util/number';
 import { safeToChecksumAddress } from '../../../util/address';
 import Device from '../../../util/device';
@@ -35,36 +35,36 @@ import { WALLET_CONNECT_ORIGIN } from '../../../util/walletconnect';
 const styles = StyleSheet.create({
 	tabUnderlineStyle: {
 		height: 2,
-		backgroundColor: colors.blue
+		backgroundColor: colors.blue,
 	},
 	tabStyle: {
 		paddingBottom: 0,
-		backgroundColor: colors.beige
+		backgroundColor: colors.beige,
 	},
 	textStyle: {
 		fontSize: 12,
 		letterSpacing: 0.5,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	actionViewWrapper: {
-		height: Device.isMediumDevice() ? 230 : 415
+		height: Device.isMediumDevice() ? 230 : 415,
 	},
 	actionViewChildren: {
-		height: 330
+		height: 330,
 	},
 	accountInfoCardWrapper: {
 		paddingHorizontal: 24,
-		paddingBottom: 12
+		paddingBottom: 12,
 	},
 	transactionData: {
 		position: 'absolute',
 		width: '100%',
-		height: '100%'
+		height: '100%',
 	},
 	hidden: {
 		opacity: 0,
-		height: 0
-	}
+		height: 0,
+	},
 });
 
 /**
@@ -186,7 +186,7 @@ class TransactionReview extends PureComponent {
 		/**
 		 * If it's a eip1559 network and dapp suggest legact gas then it should show a warning
 		 */
-		dappSuggestedGasWarning: PropTypes.bool
+		dappSuggestedGasWarning: PropTypes.bool,
 	};
 
 	state = {
@@ -197,7 +197,7 @@ class TransactionReview extends PureComponent {
 		error: undefined,
 		assetAmount: undefined,
 		conversionRate: undefined,
-		fiatValue: undefined
+		fiatValue: undefined,
 	};
 
 	componentDidMount = async () => {
@@ -207,7 +207,7 @@ class TransactionReview extends PureComponent {
 			transaction: { data, to },
 			tokens,
 			chainId,
-			ready
+			ready,
 		} = this.props;
 		let { showHexData } = this.props;
 		let assetAmount, conversionRate, fiatValue;
@@ -244,7 +244,7 @@ class TransactionReview extends PureComponent {
 			transaction: { value, selectedAsset, assetType },
 			currentCurrency,
 			contractExchangeRates,
-			ticker
+			ticker,
 		} = this.props;
 		const values = {
 			ETH: () => {
@@ -272,7 +272,7 @@ class TransactionReview extends PureComponent {
 				const fiatValue = selectedAsset.name;
 				return [assetAmount, conversionRate, fiatValue];
 			},
-			default: () => [undefined, undefined, undefined]
+			default: () => [undefined, undefined, undefined],
 		};
 		return values[assetType] || values.default;
 	};
@@ -313,7 +313,7 @@ class TransactionReview extends PureComponent {
 		if (transaction.origin && transaction.origin.includes(WALLET_CONNECT_ORIGIN)) {
 			return transaction.origin.split(WALLET_CONNECT_ORIGIN)[1];
 		}
-		browser.tabs.forEach(tab => {
+		browser.tabs.forEach((tab) => {
 			if (tab.id === browser.activeTab) {
 				url = tab.url;
 			}
@@ -339,7 +339,7 @@ class TransactionReview extends PureComponent {
 			isAnimating,
 			dappSuggestedGas,
 			navigation,
-			dappSuggestedGasWarning
+			dappSuggestedGasWarning,
 		} = this.props;
 		const { actionKey, error, assetAmount, conversionRate, fiatValue, approveTransaction } = this.state;
 		const currentPageInformation = { url: this.getUrlFromBrowser() };
@@ -395,7 +395,7 @@ class TransactionReview extends PureComponent {
 					style={[
 						styles.transactionData,
 						generateTransform('reviewToData', [Device.getDeviceWidth(), 0]),
-						hideData && styles.hidden
+						hideData && styles.hidden,
 					]}
 				>
 					<TransactionReviewData
@@ -410,7 +410,7 @@ class TransactionReview extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	tokens: state.engine.backgroundState.TokensController.tokens,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
@@ -421,7 +421,7 @@ const mapStateToProps = state => ({
 	showHexData: state.settings.showHexData,
 	transaction: getNormalizedTxState(state),
 	browser: state.browser,
-	primaryCurrency: state.settings.primaryCurrency
+	primaryCurrency: state.settings.primaryCurrency,
 });
 
 export default connect(mapStateToProps)(TransactionReview);
diff --git a/app/components/UI/TransactionReview/index.test.js b/app/components/UI/TransactionReview/index.test.js
index c1089514cb7..854659b50d6 100644
--- a/app/components/UI/TransactionReview/index.test.js
+++ b/app/components/UI/TransactionReview/index.test.js
@@ -12,32 +12,32 @@ describe('TransactionReview', () => {
 			engine: {
 				backgroundState: {
 					PreferencesController: {
-						selectedAddress: '0x2'
+						selectedAddress: '0x2',
 					},
 					AccountTrackerController: {
-						accounts: []
+						accounts: [],
 					},
 					TokensController: {
-						tokens: []
+						tokens: [],
 					},
 					CurrencyRateController: {
-						currentCurrency: 'usd'
+						currentCurrency: 'usd',
 					},
 					TokenRatesController: {
 						contractExchangeRates: {
-							'0x': '0.1'
-						}
+							'0x': '0.1',
+						},
 					},
 					NetworkController: {
 						provider: {
-							ticker: 'ETH'
-						}
-					}
-				}
+							ticker: 'ETH',
+						},
+					},
+				},
 			},
 			settings: {
 				showHexData: true,
-				primaryCurrency: 'ETH'
+				primaryCurrency: 'ETH',
 			},
 			transaction: {
 				value: '',
@@ -47,11 +47,11 @@ describe('TransactionReview', () => {
 				gasPrice: '',
 				to: '0x2',
 				selectedAsset: undefined,
-				assetType: undefined
+				assetType: undefined,
 			},
 			browser: {
-				tabs: []
-			}
+				tabs: [],
+			},
 		};
 
 		const wrapper = shallow(
@@ -61,7 +61,7 @@ describe('TransactionReview', () => {
 				generateTransform={generateTransform}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/Transactions/index.js b/app/components/UI/Transactions/index.js
index 915e08bdd72..022228f3035 100644
--- a/app/components/UI/Transactions/index.js
+++ b/app/components/UI/Transactions/index.js
@@ -11,7 +11,7 @@ import {
 	FlatList,
 	Dimensions,
 	InteractionManager,
-	TouchableOpacity
+	TouchableOpacity,
 } from 'react-native';
 import { getNetworkTypeById, findBlockExplorerForRpc, getBlockExplorerName } from '../../../util/networks';
 import { getEtherscanAddressUrl, getEtherscanBaseUrl } from '../../../util/etherscan';
@@ -33,33 +33,33 @@ import BigNumber from 'bignumber.js';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	emptyContainer: {
 		flex: 1,
 		justifyContent: 'center',
 		alignItems: 'center',
 		backgroundColor: colors.white,
-		minHeight: Dimensions.get('window').height / 2
+		minHeight: Dimensions.get('window').height / 2,
 	},
 	loader: {
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	text: {
 		fontSize: 20,
 		color: colors.fontTertiary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	viewMoreBody: {
 		marginBottom: 36,
-		marginTop: 24
+		marginTop: 24,
 	},
 	viewOnEtherscan: {
 		fontSize: 16,
 		color: colors.blue,
 		...fontStyles.normal,
-		textAlign: 'center'
-	}
+		textAlign: 'center',
+	},
 });
 
 const ROW_HEIGHT = (Device.isIos() ? 95 : 100) + StyleSheet.hairlineWidth;
@@ -150,11 +150,11 @@ class Transactions extends PureComponent {
 		/**
 		 * The network native currency
 		 */
-		nativeCurrency: PropTypes.string
+		nativeCurrency: PropTypes.string,
 	};
 
 	static defaultProps = {
-		headerHeight: 0
+		headerHeight: 0,
 	};
 
 	state = {
@@ -165,7 +165,7 @@ class Transactions extends PureComponent {
 		cancelConfirmDisabled: false,
 		speedUpIsOpen: false,
 		speedUpConfirmDisabled: false,
-		rpcBlockExplorer: undefined
+		rpcBlockExplorer: undefined,
 	};
 
 	existingGas = null;
@@ -186,9 +186,9 @@ class Transactions extends PureComponent {
 
 		const {
 			network: {
-				provider: { rpcTarget, type }
+				provider: { rpcTarget, type },
 			},
-			frequentRpcList
+			frequentRpcList,
 		} = this.props;
 		let blockExplorer;
 		if (type === RPC) {
@@ -202,7 +202,7 @@ class Transactions extends PureComponent {
 		const txToView = NotificationManager.getTransactionToView();
 		if (txToView) {
 			setTimeout(() => {
-				const index = this.props.transactions.findIndex(tx => txToView === tx.id);
+				const index = this.props.transactions.findIndex((tx) => txToView === tx.id);
 				if (index >= 0) {
 					this.toggleDetailsView(txToView, index);
 				}
@@ -214,7 +214,7 @@ class Transactions extends PureComponent {
 		this.mounted = false;
 	}
 
-	scrollToIndex = index => {
+	scrollToIndex = (index) => {
 		if (!this.scrolling && (this.props.headerHeight || index)) {
 			this.scrolling = true;
 			// eslint-disable-next-line no-unused-expressions
@@ -236,7 +236,7 @@ class Transactions extends PureComponent {
 				this.toggleDetailsView(id, index);
 			});
 		} else {
-			this.setState(state => {
+			this.setState((state) => {
 				const selectedTx = new Map(state.selectedTx);
 				const show = !selectedTx.get(id);
 				selectedTx.set(id, show);
@@ -280,10 +280,10 @@ class Transactions extends PureComponent {
 			navigation,
 			network: {
 				network,
-				provider: { type }
+				provider: { type },
 			},
 			selectedAddress,
-			close
+			close,
 		} = this.props;
 		const { rpcBlockExplorer } = this.state;
 		try {
@@ -301,8 +301,8 @@ class Transactions extends PureComponent {
 				screen: 'SimpleWebview',
 				params: {
 					url,
-					title
-				}
+					title,
+				},
 			});
 			close && close();
 		} catch (e) {
@@ -328,10 +328,10 @@ class Transactions extends PureComponent {
 	getItemLayout = (data, index) => ({
 		length: ROW_HEIGHT,
 		offset: this.props.headerHeight + ROW_HEIGHT * index,
-		index
+		index,
 	});
 
-	keyExtractor = item => item.id.toString();
+	keyExtractor = (item) => item.id.toString();
 
 	onSpeedUpAction = (speedUpAction, existingGas, tx) => {
 		this.setState({ speedUpIsOpen: speedUpAction });
@@ -410,7 +410,7 @@ class Transactions extends PureComponent {
 			header,
 			currentCurrency,
 			conversionRate,
-			nativeCurrency
+			nativeCurrency,
 		} = this.props;
 		const { cancelConfirmDisabled, speedUpConfirmDisabled } = this.state;
 		const transactions =
@@ -435,15 +435,13 @@ class Transactions extends PureComponent {
 						selectedGasFee: {
 							suggestedMaxFeePerGas: newDecMaxFeePerGas,
 							suggestedMaxPriorityFeePerGas: newDecMaxPriorityFeePerGas,
-							suggestedGasLimit: '1'
-						}
+							suggestedGasLimit: '1',
+						},
 					},
 					{ onlyGas: true }
 				);
 
-				return `Max fee\n ${gasEIP1559.renderableMaxFeePerGasNative} \n\n Max priority fee\n ${
-					gasEIP1559.renderableMaxPriorityFeeNative
-				}`;
+				return `Max fee\n ${gasEIP1559.renderableMaxFeePerGasNative} \n\n Max priority fee\n ${gasEIP1559.renderableMaxPriorityFeeNative}`;
 			}
 			return `${renderFromWei(Math.floor(this.existingGas.gasPrice * SPEED_UP_RATE))} ${strings('unit.eth')}`;
 		};
@@ -465,15 +463,13 @@ class Transactions extends PureComponent {
 						selectedGasFee: {
 							suggestedMaxFeePerGas: newDecMaxFeePerGas,
 							suggestedMaxPriorityFeePerGas: newDecMaxPriorityFeePerGas,
-							suggestedGasLimit: '1'
-						}
+							suggestedGasLimit: '1',
+						},
 					},
 					{ onlyGas: true }
 				);
 
-				return `Max fee per gas\n ${gasEIP1559.renderableMaxFeePerGasNative} \n\n Max priority fee per gas\n ${
-					gasEIP1559.renderableMaxPriorityFeeNative
-				}`;
+				return `Max fee per gas\n ${gasEIP1559.renderableMaxFeePerGasNative} \n\n Max priority fee per gas\n ${gasEIP1559.renderableMaxPriorityFeeNative}`;
 			}
 			return `${renderFromWei(Math.floor(this.existingGas.gasPrice * CANCEL_RATE))} ${strings('unit.eth')}`;
 		};
@@ -529,7 +525,7 @@ class Transactions extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	collectibleContracts: state.engine.backgroundState.CollectiblesController.collectibleContracts,
 	contractExchangeRates: state.engine.backgroundState.TokenRatesController.contractExchangeRates,
@@ -543,14 +539,11 @@ const mapStateToProps = state => ({
 		tokens[token.address] = token;
 		return tokens;
 	}, {}),
-	nativeCurrency: state.engine.backgroundState.CurrencyRateController.nativeCurrency
+	nativeCurrency: state.engine.backgroundState.CurrencyRateController.nativeCurrency,
 });
 
-const mapDispatchToProps = dispatch => ({
-	showAlert: config => dispatch(showAlert(config))
+const mapDispatchToProps = (dispatch) => ({
+	showAlert: (config) => dispatch(showAlert(config)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Transactions);
+export default connect(mapStateToProps, mapDispatchToProps)(Transactions);
diff --git a/app/components/UI/Transactions/index.test.js b/app/components/UI/Transactions/index.test.js
index da0fc8cb104..0adf9852ed9 100644
--- a/app/components/UI/Transactions/index.test.js
+++ b/app/components/UI/Transactions/index.test.js
@@ -14,34 +14,34 @@ describe('Transactions', () => {
 				backgroundState: {
 					PreferencesController: {
 						selectedAddress: '0x0',
-						identities: { '0xbar': { name: 'Account 1', address: '0x0', importTime: Date.now() } }
+						identities: { '0xbar': { name: 'Account 1', address: '0x0', importTime: Date.now() } },
 					},
 					AccountTrackerController: {
-						accounts: {}
+						accounts: {},
 					},
 					TokensController: {
-						tokens: []
+						tokens: [],
 					},
 					TokenRatesController: {
-						contractExchangeRates: {}
+						contractExchangeRates: {},
 					},
 					CollectiblesController: {
-						collectibleContracts: {}
+						collectibleContracts: {},
 					},
 					CurrencyRateController: {
 						currentCurrency: 'USD',
-						conversionRate: 1
+						conversionRate: 1,
 					},
 					NetworkController: {
 						provider: {
-							chainId: '1'
-						}
-					}
-				}
+							chainId: '1',
+						},
+					},
+				},
 			},
 			privacy: {
-				thirdPartyApiMode: true
-			}
+				thirdPartyApiMode: true,
+			},
 		};
 
 		const wrapper = shallow(
@@ -60,15 +60,15 @@ describe('Transactions', () => {
 							gasPrice: '0x37e11d600',
 							nonce: '0x2e',
 							to: '0xe46abaf75cfbff815c0b7ffed6f02b0760ea27f1',
-							value: '0xfa1c6d5030000'
+							value: '0xfa1c6d5030000',
 						},
-						transactionHash: '0x79ce2d56aaa4735b2bb602ae3a501d9055350a6ec3fb3bd457ba18e8fa4aa2ae'
-					}
+						transactionHash: '0x79ce2d56aaa4735b2bb602ae3a501d9055350a6ec3fb3bd457ba18e8fa4aa2ae',
+					},
 				]}
 				loading={false}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/TypedSign/index.js b/app/components/UI/TypedSign/index.js
index 0ec7ed83c99..96cd73e8a9d 100644
--- a/app/components/UI/TypedSign/index.js
+++ b/app/components/UI/TypedSign/index.js
@@ -16,24 +16,24 @@ const styles = StyleSheet.create({
 	messageText: {
 		color: colors.black,
 		...fontStyles.normal,
-		fontFamily: Device.isIos() ? 'Courier' : 'Roboto'
+		fontFamily: Device.isIos() ? 'Courier' : 'Roboto',
 	},
 	message: {
-		marginLeft: 10
+		marginLeft: 10,
 	},
 	truncatedMessageWrapper: {
 		marginBottom: 4,
-		overflow: 'hidden'
+		overflow: 'hidden',
 	},
 	iosHeight: {
-		height: 70
+		height: 70,
 	},
 	androidHeight: {
-		height: 97
+		height: 97,
 	},
 	msgKey: {
-		fontWeight: 'bold'
-	}
+		fontWeight: 'bold',
+	},
 });
 
 /**
@@ -68,11 +68,11 @@ export default class TypedSign extends PureComponent {
 		/**
 		 * Indicated whether or not the expanded message is shown
 		 */
-		showExpandedMessage: PropTypes.bool
+		showExpandedMessage: PropTypes.bool,
 	};
 
 	state = {
-		truncateMessage: false
+		truncateMessage: false,
 	};
 
 	getAnalyticsParams = () => {
@@ -87,7 +87,7 @@ export default class TypedSign extends PureComponent {
 				network_name: type,
 				chain_id: chainId,
 				sign_type: 'typed',
-				version: messageParams?.version
+				version: messageParams?.version,
 			};
 		} catch (error) {
 			return {};
@@ -108,7 +108,7 @@ export default class TypedSign extends PureComponent {
 					title: confirmation
 						? strings('notifications.wc_signed_title')
 						: strings('notifications.wc_signed_rejected_title'),
-					description: strings('notifications.wc_description')
+					description: strings('notifications.wc_description'),
 				});
 		});
 	};
@@ -144,7 +144,7 @@ export default class TypedSign extends PureComponent {
 		this.props.onConfirm();
 	};
 
-	shouldTruncateMessage = e => {
+	shouldTruncateMessage = (e) => {
 		if (
 			(Device.isIos() && e.nativeEvent.layout.height > 70) ||
 			(Device.isAndroid() && e.nativeEvent.layout.height > 100)
@@ -155,8 +155,8 @@ export default class TypedSign extends PureComponent {
 		this.setState({ truncateMessage: false });
 	};
 
-	renderTypedMessageV3 = obj =>
-		Object.keys(obj).map(key => (
+	renderTypedMessageV3 = (obj) =>
+		Object.keys(obj).map((key) => (
 			<View style={styles.message} key={key}>
 				{obj[key] && typeof obj[key] === 'object' ? (
 					<View>
diff --git a/app/components/UI/UrlAutocomplete/index.js b/app/components/UI/UrlAutocomplete/index.js
index 48b325a0795..3a2c72fd0a6 100644
--- a/app/components/UI/UrlAutocomplete/index.js
+++ b/app/components/UI/UrlAutocomplete/index.js
@@ -12,43 +12,43 @@ const styles = StyleSheet.create({
 	wrapper: {
 		paddingVertical: 15,
 		flex: 1,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	bookmarkIco: {
 		width: 26,
 		height: 26,
 		marginRight: 7,
-		borderRadius: 13
+		borderRadius: 13,
 	},
 	fallbackTextStyle: {
-		fontSize: 12
+		fontSize: 12,
 	},
 	name: {
 		fontSize: 14,
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	url: {
 		fontSize: 12,
 		color: colors.fontSecondary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	item: {
 		flex: 1,
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	itemWrapper: {
 		flexDirection: 'row',
 		marginBottom: 20,
-		paddingHorizontal: 15
+		paddingHorizontal: 15,
 	},
 	textContent: {
 		flex: 1,
-		marginLeft: 10
+		marginLeft: 10,
 	},
 	bg: {
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
 /**
@@ -74,11 +74,11 @@ class UrlAutocomplete extends PureComponent {
 		/**
 		 * An array of visited urls and names
 		 */
-		browserHistory: PropTypes.array
+		browserHistory: PropTypes.array,
 	};
 
 	state = {
-		results: []
+		results: [],
 	};
 
 	componentDidMount() {
@@ -100,7 +100,10 @@ class UrlAutocomplete extends PureComponent {
 			distance: 100,
 			maxPatternLength: 32,
 			minMatchCharLength: 1,
-			keys: [{ name: 'name', weight: 0.5 }, { name: 'url', weight: 0.5 }]
+			keys: [
+				{ name: 'name', weight: 0.5 },
+				{ name: 'url', weight: 0.5 },
+			],
 		});
 
 		this.timer = null;
@@ -187,7 +190,7 @@ class UrlAutocomplete extends PureComponent {
 		}
 		return (
 			<View style={styles.wrapper}>
-				{this.state.results.slice(0, 3).map(r => {
+				{this.state.results.slice(0, 3).map((r) => {
 					const { url, name } = r;
 					const onPress = () => {
 						this.props.onSubmit(url);
@@ -202,8 +205,8 @@ class UrlAutocomplete extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	browserHistory: state.browser.history
+const mapStateToProps = (state) => ({
+	browserHistory: state.browser.history,
 });
 
 export default connect(mapStateToProps)(UrlAutocomplete);
diff --git a/app/components/UI/WarningExistingUserModal/index.js b/app/components/UI/WarningExistingUserModal/index.js
index f20869a7d28..634d23543c2 100644
--- a/app/components/UI/WarningExistingUserModal/index.js
+++ b/app/components/UI/WarningExistingUserModal/index.js
@@ -7,25 +7,25 @@ import ActionModal from '../ActionModal';
 
 const styles = StyleSheet.create({
 	warningModalView: {
-		margin: 24
+		margin: 24,
 	},
 	warningModalTitle: {
 		...fontStyles.bold,
 		color: colors.red,
 		textAlign: 'center',
 		fontSize: 20,
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	warningModalText: {
 		...fontStyles.normal,
 		color: colors.black,
 		textAlign: 'center',
 		fontSize: 14,
-		lineHeight: 18
+		lineHeight: 18,
 	},
 	warningModalTextBold: {
-		...fontStyles.bold
-	}
+		...fontStyles.bold,
+	},
 });
 
 const Default = () => (
@@ -52,7 +52,7 @@ export default function WarningExistingUserModal({
 	onConfirmPress,
 	children,
 	cancelText,
-	confirmText
+	confirmText,
 }) {
 	return (
 		<ActionModal
@@ -92,5 +92,5 @@ WarningExistingUserModal.propTypes = {
 	/**
 	 * Confirm callback
 	 */
-	onConfirmPress: PropTypes.func.isRequired
+	onConfirmPress: PropTypes.func.isRequired,
 };
diff --git a/app/components/UI/WatchAssetRequest/index.js b/app/components/UI/WatchAssetRequest/index.js
index 01d37bdf901..de76bb7491d 100644
--- a/app/components/UI/WatchAssetRequest/index.js
+++ b/app/components/UI/WatchAssetRequest/index.js
@@ -18,7 +18,7 @@ const styles = StyleSheet.create({
 		borderTopLeftRadius: 10,
 		borderTopRightRadius: 10,
 		paddingBottom: Device.isIphoneX() ? 20 : 0,
-		minHeight: Device.isIos() ? '50%' : '60%'
+		minHeight: Device.isIos() ? '50%' : '60%',
 	},
 	title: {
 		textAlign: 'center',
@@ -26,56 +26,56 @@ const styles = StyleSheet.create({
 		marginVertical: 12,
 		marginHorizontal: 20,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	text: {
 		...fontStyles.normal,
 		fontSize: 16,
 		paddingTop: 25,
-		paddingHorizontal: 10
+		paddingHorizontal: 10,
 	},
 	tokenInformation: {
 		flexDirection: 'row',
 		marginHorizontal: 40,
 		flex: 1,
 		alignItems: 'flex-start',
-		marginVertical: 30
+		marginVertical: 30,
 	},
 	tokenInfo: {
 		flex: 1,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	infoTitleWrapper: {
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	infoTitle: {
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	infoBalance: {
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	infoToken: {
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	token: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	identicon: {
-		paddingVertical: 10
+		paddingVertical: 10,
 	},
 	signText: {
 		...fontStyles.normal,
-		fontSize: 16
+		fontSize: 16,
 	},
 	addMessage: {
 		flexDirection: 'row',
-		margin: 20
+		margin: 20,
 	},
 	children: {
 		alignItems: 'center',
 		borderTopColor: colors.grey200,
-		borderTopWidth: 1
-	}
+		borderTopWidth: 1,
+	},
 });
 
 /**
@@ -102,14 +102,14 @@ class WatchAssetRequest extends PureComponent {
 		/**
 		 * Object containing current page title, url, and icon href
 		 */
-		currentPageInformation: PropTypes.object
+		currentPageInformation: PropTypes.object,
 	};
 
 	getAnalyticsParams = () => {
 		try {
 			const {
 				suggestedAssetMeta: { asset },
-				currentPageInformation
+				currentPageInformation,
 			} = this.props;
 
 			const { NetworkController } = Engine.context;
@@ -123,7 +123,7 @@ class WatchAssetRequest extends PureComponent {
 				dapp_url: currentPageInformation?.url,
 				network_name: type,
 				chain_id: chainId,
-				source: 'Dapp suggested (watchAsset)'
+				source: 'Dapp suggested (watchAsset)',
 			};
 		} catch (error) {
 			return {};
@@ -147,7 +147,7 @@ class WatchAssetRequest extends PureComponent {
 	render() {
 		const {
 			suggestedAssetMeta: { asset },
-			contractBalances
+			contractBalances,
 		} = this.props;
 		const balance =
 			asset.address in contractBalances
@@ -185,7 +185,7 @@ class WatchAssetRequest extends PureComponent {
 											<TokenImage
 												asset={{
 													...asset,
-													logo: asset.image
+													logo: asset.image,
 												}}
 												logoDefined
 											/>
@@ -214,8 +214,8 @@ class WatchAssetRequest extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	contractBalances: state.engine.backgroundState.TokenBalancesController.contractBalances
+const mapStateToProps = (state) => ({
+	contractBalances: state.engine.backgroundState.TokenBalancesController.contractBalances,
 });
 
 export default connect(mapStateToProps)(WatchAssetRequest);
diff --git a/app/components/UI/WatchAssetRequest/index.test.js b/app/components/UI/WatchAssetRequest/index.test.js
index 9b8c2545128..fd23ffeaf5b 100644
--- a/app/components/UI/WatchAssetRequest/index.test.js
+++ b/app/components/UI/WatchAssetRequest/index.test.js
@@ -12,16 +12,16 @@ describe('WatchAssetRequest', () => {
 			engine: {
 				backgroundState: {
 					TokenBalancesController: {
-						contractBalances: { '0x2': new BN(0) }
-					}
-				}
-			}
+						contractBalances: { '0x2': new BN(0) },
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(
 			<WatchAssetRequest suggestedAssetMeta={{ asset: { address: '0x2', symbol: 'TKN', decimals: 0 } }} />,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/UI/WebsiteIcon/index.js b/app/components/UI/WebsiteIcon/index.js
index dee998d5ed3..d58b1a4f5e6 100644
--- a/app/components/UI/WebsiteIcon/index.js
+++ b/app/components/UI/WebsiteIcon/index.js
@@ -12,15 +12,15 @@ const styles = StyleSheet.create({
 		borderRadius: 27,
 		height: 54,
 		justifyContent: 'center',
-		width: 54
+		width: 54,
 	},
 	fallbackText: {
 		...fontStyles.normal,
 		color: colors.white,
 		fontSize: 24,
 		textAlign: 'center',
-		textTransform: 'uppercase'
-	}
+		textTransform: 'uppercase',
+	},
 });
 
 /**
@@ -56,17 +56,17 @@ export default class WebsiteIcon extends PureComponent {
 		/**
 		 * Icon image to use, this substitutes getting the icon from the url
 		 */
-		icon: PropTypes.string
+		icon: PropTypes.string,
 	};
 
 	state = {
-		renderIconUrlError: false
+		renderIconUrlError: false,
 	};
 
 	/**
 	 * Get image url from favicon api
 	 */
-	getIconUrl = url => {
+	getIconUrl = (url) => {
 		const iconUrl = `https://api.faviconkit.com/${getHost(url)}/64`;
 		return iconUrl;
 	};
diff --git a/app/components/UI/WebviewError/index.js b/app/components/UI/WebviewError/index.js
index 21637f34fff..71764d167fa 100644
--- a/app/components/UI/WebviewError/index.js
+++ b/app/components/UI/WebviewError/index.js
@@ -13,47 +13,47 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		justifyContent: 'center',
 		alignItems: 'center',
-		zIndex: 99999999999999
+		zIndex: 99999999999999,
 	},
 	foxWrapper: {
 		backgroundColor: colors.white,
 		marginTop: -100,
 		width: 110,
 		marginBottom: 20,
-		height: 110
+		height: 110,
 	},
 	textWrapper: {
 		width: 300,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	image: {
 		alignSelf: 'center',
 		width: 110,
-		height: 110
+		height: 110,
 	},
 	errorTitle: {
 		color: colors.fontPrimary,
 		...fontStyles.bold,
 		fontSize: 18,
-		marginBottom: 15
+		marginBottom: 15,
 	},
 	errorMessage: {
 		textAlign: 'center',
 		color: colors.fontSecondary,
 		...fontStyles.normal,
 		fontSize: 14,
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	errorInfo: {
 		color: colors.fontTertiary,
 		...fontStyles.normal,
-		fontSize: 12
+		fontSize: 12,
 	},
 	buttonWrapper: {
 		width: 120,
-		marginTop: 30
-	}
+		marginTop: 30,
+	},
 });
 
 /**
@@ -68,11 +68,11 @@ export default class WebviewError extends PureComponent {
 		/**
 		 * Function that reloads the page
 		 */
-		onReload: PropTypes.func
+		onReload: PropTypes.func,
 	};
 
 	static defaultProps = {
-		error: false
+		error: false,
 	};
 
 	onReload = () => {
diff --git a/app/components/UI/WebviewProgressBar/index.js b/app/components/UI/WebviewProgressBar/index.js
index c5f72aa006d..a3bf7e3f679 100644
--- a/app/components/UI/WebviewProgressBar/index.js
+++ b/app/components/UI/WebviewProgressBar/index.js
@@ -11,7 +11,7 @@ import FadeView from '../FadeView';
  */
 export default class WebviewProgressBar extends PureComponent {
 	state = {
-		visible: true
+		visible: true,
 	};
 
 	static propTypes = {
@@ -19,7 +19,7 @@ export default class WebviewProgressBar extends PureComponent {
 		 * Float that represents the progress complete
 		 * between 0 and 1
 		 */
-		progress: PropTypes.any
+		progress: PropTypes.any,
 	};
 
 	componentDidMount() {
diff --git a/app/components/UI/WhatsNewModal/index.js b/app/components/UI/WhatsNewModal/index.js
index d1e9e19b8a7..d55b5e79b06 100644
--- a/app/components/UI/WhatsNewModal/index.js
+++ b/app/components/UI/WhatsNewModal/index.js
@@ -7,7 +7,7 @@ import {
 	ScrollView,
 	TouchableWithoutFeedback,
 	Image,
-	InteractionManager
+	InteractionManager,
 } from 'react-native';
 import { useNavigationState } from '@react-navigation/native';
 import ActionModal from '../ActionModal';
@@ -27,7 +27,7 @@ const styles = StyleSheet.create({
 	wrapper: {
 		marginTop: 24,
 		maxHeight: Device.getDeviceHeight() - 200,
-		flex: 1
+		flex: 1,
 	},
 	button: {
 		marginTop: 16,
@@ -35,51 +35,51 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		borderRadius: 50,
 		padding: 12,
-		paddingHorizontal: 34
+		paddingHorizontal: 34,
 	},
 	buttonText: {
 		color: colors.blue,
 		textAlign: 'center',
 		...fontStyles.normal,
-		fontWeight: '500'
+		fontWeight: '500',
 	},
 	header: {
 		flexDirection: 'row',
 		alignItems: 'center',
 		justifyContent: 'center',
 		marginBottom: 24,
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	headerCenterAux: {
-		flex: 1
+		flex: 1,
 	},
 	headerClose: {
 		flex: 1,
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	headerText: {
 		...fontStyles.bold,
 		fontSize: 18,
-		color: colors.black
+		color: colors.black,
 	},
 	newFeatureImageContainer: {
 		flexDirection: 'row',
 		flex: 1,
 		borderRadius: 10,
-		marginBottom: 24
+		marginBottom: 24,
 	},
 	newFeatureImage: {
 		flex: 1,
 		borderRadius: 10,
 		width: scaling.scale(280, { baseModel: 1 }),
-		height: scaling.scale(128, { baseModel: 1 })
+		height: scaling.scale(128, { baseModel: 1 }),
 	},
 	newFeatureTitle: {
 		...fontStyles.bold,
 		fontSize: 16,
 		marginBottom: 12,
 		textAlign: 'center',
-		color: colors.black
+		color: colors.black,
 	},
 	newFeatureText: {
 		...fontStyles.normal,
@@ -87,22 +87,22 @@ const styles = StyleSheet.create({
 		lineHeight: 20,
 		textAlign: 'center',
 		color: colors.black,
-		marginBottom: 12
+		marginBottom: 12,
 	},
 	buttonContainer: {
 		flexDirection: 'row',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	featureContainer: {
 		marginBottom: 25,
-		paddingHorizontal: 24
-	}
+		paddingHorizontal: 24,
+	},
 });
 
-const WhatsNewModal = props => {
+const WhatsNewModal = (props) => {
 	const [featuresToShow, setFeaturesToShow] = useState(null);
 	const [show, setShow] = useState(false);
-	const routes = useNavigationState(state => state.routes);
+	const routes = useNavigationState((state) => state.routes);
 
 	useEffect(() => {
 		const shouldShow = async () => {
@@ -114,7 +114,7 @@ const WhatsNewModal = props => {
 
 			let showFeatures = [];
 
-			whatsNew.forEach(feature => {
+			whatsNew.forEach((feature) => {
 				const seen =
 					!!whatsNewAppVersionSeen &&
 					compareVersions.compare(whatsNewAppVersionSeen, feature.minAppVersion, '>=');
@@ -148,7 +148,7 @@ const WhatsNewModal = props => {
 		await AsyncStorage.setItem(WHATS_NEW_APP_VERSION_SEEN, version);
 	};
 
-	const callButton = feature => {
+	const callButton = (feature) => {
 		closeModal();
 		feature.buttonPress && feature.buttonPress(props);
 	};
@@ -228,7 +228,7 @@ WhatsNewModal.propTypes = {
 	/**
 	 * Showing the modal is enabled
 	 */
-	enabled: PropTypes.bool
+	enabled: PropTypes.bool,
 };
 
 export default WhatsNewModal;
diff --git a/app/components/UI/WhatsNewModal/whatsNewList.js b/app/components/UI/WhatsNewModal/whatsNewList.js
index 5066e1c381f..02a1c7b1473 100644
--- a/app/components/UI/WhatsNewModal/whatsNewList.js
+++ b/app/components/UI/WhatsNewModal/whatsNewList.js
@@ -11,11 +11,11 @@ export const whatsNew = [
 				title: strings('whats_new.feature_security_settings_title'),
 				text: strings('whats_new.feature_security_settings_text'),
 				buttonText: strings('whats_new.feature_security_settings_button'),
-				buttonPress: props => props.navigation.navigate('SettingsView', { screen: 'SecuritySettings' }),
-				image: require('../../../images/whats-new-security.png')
-			}
-		]
-	}
+				buttonPress: (props) => props.navigation.navigate('SettingsView', { screen: 'SecuritySettings' }),
+				image: require('../../../images/whats-new-security.png'), // eslint-disable-line
+			},
+		],
+	},
 ];
 
 export default whatsNew;
diff --git a/app/components/Views/AccountBackupStep1/index.js b/app/components/Views/AccountBackupStep1/index.js
index b76a23c3408..eb00e4c46ab 100644
--- a/app/components/Views/AccountBackupStep1/index.js
+++ b/app/components/Views/AccountBackupStep1/index.js
@@ -22,89 +22,89 @@ import DefaultPreference from 'react-native-default-preference';
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	scrollviewWrapper: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	wrapper: {
 		flex: 1,
 		padding: 20,
 		paddingTop: 0,
-		paddingBottom: 0
+		paddingBottom: 0,
 	},
 	content: {
 		alignItems: 'center',
 		justifyContent: 'flex-start',
 		flex: 1,
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	title: {
 		fontSize: 24,
 		marginBottom: 24,
 		color: colors.fontPrimary,
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	text: {
 		marginTop: 32,
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	label: {
 		lineHeight: scaling.scale(20),
 		fontSize: scaling.scale(14),
 		color: colors.fontPrimary,
 		textAlign: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	buttonWrapper: {
 		flex: 1,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	bold: {
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	blue: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	remindLaterText: {
 		textAlign: 'center',
 		fontSize: 15,
 		lineHeight: 20,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	remindLaterSubText: {
 		textAlign: 'center',
 		fontSize: 11,
 		lineHeight: 20,
 		color: colors.grey600,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	startSubText: {
 		textAlign: 'center',
 		fontSize: 11,
 		marginTop: 12,
 		color: colors.grey600,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	remindLaterContainer: {
-		marginBottom: 34
+		marginBottom: 34,
 	},
 	remindLaterButton: {
 		elevation: 10,
-		zIndex: 10
+		zIndex: 10,
 	},
 	ctaContainer: {
-		marginBottom: 30
-	}
+		marginBottom: 30,
+	},
 });
 
 /**
  * View that's shown during the first step of
  * the backup seed phrase flow
  */
-const AccountBackupStep1 = props => {
+const AccountBackupStep1 = (props) => {
 	const [showRemindLaterModal, setRemindLaterModal] = useState(false);
 	const [showWhatIsSeedphraseModal, setWhatIsSeedphraseModal] = useState(false);
 	const [skipCheckbox, setToggleSkipCheckbox] = useState(false);
@@ -255,20 +255,17 @@ AccountBackupStep1.propTypes = {
 	/**
 	 * Action to set onboarding wizard step
 	 */
-	setOnboardingWizardStep: PropTypes.func
+	setOnboardingWizardStep: PropTypes.func,
 };
 
 AccountBackupStep1.navigationOptions = ({ navigation, route }) => ({
 	// eslint-disable-next-line react/display-name
 	...getOnboardingNavbarOptions(navigation, route, { headerLeft: () => <View /> }),
-	gesturesEnabled: false
+	gesturesEnabled: false,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(AccountBackupStep1);
+export default connect(null, mapDispatchToProps)(AccountBackupStep1);
diff --git a/app/components/Views/AccountBackupStep1/index.test.js b/app/components/Views/AccountBackupStep1/index.test.js
index b904991c5ab..eeb6d888071 100644
--- a/app/components/Views/AccountBackupStep1/index.test.js
+++ b/app/components/Views/AccountBackupStep1/index.test.js
@@ -12,15 +12,15 @@ describe('AccountBackupStep1', () => {
 				backgroundState: {
 					NetworkController: {
 						provider: {
-							chainId: '1'
-						}
-					}
-				}
-			}
+							chainId: '1',
+						},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<AccountBackupStep1 />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
diff --git a/app/components/Views/AccountBackupStep1B/index.js b/app/components/Views/AccountBackupStep1B/index.js
index 93fab74b1a1..d95aeb032de 100644
--- a/app/components/Views/AccountBackupStep1B/index.js
+++ b/app/components/Views/AccountBackupStep1B/index.js
@@ -22,20 +22,20 @@ const IMG_PADDING = Device.isIphoneX() ? 100 : Device.isIphone5S() ? 180 : 220;
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	scrollviewWrapper: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	wrapper: {
 		flex: 1,
 		padding: 20,
 		paddingTop: 0,
-		paddingBottom: 0
+		paddingBottom: 0,
 	},
 	content: {
 		alignItems: 'center',
-		paddingBottom: 16
+		paddingBottom: 16,
 	},
 	title: {
 		fontSize: 24,
@@ -44,28 +44,28 @@ const styles = StyleSheet.create({
 		marginBottom: 16,
 		color: colors.fontPrimary,
 		justifyContent: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	text: {
 		marginBottom: 16,
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	label: {
 		lineHeight: 20,
 		fontSize: 16,
 		color: colors.fontPrimary,
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	bold: {
 		lineHeight: 25,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	image: {
 		marginTop: 14,
 		marginBottom: 8,
 		width: DEVICE_WIDTH - IMG_PADDING,
-		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_1_RATIO
+		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_1_RATIO,
 	},
 	card: {
 		backgroundColor: colors.white,
@@ -75,30 +75,30 @@ const styles = StyleSheet.create({
 		shadowColor: colors.black,
 		shadowOffset: {
 			width: 1,
-			height: 4
+			height: 4,
 		},
 		shadowOpacity: 0.1,
 		shadowRadius: 2.62,
 
 		elevation: 4,
 		padding: 16,
-		marginBottom: 20
+		marginBottom: 20,
 	},
 
 	modalNoBorder: {
-		borderTopWidth: 0
+		borderTopWidth: 0,
 	},
 	secureModalContainer: { flex: 1, padding: 27, flexDirection: 'column' },
 	secureModalXButton: {
 		padding: 5,
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	whySecureTitle: {
 		flex: 1,
 		fontSize: 18,
 		color: colors.fontPrimary,
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	learnMoreText: {
 		marginTop: 21,
@@ -106,91 +106,91 @@ const styles = StyleSheet.create({
 		fontSize: 15,
 		lineHeight: 20,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	blue: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	titleIcon: {
-		fontSize: 32
+		fontSize: 32,
 	},
 	centerContent: {
 		flexDirection: 'row',
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	infoIcon: {
 		fontSize: 15,
-		marginRight: 6
+		marginRight: 6,
 	},
 	whyImportantText: {
 		fontSize: 14,
-		color: colors.blue
+		color: colors.blue,
 	},
 	manualTitle: {
 		fontSize: 16,
 		marginBottom: 8,
 		lineHeight: 17,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	paragraph: {
 		lineHeight: 17,
 		marginBottom: 20,
 		fontSize: 12,
-		color: colors.fontPrimary
+		color: colors.fontPrimary,
 	},
 	smallParagraph: {
 		lineHeight: 17,
 		fontSize: 12,
-		color: colors.fontPrimary
+		color: colors.fontPrimary,
 	},
 	barsTitle: {
 		lineHeight: 17,
 		marginBottom: 8,
 		fontSize: 12,
-		color: colors.fontPrimary
+		color: colors.fontPrimary,
 	},
 	barsContainer: {
 		lineHeight: 17,
 		flexDirection: 'row',
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	bar: {
 		lineHeight: 17,
 		width: 32,
 		height: 6,
 		backgroundColor: colors.blue,
-		marginRight: 2
+		marginRight: 2,
 	},
 	secureModalXIcon: {
-		fontSize: 16
+		fontSize: 16,
 	},
 	auxCenterView: {
-		width: 26
+		width: 26,
 	},
 	secureModalTitleContainer: {
 		flexDirection: 'row',
 		justifyContent: 'center',
 		alignItems: 'center',
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	explainBackupContainer: {
 		flexDirection: 'column',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	whySecureText: {
 		textAlign: 'center',
 		lineHeight: 20,
-		color: colors.fontPrimary
-	}
+		color: colors.fontPrimary,
+	},
 });
 
 /**
  * View that's shown during the first step of
  * the backup seed phrase flow
  */
-const AccountBackupStep1B = props => {
+const AccountBackupStep1B = (props) => {
 	const [showWhySecureWalletModal, setWhySecureWalletModal] = useState(false);
 	const [showWhatIsSeedphraseModal, setWhatIsSeedphraseModal] = useState(false);
 
@@ -204,8 +204,8 @@ const AccountBackupStep1B = props => {
 			screen: 'SimpleWebview',
 			params: {
 				url: 'https://metamask.zendesk.com/hc/en-us/articles/360015489591-Basic-Safety-Tips',
-				title: strings('drawer.metamask_support')
-			}
+				title: strings('drawer.metamask_support'),
+			},
 		});
 	};
 
@@ -331,7 +331,7 @@ AccountBackupStep1B.propTypes = {
 	/**
 	 * Object that represents the current route info like params passed to it
 	 */
-	route: PropTypes.object
+	route: PropTypes.object,
 };
 
 AccountBackupStep1B.navigationOptions = ({ navigation, route }) => getOnboardingNavbarOptions(navigation, route);
diff --git a/app/components/Views/ActivityView/index.js b/app/components/Views/ActivityView/index.js
index 01116bce4c4..8e1a8156ab6 100644
--- a/app/components/Views/ActivityView/index.js
+++ b/app/components/Views/ActivityView/index.js
@@ -15,8 +15,8 @@ import ErrorBoundary from '../ErrorBoundary';
 
 const styles = StyleSheet.create({
 	wrapper: {
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
 function ActivityView({ hasOrders, ...props }) {
@@ -47,11 +47,11 @@ function ActivityView({ hasOrders, ...props }) {
 }
 
 ActivityView.defaultProps = {
-	hasOrders: false
+	hasOrders: false,
 };
 
 ActivityView.propTypes = {
-	hasOrders: PropTypes.bool
+	hasOrders: PropTypes.bool,
 };
 
 ActivityView.navigationOptions = ({ navigation, route }) => {
@@ -59,8 +59,8 @@ ActivityView.navigationOptions = ({ navigation, route }) => {
 	return getNavbarOptions(title, navigation);
 };
 
-const mapStateToProps = state => ({
-	hasOrders: getHasOrders(state)
+const mapStateToProps = (state) => ({
+	hasOrders: getHasOrders(state),
 });
 
 export default connect(mapStateToProps)(ActivityView);
diff --git a/app/components/Views/AddAsset/index.js b/app/components/Views/AddAsset/index.js
index 0cced882ff3..0c41ffce850 100644
--- a/app/components/Views/AddAsset/index.js
+++ b/app/components/Views/AddAsset/index.js
@@ -15,20 +15,20 @@ import { NetworksChainId } from '@metamask/controllers';
 const styles = StyleSheet.create({
 	wrapper: {
 		flex: 1,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	tabUnderlineStyle: {
 		height: 2,
-		backgroundColor: colors.blue
+		backgroundColor: colors.blue,
 	},
 	tabStyle: {
-		paddingBottom: 0
+		paddingBottom: 0,
 	},
 	textStyle: {
 		fontSize: 16,
 		letterSpacing: 0.5,
-		...fontStyles.bold
-	}
+		...fontStyles.bold,
+	},
 });
 
 /**
@@ -45,7 +45,7 @@ class AddAsset extends PureComponent {
 	state = {
 		address: '',
 		symbol: '',
-		decimals: ''
+		decimals: '',
 	};
 
 	static propTypes = {
@@ -60,7 +60,7 @@ class AddAsset extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	renderTabBar() {
@@ -79,9 +79,9 @@ class AddAsset extends PureComponent {
 	render = () => {
 		const {
 			route: {
-				params: { assetType, collectibleContract }
+				params: { assetType, collectibleContract },
 			},
-			navigation
+			navigation,
 		} = this.props;
 		return (
 			<SafeAreaView style={styles.wrapper} testID={`add-${assetType}-screen`}>
@@ -112,8 +112,8 @@ class AddAsset extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
-	chainId: state.engine.backgroundState.NetworkController.provider.chainId
+const mapStateToProps = (state) => ({
+	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 });
 
 export default connect(mapStateToProps)(AddAsset);
diff --git a/app/components/Views/AddAsset/index.test.js b/app/components/Views/AddAsset/index.test.js
index 2ee014fe7c2..18326cc6cd4 100644
--- a/app/components/Views/AddAsset/index.test.js
+++ b/app/components/Views/AddAsset/index.test.js
@@ -12,15 +12,15 @@ describe('AddAsset', () => {
 				backgroundState: {
 					NetworkController: {
 						provider: {
-							chainId: '1'
-						}
-					}
-				}
-			}
+							chainId: '1',
+						},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<AddAsset route={{ params: { assetType: 'token' } }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/AddBookmark/index.js b/app/components/Views/AddBookmark/index.js
index 3f16102eab6..339237a8393 100644
--- a/app/components/Views/AddBookmark/index.js
+++ b/app/components/Views/AddBookmark/index.js
@@ -9,22 +9,22 @@ import { getNavigationOptionsTitle } from '../../UI/Navbar';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	rowWrapper: {
-		padding: 20
+		padding: 20,
 	},
 	textInput: {
 		borderWidth: 1,
 		borderRadius: 4,
 		borderColor: colors.grey100,
 		padding: 16,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	warningText: {
 		color: colors.red,
-		...fontStyles.normal
-	}
+		...fontStyles.normal,
+	},
 });
 
 /**
@@ -35,7 +35,7 @@ export default class AddBookmark extends PureComponent {
 
 	state = {
 		title: '',
-		url: ''
+		url: '',
 	};
 
 	static propTypes = {
@@ -46,7 +46,7 @@ export default class AddBookmark extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	componentDidMount() {
@@ -57,7 +57,7 @@ export default class AddBookmark extends PureComponent {
 		const { route } = this.props;
 		this.setState({
 			title: route.params?.title ?? '',
-			url: route.params?.url ?? ''
+			url: route.params?.url ?? '',
 		});
 	}
 
@@ -72,11 +72,11 @@ export default class AddBookmark extends PureComponent {
 		this.props.navigation.pop();
 	};
 
-	onTitleChange = title => {
+	onTitleChange = (title) => {
 		this.setState({ title });
 	};
 
-	onUrlChange = url => {
+	onUrlChange = (url) => {
 		this.setState({ url });
 	};
 
diff --git a/app/components/Views/AddressQRCode/index.js b/app/components/Views/AddressQRCode/index.js
index ca0c705953a..1f736607466 100644
--- a/app/components/Views/AddressQRCode/index.js
+++ b/app/components/Views/AddressQRCode/index.js
@@ -19,11 +19,11 @@ const styles = StyleSheet.create({
 		flex: 1,
 		flexDirection: 'row',
 		alignItems: 'center',
-		marginTop: Device.isSmallDevice() ? -30 : -50
+		marginTop: Device.isSmallDevice() ? -30 : -50,
 	},
 	wrapper: {
 		flex: 1,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	qrCode: {
 		marginBottom: 16,
@@ -31,7 +31,7 @@ const styles = StyleSheet.create({
 		justifyContent: 'center',
 		padding: 36,
 		backgroundColor: colors.grey000,
-		borderRadius: 8
+		borderRadius: 8,
 	},
 	addressWrapper: {
 		alignItems: 'center',
@@ -39,26 +39,26 @@ const styles = StyleSheet.create({
 		width: WIDTH,
 		borderRadius: 8,
 		backgroundColor: colors.grey000,
-		paddingVertical: 12
+		paddingVertical: 12,
 	},
 	closeIcon: {
 		width: WIDTH + 40,
 		paddingBottom: Device.isSmallDevice() ? 30 : 50,
-		flexDirection: 'row-reverse'
+		flexDirection: 'row-reverse',
 	},
 	addressTitle: {
 		fontSize: 16,
 		paddingHorizontal: 28,
 		paddingVertical: 4,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	address: {
 		...fontStyles.normal,
 		paddingHorizontal: 28,
 		paddingVertical: 4,
 		fontSize: 16,
-		textAlign: 'center'
-	}
+		textAlign: 'center',
+	},
 });
 
 /**
@@ -86,7 +86,7 @@ class AddressQRCode extends PureComponent {
 		 * redux flag that indicates if the user
 		 * completed the seed phrase backup flow
 		 */
-		seedphraseBackedUp: PropTypes.bool
+		seedphraseBackedUp: PropTypes.bool,
 	};
 
 	/**
@@ -104,7 +104,7 @@ class AddressQRCode extends PureComponent {
 			isVisible: true,
 			autodismiss: 1500,
 			content: 'clipboard-alert',
-			data: { msg: strings('account_details.account_copied_to_clipboard') }
+			data: { msg: strings('account_details.account_copied_to_clipboard') },
 		});
 	};
 
@@ -145,17 +145,14 @@ class AddressQRCode extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
-	seedphraseBackedUp: state.user.seedphraseBackedUp
+	seedphraseBackedUp: state.user.seedphraseBackedUp,
 });
 
-const mapDispatchToProps = dispatch => ({
-	showAlert: config => dispatch(showAlert(config)),
-	protectWalletModalVisible: () => dispatch(protectWalletModalVisible())
+const mapDispatchToProps = (dispatch) => ({
+	showAlert: (config) => dispatch(showAlert(config)),
+	protectWalletModalVisible: () => dispatch(protectWalletModalVisible()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(AddressQRCode);
+export default connect(mapStateToProps, mapDispatchToProps)(AddressQRCode);
diff --git a/app/components/Views/AndroidBackHandler/index.js b/app/components/Views/AndroidBackHandler/index.js
index 9f0e953f596..6f36b623c52 100644
--- a/app/components/Views/AndroidBackHandler/index.js
+++ b/app/components/Views/AndroidBackHandler/index.js
@@ -14,7 +14,7 @@ export default class AndroidBackHandler extends PureComponent {
 		/**
 		 * Custom callback to call on back press event
 		 */
-		customBackPress: PropTypes.func
+		customBackPress: PropTypes.func,
 	};
 
 	pressed = false;
diff --git a/app/components/Views/Approval/index.js b/app/components/Views/Approval/index.js
index 055e66a823f..156f97f495e 100644
--- a/app/components/Views/Approval/index.js
+++ b/app/components/Views/Approval/index.js
@@ -26,8 +26,8 @@ const APPROVAL = 'Approval';
 const styles = StyleSheet.create({
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
-	}
+		margin: 0,
+	},
 });
 
 /**
@@ -78,12 +78,12 @@ class Approval extends PureComponent {
 		/**
 		 * A string representing the network chainId
 		 */
-		chainId: PropTypes.string
+		chainId: PropTypes.string,
 	};
 
 	state = {
 		mode: REVIEW,
-		transactionHandled: false
+		transactionHandled: false,
 	};
 
 	componentWillUnmount = () => {
@@ -97,7 +97,7 @@ class Approval extends PureComponent {
 		this.clear();
 	};
 
-	handleAppStateChange = appState => {
+	handleAppStateChange = (appState) => {
 		if (appState !== 'active') {
 			const { transaction } = this.props;
 			transaction && transaction.id && Engine.context.TransactionController.cancelTransaction(transaction.id);
@@ -128,7 +128,7 @@ class Approval extends PureComponent {
 		const actionKey = await getTransactionReviewActionKey(transaction);
 		Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.TRANSACTIONS_EDIT_TRANSACTION, {
 			...this.getTrackingParams(),
-			actionKey
+			actionKey,
 		});
 	};
 
@@ -160,13 +160,13 @@ class Approval extends PureComponent {
 	getTrackingParams = () => {
 		const {
 			networkType,
-			transaction: { selectedAsset, assetType }
+			transaction: { selectedAsset, assetType },
 		} = this.props;
 		return {
 			view: APPROVAL,
 			network: networkType,
 			activeCurrency: selectedAsset.symbol || selectedAsset.contractName,
-			assetType
+			assetType,
 		};
 	};
 
@@ -183,7 +183,7 @@ class Approval extends PureComponent {
 				asset_type: { value: transaction?.assetType, anonymous: true },
 				gas_estimate_type: gasEstimateType,
 				gas_mode: gasSelected ? 'Basic' : 'Advanced',
-				speed_set: gasSelected || undefined
+				speed_set: gasSelected || undefined,
 			};
 		} catch (error) {
 			return {};
@@ -208,7 +208,7 @@ class Approval extends PureComponent {
 					title: confirmation
 						? strings('notifications.wc_sent_tx_title')
 						: strings('notifications.wc_sent_tx_rejected_title'),
-					description: strings('notifications.wc_description')
+					description: strings('notifications.wc_description'),
 				});
 		});
 	};
@@ -228,7 +228,7 @@ class Approval extends PureComponent {
 		const {
 			transactions,
 			transaction: { assetType, selectedAsset },
-			showCustomNonce
+			showCustomNonce,
 		} = this.props;
 		let { transaction } = this.props;
 		const { nonce } = transaction;
@@ -242,17 +242,17 @@ class Approval extends PureComponent {
 					transaction,
 					selectedAsset,
 					gasEstimateType,
-					EIP1559GasData
+					EIP1559GasData,
 				});
 			}
 
-			TransactionController.hub.once(`${transaction.id}:finished`, transactionMeta => {
+			TransactionController.hub.once(`${transaction.id}:finished`, (transactionMeta) => {
 				if (transactionMeta.status === 'submitted') {
 					this.setState({ transactionHandled: true });
 					this.props.toggleDappTransactionModal();
 					NotificationManager.watchSubmittedTransaction({
 						...transactionMeta,
-						assetType: transaction.assetType
+						assetType: transaction.assetType,
 					});
 				} else {
 					throw transactionMeta.error;
@@ -266,7 +266,7 @@ class Approval extends PureComponent {
 			this.showWalletConnectNotification(true);
 		} catch (error) {
 			Alert.alert(strings('transactions.transaction_error'), error && error.message, [
-				{ text: strings('navigation.ok') }
+				{ text: strings('navigation.ok') },
 			]);
 			Logger.error(error, 'error while trying to send transaction (Approval)');
 			this.setState({ transactionHandled: false });
@@ -283,7 +283,7 @@ class Approval extends PureComponent {
 	 *
 	 * @param mode - Transaction mode, review or edit
 	 */
-	onModeChange = mode => {
+	onModeChange = (mode) => {
 		const { navigation } = this.props;
 		navigation && navigation.setParams({ mode });
 		this.setState({ mode });
@@ -302,7 +302,7 @@ class Approval extends PureComponent {
 		const transactionToSend = {
 			...transaction,
 			value: BNToHex(transaction.value),
-			to: safeToChecksumAddress(transaction.to)
+			to: safeToChecksumAddress(transaction.to),
 		};
 
 		if (gasEstimateType === GAS_ESTIMATE_TYPES.FEE_MARKET) {
@@ -330,7 +330,7 @@ class Approval extends PureComponent {
 		const transactionToSend = {
 			...transaction,
 			value: '0x0',
-			to: selectedAsset.address
+			to: selectedAsset.address,
 		};
 
 		if (gasEstimateType === GAS_ESTIMATE_TYPES.FEE_MARKET) {
@@ -385,20 +385,17 @@ class Approval extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	transaction: getNormalizedTxState(state),
 	transactions: state.engine.backgroundState.TransactionController.transactions,
 	networkType: state.engine.backgroundState.NetworkController.provider.type,
 	showCustomNonce: state.settings.showCustomNonce,
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
-	activeTabUrl: getActiveTabUrl(state)
+	activeTabUrl: getActiveTabUrl(state),
 });
 
-const mapDispatchToProps = dispatch => ({
-	resetTransaction: () => dispatch(resetTransaction())
+const mapDispatchToProps = (dispatch) => ({
+	resetTransaction: () => dispatch(resetTransaction()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Approval);
+export default connect(mapStateToProps, mapDispatchToProps)(Approval);
diff --git a/app/components/Views/Approval/index.test.js b/app/components/Views/Approval/index.test.js
index 8c749cb4804..4160554ccea 100644
--- a/app/components/Views/Approval/index.test.js
+++ b/app/components/Views/Approval/index.test.js
@@ -7,13 +7,13 @@ import { ROPSTEN } from '../../../constants/network';
 const mockStore = configureMockStore();
 const navigation = { state: { params: { address: '0x1' } } };
 // noop
-navigation.setParams = params => ({ ...params });
+navigation.setParams = (params) => ({ ...params });
 
 describe('Approval', () => {
 	it('should render correctly', () => {
 		const initialState = {
 			settings: {
-				showCustomNonce: false
+				showCustomNonce: false,
 			},
 			transaction: {
 				value: '',
@@ -23,27 +23,27 @@ describe('Approval', () => {
 				gasPrice: '',
 				to: '0x2',
 				selectedAsset: { symbol: 'ETH' },
-				assetType: undefined
+				assetType: undefined,
 			},
 			engine: {
 				backgroundState: {
 					TransactionController: {
-						transactions: []
+						transactions: [],
 					},
 					AddressBookController: {
-						addressBook: {}
+						addressBook: {},
 					},
 					NetworkController: {
 						provider: {
-							type: ROPSTEN
-						}
-					}
-				}
-			}
+							type: ROPSTEN,
+						},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<Approval navigation={navigation} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/ApproveView/Approve/index.js b/app/components/Views/ApproveView/Approve/index.js
index c27de06129b..cdffa760956 100644
--- a/app/components/Views/ApproveView/Approve/index.js
+++ b/app/components/Views/ApproveView/Approve/index.js
@@ -17,7 +17,7 @@ import {
 	getNormalizedTxState,
 	getTicker,
 	parseTransactionEIP1559,
-	parseTransactionLegacy
+	parseTransactionLegacy,
 } from '../../../../util/transactions';
 import { apiEstimateModifiedToWEI, getBasicGasEstimatesByChainId, getGasLimit } from '../../../../util/custom-gas';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
@@ -39,12 +39,12 @@ const REVIEW = 'review';
 const styles = StyleSheet.create({
 	keyboardAwareWrapper: {
 		flex: 1,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
-	}
+		margin: 0,
+	},
 });
 
 /**
@@ -113,7 +113,7 @@ class Approve extends PureComponent {
 		/**
 		 * A string representing the network type
 		 */
-		networkType: PropTypes.string
+		networkType: PropTypes.string,
 	};
 
 	state = {
@@ -129,7 +129,7 @@ class Approve extends PureComponent {
 		EIP1559GasData: {},
 		EIP1559GasDataTemp: {},
 		LegacyGasData: {},
-		LegacyGasDataTemp: {}
+		LegacyGasDataTemp: {},
 	};
 
 	computeGasEstimates = (overrideGasPrice, overrideGasLimit, gasEstimateTypeChanged) => {
@@ -142,7 +142,7 @@ class Approve extends PureComponent {
 			const overrideGas = overrideGasPrice
 				? {
 						suggestedMaxFeePerGas: fromWei(overrideGasPrice, 'gwei'),
-						suggestedMaxPriorityFeePerGas: fromWei(overrideGasPrice, 'gwei')
+						suggestedMaxPriorityFeePerGas: fromWei(overrideGasPrice, 'gwei'),
 						// eslint-disable-next-line no-mixed-spaces-and-tabs
 				  }
 				: null;
@@ -155,7 +155,7 @@ class Approve extends PureComponent {
 			const EIP1559GasData = this.parseTransactionDataEIP1559({
 				...initialGas,
 				suggestedGasLimit,
-				selectedOption: gasSelected
+				selectedOption: gasSelected,
 			});
 
 			let EIP1559GasDataTemp;
@@ -165,7 +165,7 @@ class Approve extends PureComponent {
 				EIP1559GasDataTemp = this.parseTransactionDataEIP1559({
 					...initialGasTemp,
 					suggestedGasLimit,
-					selectedOption: gasSelectedTemp
+					selectedOption: gasSelectedTemp,
 				});
 			}
 
@@ -179,7 +179,7 @@ class Approve extends PureComponent {
 					LegacyGasDataTemp: {},
 					animateOnChange: true,
 					gasSelected,
-					gasSelectedTemp
+					gasSelectedTemp,
 				},
 				() => {
 					this.setState({ animateOnChange: false });
@@ -188,7 +188,7 @@ class Approve extends PureComponent {
 		} else {
 			const suggestedGasLimit = fromWei(overrideGasLimit || transaction.gas, 'wei');
 
-			const getGas = selected =>
+			const getGas = (selected) =>
 				overrideGasPrice
 					? fromWei(overrideGasPrice, 'gwei')
 					: gasEstimateType === GAS_ESTIMATE_TYPES.LEGACY
@@ -198,7 +198,7 @@ class Approve extends PureComponent {
 			const LegacyGasData = this.parseTransactionDataLegacy(
 				{
 					suggestedGasPrice: getGas(gasSelected),
-					suggestedGasLimit
+					suggestedGasLimit,
 				},
 				{ onlyGas: true }
 			);
@@ -210,7 +210,7 @@ class Approve extends PureComponent {
 				LegacyGasDataTemp = this.parseTransactionDataLegacy(
 					{
 						suggestedGasPrice: getGas(gasSelectedTemp),
-						suggestedGasLimit
+						suggestedGasLimit,
 					},
 					{ onlyGas: true }
 				);
@@ -226,7 +226,7 @@ class Approve extends PureComponent {
 					EIP1559GasDataTemp: {},
 					animateOnChange: true,
 					gasSelected,
-					gasSelectedTemp
+					gasSelectedTemp,
 				},
 				() => {
 					this.setState({ animateOnChange: false });
@@ -259,7 +259,7 @@ class Approve extends PureComponent {
 		setTransactionObject({ gas: estimation.gas });
 	};
 
-	componentDidUpdate = prevProps => {
+	componentDidUpdate = (prevProps) => {
 		const { transaction } = this.props;
 
 		const gasEstimateTypeChanged = prevProps.gasEstimateType !== this.props.gasEstimateType;
@@ -280,7 +280,7 @@ class Approve extends PureComponent {
 		const parsedTransactionEIP1559 = parseTransactionEIP1559(
 			{
 				...this.props,
-				selectedGasFee: { ...gasFee, estimatedBaseFee: this.props.gasFeeEstimates.estimatedBaseFee }
+				selectedGasFee: { ...gasFee, estimatedBaseFee: this.props.gasFeeEstimates.estimatedBaseFee },
 			},
 			{ onlyGas: true }
 		);
@@ -293,7 +293,7 @@ class Approve extends PureComponent {
 		const parsedTransactionLegacy = parseTransactionLegacy(
 			{
 				...this.props,
-				selectedGasFee: gasFee
+				selectedGasFee: gasFee,
 			},
 			{ onlyGas: true }
 		);
@@ -311,7 +311,7 @@ class Approve extends PureComponent {
 		if (!approved) Engine.context.TransactionController.cancelTransaction(transaction.id);
 	};
 
-	handleAppStateChange = appState => {
+	handleAppStateChange = (appState) => {
 		if (appState !== 'active') {
 			const { transaction } = this.props;
 			transaction && transaction.id && Engine.context.TransactionController.cancelTransaction(transaction.id);
@@ -328,14 +328,14 @@ class Approve extends PureComponent {
 		return this.setState({ basicGasEstimates, ready: true });
 	};
 
-	trackApproveEvent = event => {
+	trackApproveEvent = (event) => {
 		const { transaction, tokensLength, accountsLength, providerType } = this.props;
 		InteractionManager.runAfterInteractions(() => {
 			Analytics.trackEventWithParameters(event, {
 				view: transaction.origin,
 				numberOfTokens: tokensLength,
 				numberOfAccounts: accountsLength,
-				network: providerType
+				network: providerType,
 			});
 		});
 	};
@@ -348,7 +348,7 @@ class Approve extends PureComponent {
 		setTimeout(() => {
 			this.setState({
 				gasEstimationReady: true,
-				errorMessage: undefined
+				errorMessage: undefined,
 			});
 		}, 100);
 	};
@@ -358,29 +358,29 @@ class Approve extends PureComponent {
 			EIP1559GasDataTemp: { ...this.state.EIP1559GasData },
 			LegacyGasDataTemp: { ...this.state.LegacyGasData },
 			stopUpdateGas: false,
-			gasSelectedTemp: this.state.gasSelected
+			gasSelectedTemp: this.state.gasSelected,
 		});
 		this.review();
 	};
 
-	saveGasEdition = gasSelected => {
+	saveGasEdition = (gasSelected) => {
 		this.setState({
 			EIP1559GasData: { ...this.state.EIP1559GasDataTemp },
 			LegacyGasData: { ...this.state.LegacyGasDataTemp },
 			gasSelected,
 			gasSelectedTemp: gasSelected,
 			advancedGasInserted: !gasSelected,
-			stopUpdateGas: false
+			stopUpdateGas: false,
 		});
 		this.review();
 	};
 
-	validateGas = total => {
+	validateGas = (total) => {
 		let error;
 		const {
 			ticker,
 			transaction: { from },
-			accounts
+			accounts,
 		} = this.props;
 
 		const fromAccount = accounts[safeToChecksumAddress(from)];
@@ -396,14 +396,14 @@ class Approve extends PureComponent {
 		return error;
 	};
 
-	prepareTransaction = transaction => {
+	prepareTransaction = (transaction) => {
 		const { gasEstimateType } = this.props;
 		const { LegacyGasData, EIP1559GasData } = this.state;
 		const transactionToSend = {
 			...transaction,
 			value: BNToHex(transaction.value),
 			to: safeToChecksumAddress(transaction.to),
-			from: safeToChecksumAddress(transaction.from)
+			from: safeToChecksumAddress(transaction.from),
 		};
 
 		if (gasEstimateType === GAS_ESTIMATE_TYPES.FEE_MARKET) {
@@ -427,7 +427,7 @@ class Approve extends PureComponent {
 				...analyticsParams,
 				gas_estimate_type: gasEstimateType,
 				gas_mode: gasSelected ? 'Basic' : 'Advanced',
-				speed_set: gasSelected || undefined
+				speed_set: gasSelected || undefined,
 			};
 		} catch (error) {
 			return {};
@@ -445,13 +445,13 @@ class Approve extends PureComponent {
 
 		try {
 			const transaction = this.prepareTransaction(this.props.transaction);
-			TransactionController.hub.once(`${transaction.id}:finished`, transactionMeta => {
+			TransactionController.hub.once(`${transaction.id}:finished`, (transactionMeta) => {
 				if (transactionMeta.status === 'submitted') {
 					this.setState({ approved: true });
 					this.props.toggleApproveModal();
 					NotificationManager.watchSubmittedTransaction({
 						...transactionMeta,
-						assetType: 'ETH'
+						assetType: 'ETH',
 					});
 				} else {
 					throw transactionMeta.error;
@@ -479,7 +479,7 @@ class Approve extends PureComponent {
 		this.onModeChange(REVIEW);
 	};
 
-	onModeChange = mode => {
+	onModeChange = (mode) => {
 		this.setState({ mode });
 		if (mode === EDIT) {
 			InteractionManager.runAfterInteractions(() => {
@@ -488,7 +488,7 @@ class Approve extends PureComponent {
 		}
 	};
 
-	setAnalyticsParams = analyticsParams => {
+	setAnalyticsParams = (analyticsParams) => {
 		this.setState({ analyticsParams });
 	};
 
@@ -501,7 +501,7 @@ class Approve extends PureComponent {
 				dapp_url: analyticsParams?.dapp_url,
 				active_currency: { value: analyticsParams?.active_currency, anonymous: true },
 				gas_estimate_type: gasEstimateType,
-				network_name: networkType
+				network_name: networkType,
 			};
 		} catch (error) {
 			return {};
@@ -516,7 +516,7 @@ class Approve extends PureComponent {
 		this.setState({
 			EIP1559GasDataTemp: this.parseTransactionDataEIP1559({ ...gas, selectedOption: selected }),
 			stopUpdateGas: !selected,
-			gasSelectedTemp: selected
+			gasSelectedTemp: selected,
 		});
 	};
 
@@ -528,7 +528,7 @@ class Approve extends PureComponent {
 		this.setState({
 			LegacyGasDataTemp: this.parseTransactionDataLegacy(gas),
 			stopUpdateGas: !selected,
-			gasSelectedTemp: selected
+			gasSelectedTemp: selected,
 		});
 	};
 
@@ -553,7 +553,7 @@ class Approve extends PureComponent {
 			LegacyGasDataTemp,
 			gasSelected,
 			animateOnChange,
-			isAnimating
+			isAnimating,
 		} = this.state;
 		const { transaction, gasEstimateType, gasFeeEstimates, primaryCurrency, chainId } = this.props;
 
@@ -664,7 +664,7 @@ class Approve extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 	transaction: getNormalizedTxState(state),
@@ -678,14 +678,11 @@ const mapStateToProps = state => ({
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 	nativeCurrency: state.engine.backgroundState.CurrencyRateController.nativeCurrency,
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
-	networkType: state.engine.backgroundState.NetworkController.provider.type
+	networkType: state.engine.backgroundState.NetworkController.provider.type,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setTransactionObject: transaction => dispatch(setTransactionObject(transaction))
+const mapDispatchToProps = (dispatch) => ({
+	setTransactionObject: (transaction) => dispatch(setTransactionObject(transaction)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Approve);
+export default connect(mapStateToProps, mapDispatchToProps)(Approve);
diff --git a/app/components/Views/ApproveView/Approve/index.test.js b/app/components/Views/ApproveView/Approve/index.test.js
index 6abc6b0524d..620a361479c 100644
--- a/app/components/Views/ApproveView/Approve/index.test.js
+++ b/app/components/Views/ApproveView/Approve/index.test.js
@@ -11,48 +11,48 @@ describe('Approve', () => {
 		const initialState = {
 			transaction: {},
 			settings: {
-				primaryCurrency: 'Fiat'
+				primaryCurrency: 'Fiat',
 			},
 			browser: {
 				activeTab: 1592878266671,
-				tabs: [{ id: 1592878266671, url: 'https://metamask.github.io/test-dapp/' }]
+				tabs: [{ id: 1592878266671, url: 'https://metamask.github.io/test-dapp/' }],
 			},
 			engine: {
 				backgroundState: {
 					AccountTrackerController: {
-						accounts: { '0x2': { balance: '0' } }
+						accounts: { '0x2': { balance: '0' } },
 					},
 					NetworkController: {
 						provider: {
-							ticker: 'ETH'
-						}
+							ticker: 'ETH',
+						},
 					},
 					TransactionController: {
-						transactions: []
+						transactions: [],
 					},
 					CurrencyRateController: {
 						currentCurrency: 'USD',
-						conversionRate: 100
+						conversionRate: 100,
 					},
 					PreferencesController: {
 						selectedAddress: '0x1',
-						identities: { '0x1': { name: 'Account 1' } }
+						identities: { '0x1': { name: 'Account 1' } },
 					},
 					TokenBalancesController: {
-						contractBalances: { '0x2': new BN(0) }
+						contractBalances: { '0x2': new BN(0) },
 					},
 					TokensController: {
-						tokens: []
+						tokens: [],
 					},
 					GasFeeController: {
-						gasEstimates: {}
-					}
-				}
-			}
+						gasEstimates: {},
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<Approve />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Asset/index.js b/app/components/Views/Asset/index.js
index ca07dbb5ab4..0752c990ab6 100644
--- a/app/components/Views/Asset/index.js
+++ b/app/components/Views/Asset/index.js
@@ -16,17 +16,17 @@ import { toLowerCaseEquals } from '../../../util/general';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	assetOverviewWrapper: {
-		height: 280
+		height: 280,
 	},
 	loader: {
 		backgroundColor: colors.white,
 		flex: 1,
 		alignItems: 'center',
-		justifyContent: 'center'
-	}
+		justifyContent: 'center',
+	},
 });
 
 /**
@@ -77,7 +77,7 @@ class Asset extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	state = {
@@ -86,7 +86,7 @@ class Asset extends PureComponent {
 		transactionsUpdated: false,
 		submittedTxs: [],
 		confirmedTxs: [],
-		transactions: []
+		transactions: [],
 	};
 
 	txs = [];
@@ -132,14 +132,14 @@ class Asset extends PureComponent {
 		this.mounted = false;
 	}
 
-	didTxStatusesChange = newTxsPending => this.txsPending.length !== newTxsPending.length;
+	didTxStatusesChange = (newTxsPending) => this.txsPending.length !== newTxsPending.length;
 
-	ethFilter = tx => {
+	ethFilter = (tx) => {
 		const { selectedAddress, chainId } = this.props;
 		const {
 			transaction: { from, to },
 			isTransfer,
-			transferInformation
+			transferInformation,
 		} = tx;
 
 		const network = Engine.context.NetworkController.state.network;
@@ -157,12 +157,12 @@ class Asset extends PureComponent {
 		return false;
 	};
 
-	noEthFilter = tx => {
+	noEthFilter = (tx) => {
 		const { chainId, swapsTransactions, selectedAddress } = this.props;
 		const {
 			transaction: { to, from },
 			isTransfer,
-			transferInformation
+			transferInformation,
 		} = tx;
 		const network = Engine.context.NetworkController.state.network;
 		if (
@@ -196,7 +196,7 @@ class Asset extends PureComponent {
 		const { chainId, transactions } = this.props;
 		if (transactions.length) {
 			transactions.sort((a, b) => (a.time > b.time ? -1 : b.time > a.time ? 1 : 0));
-			const txs = transactions.filter(tx => {
+			const txs = transactions.filter((tx) => {
 				const filterResult = this.filter(tx);
 				if (filterResult) {
 					tx.insertImportTime = addAccountTimeFlagFilter(
@@ -223,10 +223,10 @@ class Asset extends PureComponent {
 			});
 
 			const submittedNonces = [];
-			submittedTxs = submittedTxs.filter(transaction => {
+			submittedTxs = submittedTxs.filter((transaction) => {
 				const alreadySubmitted = submittedNonces.includes(transaction.transaction.nonce);
 				const alreadyConfirmed = confirmedTxs.find(
-					tx =>
+					(tx) =>
 						safeToChecksumAddress(tx.transaction.from) === selectedAddress &&
 						tx.transaction.nonce === transaction.transaction.nonce
 				);
@@ -256,7 +256,7 @@ class Asset extends PureComponent {
 					loading: false,
 					transactions: txs,
 					submittedTxs,
-					confirmedTxs
+					confirmedTxs,
 				});
 			}
 		} else if (!this.state.transactionsUpdated) {
@@ -286,7 +286,7 @@ class Asset extends PureComponent {
 			conversionRate,
 			currentCurrency,
 			selectedAddress,
-			chainId
+			chainId,
 		} = this.props;
 
 		return (
@@ -318,7 +318,7 @@ class Asset extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	swapsTransactions: state.engine.backgroundState.TransactionController.swapsTransactions || {},
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
@@ -327,7 +327,7 @@ const mapStateToProps = state => ({
 	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 	tokens: state.engine.backgroundState.TokensController.tokens,
 	transactions: state.engine.backgroundState.TransactionController.transactions,
-	thirdPartyApiMode: state.privacy.thirdPartyApiMode
+	thirdPartyApiMode: state.privacy.thirdPartyApiMode,
 });
 
 export default connect(mapStateToProps)(Asset);
diff --git a/app/components/Views/Browser/index.js b/app/components/Views/Browser/index.js
index 65b870b4041..8bd7ab20375 100644
--- a/app/components/Views/Browser/index.js
+++ b/app/components/Views/Browser/index.js
@@ -57,7 +57,7 @@ class Browser extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 	static navigationOptions = ({ navigation, route }) => getBrowserViewNavbarOptions(navigation, route);
 
@@ -69,7 +69,7 @@ class Browser extends PureComponent {
 		}
 	}
 	componentDidMount() {
-		const activeTab = this.props.tabs.find(tab => tab.id === this.props.activeTab);
+		const activeTab = this.props.tabs.find((tab) => tab.id === this.props.activeTab);
 		if (activeTab) {
 			this.switchToTab(activeTab);
 		} else {
@@ -94,17 +94,17 @@ class Browser extends PureComponent {
 		}
 	}
 
-	goToNewTab = url => {
+	goToNewTab = (url) => {
 		this.newTab(url);
 		this.props.navigation.setParams({
 			...this.props.route.params,
-			newTabUrl: null
+			newTabUrl: null,
 		});
 	};
 
 	showTabs = async () => {
 		try {
-			const activeTab = this.props.tabs.find(tab => tab.id === this.props.activeTab);
+			const activeTab = this.props.tabs.find((tab) => tab.id === this.props.activeTab);
 			await this.takeScreenshot(activeTab.url, activeTab.id);
 		} catch (e) {
 			Logger.error(e);
@@ -112,16 +112,16 @@ class Browser extends PureComponent {
 
 		this.props.navigation.setParams({
 			...this.props.route.params,
-			showTabs: true
+			showTabs: true,
 		});
 	};
 
-	hideTabsAndUpdateUrl = url => {
+	hideTabsAndUpdateUrl = (url) => {
 		this.props.navigation.setParams({
 			...this.props.route.params,
 			showTabs: false,
 			url,
-			silent: false
+			silent: false,
 		});
 	};
 
@@ -131,12 +131,12 @@ class Browser extends PureComponent {
 			this.props.navigation.setParams({
 				...this.props.route.params,
 				url: null,
-				silent: true
+				silent: true,
 			});
 		}
 	};
 
-	newTab = url => {
+	newTab = (url) => {
 		this.props.createNewTab(url || AppConstants.HOMEPAGE_URL);
 		setTimeout(() => {
 			const { tabs } = this.props;
@@ -144,7 +144,7 @@ class Browser extends PureComponent {
 		}, 100);
 	};
 
-	closeTab = tab => {
+	closeTab = (tab) => {
 		const { activeTab, tabs } = this.props;
 
 		// If the tab was selected we have to select
@@ -162,7 +162,7 @@ class Browser extends PureComponent {
 						this.props.navigation.setParams({
 							...this.props.route.params,
 							url: newTab.url,
-							silent: true
+							silent: true,
 						});
 					}
 				});
@@ -170,7 +170,7 @@ class Browser extends PureComponent {
 				this.props.navigation.setParams({
 					...this.props.route.params,
 					url: null,
-					silent: true
+					silent: true,
 				});
 			}
 		}
@@ -183,12 +183,12 @@ class Browser extends PureComponent {
 			this.props.navigation.setParams({
 				...this.props.route.params,
 				showTabs: false,
-				silent: true
+				silent: true,
 			});
 		}
 	};
 
-	switchToTab = tab => {
+	switchToTab = (tab) => {
 		this.props.setActiveTab(tab.id);
 		this.hideTabsAndUpdateUrl(tab.url);
 		this.updateTabInfo(tab.url, tab.id);
@@ -215,7 +215,7 @@ class Browser extends PureComponent {
 
 	updateTabInfo = (url, tabID) =>
 		this.props.updateTab(tabID, {
-			url
+			url,
 		});
 
 	takeScreenshot = (url, tabID) =>
@@ -224,18 +224,18 @@ class Browser extends PureComponent {
 				format: 'jpg',
 				quality: 0.2,
 				THUMB_WIDTH,
-				THUMB_HEIGHT
+				THUMB_HEIGHT,
 			}).then(
-				uri => {
+				(uri) => {
 					const { updateTab } = this.props;
 
 					updateTab(tabID, {
 						url,
-						image: uri
+						image: uri,
 					});
 					resolve(true);
 				},
-				error => {
+				(error) => {
 					Logger.error(error, `Error saving tab ${url}`);
 					reject(error);
 				}
@@ -243,7 +243,7 @@ class Browser extends PureComponent {
 		});
 
 	renderBrowserTabs = () =>
-		this.props.tabs.map(tab => (
+		this.props.tabs.map((tab) => (
 			<BrowserTab
 				id={tab.id}
 				key={`tab_${tab.id}`}
@@ -264,20 +264,17 @@ class Browser extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	tabs: state.browser.tabs,
-	activeTab: state.browser.activeTab
+	activeTab: state.browser.activeTab,
 });
 
-const mapDispatchToProps = dispatch => ({
-	createNewTab: url => dispatch(createNewTab(url)),
+const mapDispatchToProps = (dispatch) => ({
+	createNewTab: (url) => dispatch(createNewTab(url)),
 	closeAllTabs: () => dispatch(closeAllTabs()),
-	closeTab: id => dispatch(closeTab(id)),
-	setActiveTab: id => dispatch(setActiveTab(id)),
-	updateTab: (id, url) => dispatch(updateTab(id, url))
+	closeTab: (id) => dispatch(closeTab(id)),
+	setActiveTab: (id) => dispatch(setActiveTab(id)),
+	updateTab: (id, url) => dispatch(updateTab(id, url)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Browser);
+export default connect(mapStateToProps, mapDispatchToProps)(Browser);
diff --git a/app/components/Views/BrowserTab/index.js b/app/components/Views/BrowserTab/index.js
index f41a40de046..78800dbeaeb 100644
--- a/app/components/Views/BrowserTab/index.js
+++ b/app/components/Views/BrowserTab/index.js
@@ -10,7 +10,7 @@ import {
 	Linking,
 	Keyboard,
 	BackHandler,
-	InteractionManager
+	InteractionManager,
 } from 'react-native';
 import { withNavigation } from '@react-navigation/compat';
 import { WebView } from 'react-native-webview';
@@ -77,14 +77,14 @@ const ANIMATION_TIMING = 300;
 const styles = StyleSheet.create({
 	wrapper: {
 		...baseStyles.flexGrow,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	hide: {
 		flex: 0,
 		opacity: 0,
 		display: 'none',
 		width: 0,
-		height: 0
+		height: 0,
 	},
 	progressBarWrapper: {
 		height: 3,
@@ -93,7 +93,7 @@ const styles = StyleSheet.create({
 		right: 0,
 		top: 0,
 		position: 'absolute',
-		zIndex: 999999
+		zIndex: 999999,
 	},
 	optionsOverlay: {
 		position: 'absolute',
@@ -101,7 +101,7 @@ const styles = StyleSheet.create({
 		top: 0,
 		bottom: 0,
 		left: 0,
-		right: 0
+		right: 0,
 	},
 	optionsWrapper: {
 		position: 'absolute',
@@ -112,7 +112,7 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		borderRadius: 10,
 		paddingBottom: 5,
-		paddingTop: 10
+		paddingTop: 10,
 	},
 	optionsWrapperAndroid: {
 		shadowColor: colors.grey400,
@@ -120,7 +120,7 @@ const styles = StyleSheet.create({
 		shadowOpacity: 0.5,
 		shadowRadius: 3,
 		bottom: 65,
-		right: 5
+		right: 5,
 	},
 	optionsWrapperIos: {
 		shadowColor: colors.grey400,
@@ -128,7 +128,7 @@ const styles = StyleSheet.create({
 		shadowOpacity: 0.5,
 		shadowRadius: 3,
 		bottom: 90,
-		right: 5
+		right: 5,
 	},
 	option: {
 		paddingVertical: 10,
@@ -139,7 +139,7 @@ const styles = StyleSheet.create({
 		flexDirection: 'row',
 		alignItems: 'center',
 		justifyContent: 'flex-start',
-		marginTop: Device.isAndroid() ? 0 : -5
+		marginTop: Device.isAndroid() ? 0 : -5,
 	},
 	optionText: {
 		fontSize: 16,
@@ -149,7 +149,7 @@ const styles = StyleSheet.create({
 		marginTop: 3,
 		color: colors.blue,
 		flex: 1,
-		...fontStyles.fontPrimary
+		...fontStyles.fontPrimary,
 	},
 	optionIconWrapper: {
 		flex: 0,
@@ -157,28 +157,28 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.blue000,
 		padding: 3,
 		marginRight: 10,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	optionIcon: {
 		color: colors.blue,
 		textAlign: 'center',
 		alignSelf: 'center',
-		fontSize: 18
+		fontSize: 18,
 	},
 	webview: {
 		...baseStyles.flexGrow,
-		zIndex: 1
+		zIndex: 1,
 	},
 	urlModalContent: {
 		flexDirection: 'row',
 		paddingTop: Device.isAndroid() ? 10 : Device.isIphoneX() ? 50 : 27,
 		paddingHorizontal: 10,
 		backgroundColor: colors.white,
-		height: Device.isAndroid() ? 59 : Device.isIphoneX() ? 87 : 65
+		height: Device.isAndroid() ? 59 : Device.isIphoneX() ? 87 : 65,
 	},
 	urlModal: {
 		justifyContent: 'flex-start',
-		margin: 0
+		margin: 0,
 	},
 	urlInput: {
 		...fontStyles.normal,
@@ -189,16 +189,16 @@ const styles = StyleSheet.create({
 		paddingLeft: 15,
 		textAlign: 'left',
 		flex: 1,
-		height: Device.isAndroid() ? 40 : 30
+		height: Device.isAndroid() ? 40 : 30,
 	},
 	cancelButton: {
 		marginTop: 7,
-		marginLeft: 10
+		marginLeft: 10,
 	},
 	cancelButtonText: {
 		fontSize: 14,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	iconCloseButton: {
 		borderRadius: 300,
@@ -212,19 +212,19 @@ const styles = StyleSheet.create({
 		alignItems: 'center',
 		justifyContent: 'center',
 		marginTop: 10,
-		marginRight: 5
+		marginRight: 5,
 	},
 	iconClose: {
 		color: colors.white,
-		fontSize: 18
+		fontSize: 18,
 	},
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
+		margin: 0,
 	},
 	fullScreenModal: {
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
 let wizardScrollAdjusted = false;
@@ -234,7 +234,7 @@ const ensIgnoreList = [];
 let approvedHosts = {};
 let appVersion = '';
 
-export const BrowserTab = props => {
+export const BrowserTab = (props) => {
 	const [backEnabled, setBackEnabled] = useState(false);
 	const [forwardEnabled, setForwardEnabled] = useState(false);
 	const [progress, setProgress] = useState(0);
@@ -274,19 +274,19 @@ export const BrowserTab = props => {
 	 * Gets the url to be displayed to the user
 	 * For example, if it's ens then show [site].eth instead of ipfs url
 	 */
-	const getMaskedUrl = url => {
+	const getMaskedUrl = (url) => {
 		if (!url) return url;
 		let replace = null;
 		if (url.startsWith(AppConstants.IPFS_DEFAULT_GATEWAY_URL)) {
-			replace = key => `${AppConstants.IPFS_DEFAULT_GATEWAY_URL}${sessionENSNames[key].hash}/`;
+			replace = (key) => `${AppConstants.IPFS_DEFAULT_GATEWAY_URL}${sessionENSNames[key].hash}/`;
 		} else if (url.startsWith(AppConstants.IPNS_DEFAULT_GATEWAY_URL)) {
-			replace = key => `${AppConstants.IPNS_DEFAULT_GATEWAY_URL}${sessionENSNames[key].hostname}/`;
+			replace = (key) => `${AppConstants.IPNS_DEFAULT_GATEWAY_URL}${sessionENSNames[key].hostname}/`;
 		} else if (url.startsWith(AppConstants.SWARM_DEFAULT_GATEWAY_URL)) {
-			replace = key => `${AppConstants.SWARM_GATEWAY_URL}${sessionENSNames[key].hash}/`;
+			replace = (key) => `${AppConstants.SWARM_GATEWAY_URL}${sessionENSNames[key].hash}/`;
 		}
 
 		if (replace) {
-			const key = Object.keys(sessionENSNames).find(ens => url.startsWith(ens));
+			const key = Object.keys(sessionENSNames).find((ens) => url.startsWith(ens));
 			if (key) {
 				url = url.replace(replace(key), `https://${sessionENSNames[key].hostname}/`);
 			}
@@ -314,7 +314,7 @@ export const BrowserTab = props => {
 	/**
 	 * Checks if it is a ENS website
 	 */
-	const isENSUrl = url => {
+	const isENSUrl = (url) => {
 		const { hostname } = new URL(url);
 		const tld = hostname.split('.').pop();
 		if (AppConstants.supportedTLDs.indexOf(tld.toLowerCase()) !== -1) {
@@ -366,7 +366,7 @@ export const BrowserTab = props => {
 			const fullHostname = new URL(url.current).hostname;
 
 			// TODO:permissions move permissioning logic elsewhere
-			backgroundBridges.current.forEach(bridge => {
+			backgroundBridges.current.forEach((bridge) => {
 				if (
 					bridge.hostname === fullHostname &&
 					(!props.privacyMode || !restricted || approvedHosts[bridge.hostname])
@@ -393,7 +393,7 @@ export const BrowserTab = props => {
 			notifyAllConnections(
 				{
 					method: NOTIFICATION_NAMES.accountsChanged,
-					params: []
+					params: [],
 				},
 				false
 			); // notification should be sent regardless of approval status
@@ -402,7 +402,7 @@ export const BrowserTab = props => {
 		if (numApprovedHosts > 0) {
 			notifyAllConnections({
 				method: NOTIFICATION_NAMES.accountsChanged,
-				params: [selectedAddress]
+				params: [selectedAddress],
 			});
 		}
 
@@ -506,13 +506,13 @@ export const BrowserTab = props => {
 						meta: {
 							url: url.current,
 							title: title.current,
-							icon: icon.current
-						}
+							icon: icon.current,
+						},
 					};
 					const rawSig = await MessageManager.addUnapprovedMessageAsync({
 						data: req.params[1],
 						from: req.params[0],
-						...pageMeta
+						...pageMeta,
 					});
 
 					res.result = rawSig;
@@ -524,7 +524,7 @@ export const BrowserTab = props => {
 					const secondParam = req.params[1];
 					const params = {
 						data: firstParam,
-						from: secondParam
+						from: secondParam,
 					};
 
 					if (resemblesAddress(firstParam) && !resemblesAddress(secondParam)) {
@@ -536,12 +536,12 @@ export const BrowserTab = props => {
 						meta: {
 							url: url.current,
 							title: title.current,
-							icon: icon.current
-						}
+							icon: icon.current,
+						},
 					};
 					const rawSig = await PersonalMessageManager.addUnapprovedMessageAsync({
 						...params,
-						...pageMeta
+						...pageMeta,
 					});
 
 					res.result = rawSig;
@@ -553,14 +553,14 @@ export const BrowserTab = props => {
 						meta: {
 							url: url.current,
 							title: title.current,
-							icon: icon.current
-						}
+							icon: icon.current,
+						},
 					};
 					const rawSig = await TypedMessageManager.addUnapprovedMessageAsync(
 						{
 							data: req.params[0],
 							from: req.params[1],
-							...pageMeta
+							...pageMeta,
 						},
 						'V1'
 					);
@@ -586,15 +586,15 @@ export const BrowserTab = props => {
 						meta: {
 							url: url.current,
 							title: title.current,
-							icon: icon.current
-						}
+							icon: icon.current,
+						},
 					};
 
 					const rawSig = await TypedMessageManager.addUnapprovedMessageAsync(
 						{
 							data: req.params[1],
 							from: req.params[0],
-							...pageMeta
+							...pageMeta,
 						},
 						'V3'
 					);
@@ -620,14 +620,14 @@ export const BrowserTab = props => {
 						meta: {
 							url: url.current,
 							title: title.current,
-							icon: icon.current
-						}
+							icon: icon.current,
+						},
 					};
 					const rawSig = await TypedMessageManager.addUnapprovedMessageAsync(
 						{
 							data: req.params[1],
 							from: req.params[0],
-							...pageMeta
+							...pageMeta,
 						},
 						'V4'
 					);
@@ -647,7 +647,7 @@ export const BrowserTab = props => {
 				wallet_scanQRCode: () =>
 					new Promise((resolve, reject) => {
 						props.navigation.navigate('QRScanner', {
-							onScanSuccess: data => {
+							onScanSuccess: (data) => {
 								const regex = new RegExp(req.params[0]);
 								if (regex && !regex.exec(data)) {
 									reject({ message: 'NO_REGEX_MATCH', data });
@@ -663,9 +663,9 @@ export const BrowserTab = props => {
 								res.result = result;
 								resolve();
 							},
-							onScanError: e => {
+							onScanError: (e) => {
 								throw ethErrors.rpc.internal(e.toString());
-							}
+							},
 						});
 					}),
 
@@ -673,8 +673,8 @@ export const BrowserTab = props => {
 					const {
 						params: {
 							options: { address, decimals, image, symbol },
-							type
-						}
+							type,
+						},
 					} = req;
 					const { TokensController } = Engine.context;
 					const suggestionResult = await TokensController.watchAsset(
@@ -694,10 +694,10 @@ export const BrowserTab = props => {
 							text: strings('browser.cancel'),
 							onPress: () => {
 								res.result = {
-									favorites: props.bookmarks
+									favorites: props.bookmarks,
 								};
 							},
-							style: 'cancel'
+							style: 'cancel',
 						},
 						{
 							text: strings('browser.yes'),
@@ -705,10 +705,10 @@ export const BrowserTab = props => {
 								const bookmark = { url: req.params[0] };
 								props.removeBookmark(bookmark);
 								res.result = {
-									favorites: props.bookmarks
+									favorites: props.bookmarks,
 								};
-							}
-						}
+							},
+						},
 					]);
 				},
 
@@ -739,7 +739,7 @@ export const BrowserTab = props => {
 				metamask_getProviderState: async () => {
 					res.result = {
 						...getProviderState(),
-						accounts: await getAccounts()
+						accounts: await getAccounts(),
 					};
 				},
 
@@ -763,7 +763,7 @@ export const BrowserTab = props => {
 						setCustomNetworkToSwitch,
 						setShowSwitchCustomNetworkDialog,
 						setCustomNetworkToAdd,
-						setShowAddCustomNetworkDialog
+						setShowAddCustomNetworkDialog,
 					}),
 				wallet_switchEthereumChain: () =>
 					RPCMethods.wallet_switchEthereumChain({
@@ -772,8 +772,8 @@ export const BrowserTab = props => {
 						showSwitchCustomNetworkDialog,
 						switchCustomNetworkRequest,
 						setCustomNetworkToSwitch,
-						setShowSwitchCustomNetworkDialog
-					})
+						setShowSwitchCustomNetworkDialog,
+					}),
 			};
 
 			if (!rpcMethods[req.method]) {
@@ -787,7 +787,7 @@ export const BrowserTab = props => {
 			webview: webviewRef,
 			url,
 			getRpcMethodMiddleware,
-			isMainFrame
+			isMainFrame,
 		});
 		backgroundBridges.current.push(newBridge);
 	};
@@ -864,7 +864,7 @@ export const BrowserTab = props => {
 	 * Check if a hostname is allowed
 	 */
 	const isAllowedUrl = useCallback(
-		hostname => {
+		(hostname) => {
 			const { PhishingController } = Engine.context;
 			return (props.whitelist && props.whitelist.includes(hostname)) || !PhishingController.test(hostname);
 		},
@@ -900,7 +900,7 @@ export const BrowserTab = props => {
 	/**
 	 * Show a phishing modal when a url is not allowed
 	 */
-	const handleNotAllowedUrl = urlToGo => {
+	const handleNotAllowedUrl = (urlToGo) => {
 		setBlockedUrl(urlToGo);
 		setTimeout(() => setShowPhishingModal(true), 1000);
 	};
@@ -915,7 +915,7 @@ export const BrowserTab = props => {
 			try {
 				const { type, hash } = await resolveEnsToIpfsContentId({
 					provider,
-					name: hostname
+					name: hostname,
 				});
 				if (type === 'ipfs-ns') {
 					gatewayUrl = `${props.ipfsGateway}${hash}${pathname || '/'}${query || ''}`;
@@ -934,7 +934,7 @@ export const BrowserTab = props => {
 				return {
 					url: gatewayUrl,
 					hash,
-					type
+					type,
 				};
 			} catch (err) {
 				// This is a TLD that might be a normal website
@@ -997,7 +997,7 @@ export const BrowserTab = props => {
 	 * Open a new tab
 	 */
 	const openNewTab = useCallback(
-		url => {
+		(url) => {
 			toggleOptionsIfNeeded();
 			dismissTextSelectionIfNeeded();
 			props.newTab(url);
@@ -1072,7 +1072,7 @@ export const BrowserTab = props => {
 
 		getEntryScriptWeb3();
 
-		Engine.context.TokensController.hub.on('pendingSuggestedAsset', suggestedAssetMeta => {
+		Engine.context.TokensController.hub.on('pendingSuggestedAsset', (suggestedAssetMeta) => {
 			if (!isTabActive()) return false;
 			setSuggestedAssetMeta(suggestedAssetMeta);
 			setWatchAsset(true);
@@ -1083,7 +1083,7 @@ export const BrowserTab = props => {
 
 		// Specify how to clean up after this effect:
 		return function cleanup() {
-			backgroundBridges.current.forEach(bridge => bridge.onDisconnect());
+			backgroundBridges.current.forEach((bridge) => bridge.onDisconnect());
 
 			// Remove all Engine listeners
 			Engine.context.TokensController.hub.removeAllListeners();
@@ -1102,7 +1102,7 @@ export const BrowserTab = props => {
 				showUrlModal: toggleUrlModal,
 				url: getMaskedUrl(url.current),
 				icon: icon.current,
-				error
+				error,
 			});
 		}
 
@@ -1165,14 +1165,14 @@ export const BrowserTab = props => {
 			props.navigation.setParams({
 				url: getMaskedUrl(siteInfo.url),
 				icon: siteInfo.icon,
-				silent: true
+				silent: true,
 			});
 
 		props.updateTabInfo(getMaskedUrl(siteInfo.url), props.id);
 
 		props.addToBrowserHistory({
 			name: siteInfo.title,
-			url: getMaskedUrl(siteInfo.url)
+			url: getMaskedUrl(siteInfo.url),
 		});
 	};
 
@@ -1279,7 +1279,7 @@ export const BrowserTab = props => {
 			injectHomePageScripts();
 		}
 		// Reset the previous bridges
-		backgroundBridges.current.length && backgroundBridges.current.forEach(bridge => bridge.onDisconnect());
+		backgroundBridges.current.length && backgroundBridges.current.forEach((bridge) => bridge.onDisconnect());
 		backgroundBridges.current = [];
 		const origin = new URL(nativeEvent.url).origin;
 		initializeBackgroundBridge(origin, true);
@@ -1301,12 +1301,12 @@ export const BrowserTab = props => {
 
 		current && current.injectJavaScript(JS_WEBVIEW_URL);
 
-		const promiseResolver = resolve => {
+		const promiseResolver = (resolve) => {
 			webviewUrlPostMessagePromiseResolve.current = resolve;
 		};
 		const promise = current ? new Promise(promiseResolver) : Promise.resolve(url.current);
 
-		promise.then(info => {
+		promise.then((info) => {
 			const { hostname: currentHostname } = new URL(url.current);
 			const { hostname } = new URL(nativeEvent.url);
 			if (info.url === nativeEvent.url && currentHostname === hostname) {
@@ -1327,7 +1327,7 @@ export const BrowserTab = props => {
 				return;
 			}
 			if (data.name) {
-				backgroundBridges.current.forEach(bridge => {
+				backgroundBridges.current.forEach((bridge) => {
 					if (bridge.isMainFrame) {
 						const { origin } = data && data.origin && new URL(data.origin);
 						bridge.url === origin && bridge.onMessage(data);
@@ -1380,7 +1380,7 @@ export const BrowserTab = props => {
 	/**
 	 * When url input changes
 	 */
-	const onURLChange = inputValue => {
+	const onURLChange = (inputValue) => {
 		setAutocompleteValue(inputValue);
 	};
 
@@ -1476,7 +1476,7 @@ export const BrowserTab = props => {
 	const onError = ({ nativeEvent: errorInfo }) => {
 		Logger.log(errorInfo);
 		props.navigation.setParams({
-			error: true
+			error: true,
 		});
 		setError(errorInfo);
 	};
@@ -1500,8 +1500,8 @@ export const BrowserTab = props => {
 							contentDescription: `Launch ${name || url} on MetaMask`,
 							keywords: [name.split(' '), url, 'dapp'],
 							thumbnail: {
-								uri: icon.current || `https://api.faviconkit.com/${getHost(url)}/256`
-							}
+								uri: icon.current || `https://api.faviconkit.com/${getHost(url)}/256`,
+							},
 						};
 						try {
 							SearchApi.indexSpotlightItem(item);
@@ -1509,8 +1509,8 @@ export const BrowserTab = props => {
 							Logger.error(e, 'Error adding to spotlight');
 						}
 					}
-				}
-			}
+				},
+			},
 		});
 
 		Analytics.trackEvent(ANALYTICS_EVENT_OPTS.DAPP_ADD_TO_FAVORITE);
@@ -1522,8 +1522,8 @@ export const BrowserTab = props => {
 	const share = () => {
 		toggleOptionsIfNeeded();
 		Share.open({
-			url: url.current
-		}).catch(err => {
+			url: url.current,
+		}).catch((err) => {
 			Logger.log('Error while trying to share address', err);
 		});
 	};
@@ -1533,7 +1533,7 @@ export const BrowserTab = props => {
 	 */
 	const openInBrowser = () => {
 		toggleOptionsIfNeeded();
-		Linking.openURL(url.current).catch(error =>
+		Linking.openURL(url.current).catch((error) =>
 			Logger.log(`Error while trying to open external link: ${url.current}`, error)
 		);
 		Analytics.trackEvent(ANALYTICS_EVENT_OPTS.DAPP_OPEN_IN_BROWSER);
@@ -1611,7 +1611,7 @@ export const BrowserTab = props => {
 						<View
 							style={[
 								styles.optionsWrapper,
-								Device.isAndroid() ? styles.optionsWrapperAndroid : styles.optionsWrapperIos
+								Device.isAndroid() ? styles.optionsWrapperAndroid : styles.optionsWrapperIos,
 							]}
 						>
 							<Button onPress={onNewTabPress} style={styles.option}>
@@ -1687,7 +1687,7 @@ export const BrowserTab = props => {
 					currentPageInformation={{
 						title: title.current,
 						url: getMaskedUrl(url.current),
-						icon: icon.current
+						icon: icon.current,
 					}}
 				/>
 			</Modal>
@@ -1725,7 +1725,7 @@ export const BrowserTab = props => {
 				currentPageInformation={{
 					title: title.current,
 					url: getMaskedUrl(url.current),
-					icon: icon.current
+					icon: icon.current,
 				}}
 				customNetworkInformation={customNetworkToAdd}
 			/>
@@ -1764,7 +1764,7 @@ export const BrowserTab = props => {
 				currentPageInformation={{
 					title: title.current,
 					url: getMaskedUrl(url.current),
-					icon: icon.current
+					icon: icon.current,
 				}}
 				customNetworkInformation={customNetworkToSwitch}
 				type={showSwitchCustomNetworkDialog}
@@ -1803,7 +1803,7 @@ export const BrowserTab = props => {
 				currentPageInformation={{
 					title: title.current,
 					url: getMaskedUrl(url.current),
-					icon: icon.current
+					icon: icon.current,
 				}}
 			/>
 		</Modal>
@@ -1991,14 +1991,14 @@ BrowserTab.propTypes = {
 	/**
 	 * An object representing the selected network provider
 	 */
-	networkProvider: PropTypes.object
+	networkProvider: PropTypes.object,
 };
 
 BrowserTab.defaultProps = {
-	defaultProtocol: 'https://'
+	defaultProtocol: 'https://',
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	approvedHosts: state.privacy.approvedHosts,
 	bookmarks: state.bookmarks,
 	ipfsGateway: state.engine.backgroundState.PreferencesController.ipfsGateway,
@@ -2010,20 +2010,17 @@ const mapStateToProps = state => ({
 	searchEngine: state.settings.searchEngine,
 	whitelist: state.browser.whitelist,
 	activeTab: state.browser.activeTab,
-	wizardStep: state.wizard.step
+	wizardStep: state.wizard.step,
 });
 
-const mapDispatchToProps = dispatch => ({
-	approveHost: hostname => dispatch(approveHost(hostname)),
-	addBookmark: bookmark => dispatch(addBookmark(bookmark)),
-	removeBookmark: bookmark => dispatch(removeBookmark(bookmark)),
+const mapDispatchToProps = (dispatch) => ({
+	approveHost: (hostname) => dispatch(approveHost(hostname)),
+	addBookmark: (bookmark) => dispatch(addBookmark(bookmark)),
+	removeBookmark: (bookmark) => dispatch(removeBookmark(bookmark)),
 	addToBrowserHistory: ({ url, name }) => dispatch(addToHistory({ url, name })),
-	addToWhitelist: url => dispatch(addToWhitelist(url)),
+	addToWhitelist: (url) => dispatch(addToWhitelist(url)),
 	toggleNetworkModal: () => dispatch(toggleNetworkModal()),
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(withNavigation(BrowserTab));
+export default connect(mapStateToProps, mapDispatchToProps)(withNavigation(BrowserTab));
diff --git a/app/components/Views/ChoosePassword/index.js b/app/components/Views/ChoosePassword/index.js
index f771a7d7288..a9b5c882965 100644
--- a/app/components/Views/ChoosePassword/index.js
+++ b/app/components/Views/ChoosePassword/index.js
@@ -27,7 +27,7 @@ import {
 	NEXT_MAKER_REMINDER,
 	TRUE,
 	SEED_PHRASE_HINTS,
-	BIOMETRY_CHOICE_DISABLED
+	BIOMETRY_CHOICE_DISABLED,
 } from '../../../constants/storage';
 import { getPasswordStrengthWord, passwordRequirementsMet, MIN_PASSWORD_LENGTH } from '../../../util/password';
 
@@ -36,39 +36,39 @@ import { CHOOSE_PASSWORD_STEPS } from '../../../constants/onboarding';
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	wrapper: {
 		flex: 1,
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	scrollableWrapper: {
 		flex: 1,
-		paddingHorizontal: 32
+		paddingHorizontal: 32,
 	},
 	keyboardScrollableWrapper: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	loadingWrapper: {
 		paddingHorizontal: 40,
 		paddingBottom: 30,
 		alignItems: 'center',
-		flex: 1
+		flex: 1,
 	},
 	foxWrapper: {
 		width: Device.isIos() ? 90 : 80,
 		height: Device.isIos() ? 90 : 80,
 		marginTop: 30,
-		marginBottom: 30
+		marginBottom: 30,
 	},
 	image: {
 		alignSelf: 'center',
 		width: 80,
-		height: 80
+		height: 80,
 	},
 	content: {
 		textAlign: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	title: {
 		fontSize: Device.isAndroid() ? 20 : 25,
@@ -77,19 +77,19 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	subtitle: {
 		fontSize: 16,
 		lineHeight: 23,
 		color: colors.fontPrimary,
 		textAlign: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	text: {
 		marginBottom: 10,
 		justifyContent: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	checkboxContainer: {
 		marginTop: 10,
@@ -97,29 +97,29 @@ const styles = StyleSheet.create({
 		flex: 1,
 		alignItems: 'center',
 		justifyContent: 'center',
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	checkbox: {
 		width: 18,
 		height: 18,
 		margin: 10,
-		marginTop: -5
+		marginTop: -5,
 	},
 	label: {
 		...fontStyles.normal,
 		fontSize: 14,
 		color: colors.black,
 		paddingHorizontal: 10,
-		lineHeight: 18
+		lineHeight: 18,
 	},
 	learnMore: {
 		color: colors.blue,
 		textDecorationLine: 'underline',
-		textDecorationColor: colors.blue
+		textDecorationColor: colors.blue,
 	},
 	field: {
 		marginVertical: 5,
-		position: 'relative'
+		position: 'relative',
 	},
 	input: {
 		borderWidth: 1,
@@ -128,69 +128,69 @@ const styles = StyleSheet.create({
 		borderRadius: 6,
 		fontSize: 14,
 		height: 50,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	ctaWrapper: {
 		flex: 1,
 		marginTop: 20,
-		paddingHorizontal: 10
+		paddingHorizontal: 10,
 	},
 	errorMsg: {
 		color: colors.red,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	biometrics: {
 		position: 'relative',
 		marginTop: 20,
-		marginBottom: 30
+		marginBottom: 30,
 	},
 	biometryLabel: {
 		flex: 1,
 		fontSize: 16,
 		color: colors.black,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	biometrySwitch: {
 		position: 'absolute',
 		top: 0,
-		right: 0
+		right: 0,
 	},
 	hintLabel: {
 		color: colors.black,
 		fontSize: 16,
 		marginBottom: 12,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	passwordStrengthLabel: {
 		height: 20,
 		marginTop: 10,
 		fontSize: 15,
 		color: colors.black,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	showPassword: {
 		position: 'absolute',
 		top: 0,
-		right: 0
+		right: 0,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_weak: {
-		color: colors.red
+		color: colors.red,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_good: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_strong: {
-		color: colors.green300
+		color: colors.green300,
 	},
 	showMatchingPasswords: {
 		position: 'absolute',
 		top: 52,
 		right: 17,
-		alignSelf: 'flex-end'
-	}
+		alignSelf: 'flex-end',
+	},
 });
 
 const PASSCODE_NOT_SET_ERROR = 'Error: Passcode not set.';
@@ -232,7 +232,7 @@ class ChoosePassword extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	state = {
@@ -245,7 +245,7 @@ class ChoosePassword extends PureComponent {
 		rememberMe: false,
 		loading: false,
 		error: null,
-		inputWidth: { width: '99%' }
+		inputWidth: { width: '99%' },
 	};
 
 	mounted = true;
@@ -261,7 +261,7 @@ class ChoosePassword extends PureComponent {
 		}
 		setTimeout(() => {
 			this.setState({
-				inputWidth: { width: '100%' }
+				inputWidth: { width: '100%' },
 			});
 		}, 100);
 	}
@@ -273,7 +273,7 @@ class ChoosePassword extends PureComponent {
 		if (!prevLoading && loading) {
 			// update navigationOptions
 			navigation.setParams({
-				headerLeft: () => <View />
+				headerLeft: () => <View />,
 			});
 		}
 	}
@@ -287,7 +287,7 @@ class ChoosePassword extends PureComponent {
 		this.setState(() => ({ isSelected: !isSelected }));
 	};
 
-	createNewVaultAndKeychain = async password => {
+	createNewVaultAndKeychain = async (password) => {
 		const { KeyringController } = Engine.context;
 		await Engine.resetState();
 		await KeyringController.createNewVaultAndKeychain(password);
@@ -365,7 +365,7 @@ class ChoosePassword extends PureComponent {
 	 *
 	 * @param password - Password to recreate and set the vault with
 	 */
-	recreateVault = async password => {
+	recreateVault = async (password) => {
 		const { KeyringController, PreferencesController } = Engine.context;
 		const seedPhrase = await this.getSeedPhrase();
 
@@ -374,12 +374,12 @@ class ChoosePassword extends PureComponent {
 			const keychainPassword = this.keyringControllerPasswordSet ? this.state.password : '';
 			// Get imported accounts
 			const simpleKeyrings = KeyringController.state.keyrings.filter(
-				keyring => keyring.type === 'Simple Key Pair'
+				(keyring) => keyring.type === 'Simple Key Pair'
 			);
 			for (let i = 0; i < simpleKeyrings.length; i++) {
 				const simpleKeyring = simpleKeyrings[i];
 				const simpleKeyringAccounts = await Promise.all(
-					simpleKeyring.accounts.map(account => KeyringController.exportAccount(keychainPassword, account))
+					simpleKeyring.accounts.map((account) => KeyringController.exportAccount(keychainPassword, account))
 				);
 				importedAccounts = [...importedAccounts, ...simpleKeyringAccounts];
 			}
@@ -443,7 +443,7 @@ class ChoosePassword extends PureComponent {
 		current && current.focus();
 	};
 
-	updateBiometryChoice = async biometryChoice => {
+	updateBiometryChoice = async (biometryChoice) => {
 		if (!biometryChoice) {
 			await AsyncStorage.setItem(BIOMETRY_CHOICE_DISABLED, TRUE);
 		} else {
@@ -475,7 +475,7 @@ class ChoosePassword extends PureComponent {
 					<>
 						<Text style={styles.biometryLabel}>{strings(`choose_password.remember_me`)}</Text>
 						<Switch
-							onValueChange={rememberMe => this.setState({ rememberMe })} // eslint-disable-line react/jsx-no-bind
+							onValueChange={(rememberMe) => this.setState({ rememberMe })} // eslint-disable-line react/jsx-no-bind
 							value={rememberMe}
 							style={styles.biometrySwitch}
 							trackColor={Device.isIos() ? { true: colors.green300, false: colors.grey300 } : null}
@@ -487,14 +487,14 @@ class ChoosePassword extends PureComponent {
 		);
 	};
 
-	onPasswordChange = val => {
+	onPasswordChange = (val) => {
 		const passInfo = zxcvbn(val);
 
 		this.setState({ password: val, passwordStrength: passInfo.score });
 	};
 
 	toggleShowHide = () => {
-		this.setState(state => ({ secureTextEntry: !state.secureTextEntry }));
+		this.setState((state) => ({ secureTextEntry: !state.secureTextEntry }));
 	};
 
 	learnMore = () => {
@@ -502,24 +502,16 @@ class ChoosePassword extends PureComponent {
 			screen: 'SimpleWebview',
 			params: {
 				url: 'https://metamask.zendesk.com/hc/en-us/articles/360039616872-How-can-I-reset-my-password-',
-				title: 'metamask.zendesk.com'
-			}
+				title: 'metamask.zendesk.com',
+			},
 		});
 	};
 
-	setConfirmPassword = val => this.setState({ confirmPassword: val });
+	setConfirmPassword = (val) => this.setState({ confirmPassword: val });
 
 	render() {
-		const {
-			isSelected,
-			inputWidth,
-			password,
-			passwordStrength,
-			confirmPassword,
-			secureTextEntry,
-			error,
-			loading
-		} = this.state;
+		const { isSelected, inputWidth, password, passwordStrength, confirmPassword, secureTextEntry, error, loading } =
+			this.state;
 		const passwordsMatch = password !== '' && password === confirmPassword;
 		const canSubmit = passwordsMatch && isSelected;
 		const previousScreen = this.props.route.params?.[PREVIOUS_SCREEN];
@@ -654,18 +646,15 @@ class ChoosePassword extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress
+const mapStateToProps = (state) => ({
+	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 });
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
 	passwordSet: () => dispatch(passwordSet()),
 	passwordUnset: () => dispatch(passwordUnset()),
-	setLockTime: time => dispatch(setLockTime(time)),
-	seedphraseNotBackedUp: () => dispatch(seedphraseNotBackedUp())
+	setLockTime: (time) => dispatch(setLockTime(time)),
+	seedphraseNotBackedUp: () => dispatch(seedphraseNotBackedUp()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(ChoosePassword);
+export default connect(mapStateToProps, mapDispatchToProps)(ChoosePassword);
diff --git a/app/components/Views/ChoosePassword/index.test.js b/app/components/Views/ChoosePassword/index.test.js
index dc5586b4b69..ac4410b9547 100644
--- a/app/components/Views/ChoosePassword/index.test.js
+++ b/app/components/Views/ChoosePassword/index.test.js
@@ -13,19 +13,19 @@ describe('ChoosePassword', () => {
 		const initialState = {
 			user: {
 				passwordSet: true,
-				seedphraseBackedUp: false
+				seedphraseBackedUp: false,
 			},
 			engine: {
 				backgroundState: {
 					PreferencesController: {
-						selectedAddress: '0xe7E125654064EEa56229f273dA586F10DF96B0a1'
-					}
-				}
-			}
+						selectedAddress: '0xe7E125654064EEa56229f273dA586F10DF96B0a1',
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<ChoosePassword route={{ params: [ONBOARDING, PROTECT] }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/ChoosePasswordSimple/index.js b/app/components/Views/ChoosePasswordSimple/index.js
index 589cb9d7d42..2e7cb11ccd5 100644
--- a/app/components/Views/ChoosePasswordSimple/index.js
+++ b/app/components/Views/ChoosePasswordSimple/index.js
@@ -9,7 +9,7 @@ import {
 	TextInput,
 	SafeAreaView,
 	StyleSheet,
-	TouchableOpacity
+	TouchableOpacity,
 } from 'react-native';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
 import { connect } from 'react-redux';
@@ -27,25 +27,25 @@ import { getPasswordStrengthWord, passwordRequirementsMet } from '../../../util/
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	wrapper: {
 		flex: 1,
-		padding: 20
+		padding: 20,
 	},
 	content: {
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	subtitle: {
 		fontSize: 16,
 		lineHeight: 23,
 		color: colors.fontPrimary,
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	text: {
 		marginBottom: 10,
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 
 	label: {
@@ -55,11 +55,11 @@ const styles = StyleSheet.create({
 		fontSize: 16,
 		color: colors.fontSecondary,
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	field: {
 		marginTop: 20,
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	input: {
 		borderBottomWidth: Device.isAndroid() ? 0 : 1,
@@ -69,15 +69,15 @@ const styles = StyleSheet.create({
 		borderRadius: 4,
 		fontSize: 14,
 		height: 50,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	ctaWrapper: {
 		marginTop: 20,
-		paddingHorizontal: 10
+		paddingHorizontal: 10,
 	},
 	errorMsg: {
 		color: colors.red,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	passwordStrengthLabel: {
 		height: 20,
@@ -86,31 +86,31 @@ const styles = StyleSheet.create({
 		fontSize: 12,
 		color: colors.fontSecondary,
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_weak: {
-		color: colors.red
+		color: colors.red,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_good: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_strong: {
-		color: colors.green300
+		color: colors.green300,
 	},
 	showHideToggle: {
 		backgroundColor: colors.white,
 		position: 'absolute',
 		marginTop: 8,
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	showMatchingPasswords: {
 		position: 'absolute',
 		marginTop: 8,
-		alignSelf: 'flex-end'
-	}
+		alignSelf: 'flex-end',
+	},
 });
 
 /**
@@ -129,7 +129,7 @@ class ChoosePasswordSimple extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	state = {
@@ -142,7 +142,7 @@ class ChoosePasswordSimple extends PureComponent {
 		labelsScaleNew: new Animated.Value(1),
 		labelsScaleConfirm: new Animated.Value(1),
 		loading: false,
-		error: null
+		error: null,
 	};
 
 	startX = 0;
@@ -185,7 +185,7 @@ class ChoosePasswordSimple extends PureComponent {
 		current && current.focus();
 	};
 
-	animateInLabel = label => {
+	animateInLabel = (label) => {
 		if (
 			(label === 'new' && this.state.password !== '') ||
 			(label === 'confirm' && this.state.confirmPassword !== '')
@@ -196,20 +196,20 @@ class ChoosePasswordSimple extends PureComponent {
 			toValue: 1,
 			duration: 200,
 			useNativeDriver: true,
-			isInteraction: false
+			isInteraction: false,
 		}).start();
 	};
 
-	animateOutLabel = label => {
+	animateOutLabel = (label) => {
 		Animated.timing(label === 'new' ? this.state.labelsScaleNew : this.state.labelsScaleConfirm, {
 			toValue: 0.66,
 			duration: 200,
 			useNativeDriver: true,
-			isInteraction: false
+			isInteraction: false,
 		}).start();
 	};
 
-	onPasswordChange = val => {
+	onPasswordChange = (val) => {
 		const passInfo = zxcvbn(val);
 
 		this.setState({ password: val, passwordStrength: passInfo.score });
@@ -219,7 +219,7 @@ class ChoosePasswordSimple extends PureComponent {
 		this.setState({ secureTextEntry: !this.state.secureTextEntry });
 	};
 
-	setConfirmPassword = val => this.setState({ confirmPassword: val });
+	setConfirmPassword = (val) => this.setState({ confirmPassword: val });
 
 	render() {
 		const { passwordStrength, startX, startY, width, height, initialScale, endX, endY } = this;
@@ -242,28 +242,28 @@ class ChoosePasswordSimple extends PureComponent {
 										{
 											transform: [
 												{
-													scale: this.state.labelsScaleNew
+													scale: this.state.labelsScaleNew,
 												},
 												{
 													translateX: this.state.labelsScaleNew.interpolate({
 														inputRange: [0, 1],
 														outputRange: [
 															startX - width / 2 - (width * initialScale) / 2,
-															endX
-														]
-													})
+															endX,
+														],
+													}),
 												},
 												{
 													translateY: this.state.labelsScaleNew.interpolate({
 														inputRange: [0, 1],
 														outputRange: [
 															startY - height / 2 - (height * initialScale) / 2,
-															endY
-														]
-													})
-												}
-											]
-										}
+															endY,
+														],
+													}),
+												},
+											],
+										},
 									]}
 								>
 									{strings('choose_password.password')}
@@ -305,28 +305,28 @@ class ChoosePasswordSimple extends PureComponent {
 										{
 											transform: [
 												{
-													scale: this.state.labelsScaleConfirm
+													scale: this.state.labelsScaleConfirm,
 												},
 												{
 													translateX: this.state.labelsScaleConfirm.interpolate({
 														inputRange: [0, 1],
 														outputRange: [
 															startX - width / 2 - (width * initialScale) / 2,
-															endX
-														]
-													})
+															endX,
+														],
+													}),
 												},
 												{
 													translateY: this.state.labelsScaleConfirm.interpolate({
 														inputRange: [0, 1],
 														outputRange: [
 															startY - height / 2 - (height * initialScale) / 2,
-															endY
-														]
-													})
-												}
-											]
-										}
+															endY,
+														],
+													}),
+												},
+											],
+										},
 									]}
 								>
 									{strings('choose_password.confirm_password')}
@@ -383,12 +383,9 @@ class ChoosePasswordSimple extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
 	passwordSet: () => dispatch(passwordSet()),
-	setLockTime: time => dispatch(setLockTime(time))
+	setLockTime: (time) => dispatch(setLockTime(time)),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(ChoosePasswordSimple);
+export default connect(null, mapDispatchToProps)(ChoosePasswordSimple);
diff --git a/app/components/Views/ChoosePasswordSimple/index.test.js b/app/components/Views/ChoosePasswordSimple/index.test.js
index e6e6458ca29..29fe09ed370 100644
--- a/app/components/Views/ChoosePasswordSimple/index.test.js
+++ b/app/components/Views/ChoosePasswordSimple/index.test.js
@@ -12,12 +12,12 @@ describe('ChoosePasswordSimple', () => {
 		const initialState = {
 			user: {
 				passwordSet: true,
-				seedphraseBackedUp: false
-			}
+				seedphraseBackedUp: false,
+			},
 		};
 
 		const wrapper = shallow(<ChoosePasswordSimple route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Collectible/index.js b/app/components/Views/Collectible/index.js
index f6d2127bee7..8ead1f1a6e5 100644
--- a/app/components/Views/Collectible/index.js
+++ b/app/components/Views/Collectible/index.js
@@ -15,8 +15,8 @@ import { toLowerCaseEquals } from '../../../util/general';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
 /**
@@ -46,12 +46,12 @@ class Collectible extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	state = {
 		refreshing: false,
-		collectibles: []
+		collectibles: [],
 	};
 
 	static navigationOptions = ({ navigation, route }) =>
@@ -72,15 +72,15 @@ class Collectible extends PureComponent {
 		const {
 			route: { params },
 			navigation,
-			collectibleContractModalVisible
+			collectibleContractModalVisible,
 		} = this.props;
 		const collectibleContract = params;
 		const address = params.address;
 		const { collectibles } = this.props;
-		const filteredCollectibles = collectibles.filter(collectible =>
+		const filteredCollectibles = collectibles.filter((collectible) =>
 			toLowerCaseEquals(collectible.address, address)
 		);
-		filteredCollectibles.map(collectible => {
+		filteredCollectibles.map((collectible) => {
 			if (!collectible.name || collectible.name === '') {
 				collectible.name = collectibleContract.name;
 			}
@@ -132,16 +132,13 @@ class Collectible extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	collectibles: state.engine.backgroundState.CollectiblesController.collectibles,
-	collectibleContractModalVisible: state.modals.collectibleContractModalVisible
+	collectibleContractModalVisible: state.modals.collectibleContractModalVisible,
 });
 
-const mapDispatchToProps = dispatch => ({
-	toggleCollectibleContractModal: () => dispatch(toggleCollectibleContractModal())
+const mapDispatchToProps = (dispatch) => ({
+	toggleCollectibleContractModal: () => dispatch(toggleCollectibleContractModal()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Collectible);
+export default connect(mapStateToProps, mapDispatchToProps)(Collectible);
diff --git a/app/components/Views/Collectible/index.test.js b/app/components/Views/Collectible/index.test.js
index 9cdb624daa9..bf072ad098e 100644
--- a/app/components/Views/Collectible/index.test.js
+++ b/app/components/Views/Collectible/index.test.js
@@ -11,17 +11,17 @@ describe('Collectible', () => {
 			engine: {
 				backgroundState: {
 					CollectiblesController: {
-						collectibles: [{ address: '0x0', name: 'collectible', tokenId: 0, image: 'image' }]
-					}
-				}
+						collectibles: [{ address: '0x0', name: 'collectible', tokenId: 0, image: 'image' }],
+					},
+				},
 			},
 			modals: {
-				collectibleContractModalVisible: false
-			}
+				collectibleContractModalVisible: false,
+			},
 		};
 
 		const wrapper = shallow(<Collectible route={{ params: { address: '0x1' } }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/CollectibleView/index.js b/app/components/Views/CollectibleView/index.js
index c333e71644a..4416531e68d 100644
--- a/app/components/Views/CollectibleView/index.js
+++ b/app/components/Views/CollectibleView/index.js
@@ -13,26 +13,26 @@ import { newAssetTransaction } from '../../../actions/transaction';
 const styles = StyleSheet.create({
 	root: {
 		flex: 1,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	wrapper: {
-		flex: 0.9
+		flex: 0.9,
 	},
 	buttons: {
 		paddingVertical: 15,
 		flex: 0.1,
-		height: 4
+		height: 4,
 	},
 	button: {
 		marginHorizontal: 16,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	buttonText: {
 		marginLeft: 8,
 		fontSize: 15,
 		color: colors.white,
-		...fontStyles.bold
-	}
+		...fontStyles.bold,
+	},
 });
 
 /**
@@ -52,7 +52,7 @@ class CollectibleView extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	static navigationOptions = ({ navigation, route }) =>
@@ -60,7 +60,7 @@ class CollectibleView extends PureComponent {
 
 	onSend = async () => {
 		const {
-			route: { params }
+			route: { params },
 		} = this.props;
 		this.props.newAssetTransaction(params);
 		this.props.navigation.navigate('SendFlowView');
@@ -69,7 +69,7 @@ class CollectibleView extends PureComponent {
 	render() {
 		const {
 			route: { params },
-			navigation
+			navigation,
 		} = this.props;
 		const collectible = params;
 		const lowerAddress = collectible.address.toLowerCase();
@@ -103,11 +103,8 @@ class CollectibleView extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
-	newAssetTransaction: selectedAsset => dispatch(newAssetTransaction(selectedAsset))
+const mapDispatchToProps = (dispatch) => ({
+	newAssetTransaction: (selectedAsset) => dispatch(newAssetTransaction(selectedAsset)),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(CollectibleView);
+export default connect(null, mapDispatchToProps)(CollectibleView);
diff --git a/app/components/Views/CreateWallet/index.js b/app/components/Views/CreateWallet/index.js
index bf10804b035..f814012cedf 100644
--- a/app/components/Views/CreateWallet/index.js
+++ b/app/components/Views/CreateWallet/index.js
@@ -8,7 +8,7 @@ import {
 	View,
 	ScrollView,
 	StyleSheet,
-	BackHandler
+	BackHandler,
 } from 'react-native';
 import AsyncStorage from '@react-native-community/async-storage';
 import { colors, fontStyles, baseStyles } from '../../../styles/common';
@@ -31,19 +31,19 @@ import {
 	EXISTING_USER,
 	ONBOARDING_WIZARD,
 	METRICS_OPT_IN,
-	TRUE
+	TRUE,
 } from '../../../constants/storage';
 import DefaultPreference from 'react-native-default-preference';
 
 const styles = StyleSheet.create({
 	scroll: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	wrapper: {
 		paddingHorizontal: 40,
 		paddingBottom: 30,
 		alignItems: 'center',
-		flex: 1
+		flex: 1,
 	},
 	title: {
 		fontSize: 22,
@@ -51,7 +51,7 @@ const styles = StyleSheet.create({
 		marginBottom: 10,
 		color: colors.fontPrimary,
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	subtitle: {
 		width: 295,
@@ -60,19 +60,19 @@ const styles = StyleSheet.create({
 		marginBottom: 20,
 		color: colors.grey500,
 		textAlign: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	foxWrapper: {
 		width: Device.isIos() ? 90 : 80,
 		height: Device.isIos() ? 90 : 80,
 		marginTop: 30,
-		marginBottom: 30
+		marginBottom: 30,
 	},
 	image: {
 		alignSelf: 'center',
 		width: 80,
-		height: 80
-	}
+		height: 80,
+	},
 });
 
 /**
@@ -81,7 +81,7 @@ const styles = StyleSheet.create({
  */
 class CreateWallet extends PureComponent {
 	static navigationOptions = () => ({
-		header: null
+		header: null,
 	});
 
 	static propTypes = {
@@ -108,7 +108,7 @@ class CreateWallet extends PureComponent {
 		/**
 		 * React navigation prop to know if this view is focused
 		 */
-		isFocused: PropTypes.bool
+		isFocused: PropTypes.bool,
 	};
 
 	// Temporary disabling the back button so users can't go back
@@ -185,14 +185,11 @@ class CreateWallet extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
-	setLockTime: time => dispatch(setLockTime(time)),
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step)),
+const mapDispatchToProps = (dispatch) => ({
+	setLockTime: (time) => dispatch(setLockTime(time)),
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 	passwordUnset: () => dispatch(passwordUnset()),
-	seedphraseNotBackedUp: () => dispatch(seedphraseNotBackedUp())
+	seedphraseNotBackedUp: () => dispatch(seedphraseNotBackedUp()),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(withNavigationFocus(CreateWallet));
+export default connect(null, mapDispatchToProps)(withNavigationFocus(CreateWallet));
diff --git a/app/components/Views/EnterPasswordSimple/index.js b/app/components/Views/EnterPasswordSimple/index.js
index 975d01e88a1..e74a6608ce0 100644
--- a/app/components/Views/EnterPasswordSimple/index.js
+++ b/app/components/Views/EnterPasswordSimple/index.js
@@ -12,26 +12,26 @@ import { passwordRequirementsMet } from '../../../util/password';
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	wrapper: {
 		flex: 1,
-		padding: 16
+		padding: 16,
 	},
 	input: {
 		borderWidth: 2,
 		borderRadius: 5,
 		borderColor: colors.grey000,
-		padding: 10
+		padding: 10,
 	},
 	ctaWrapper: {
-		marginTop: 10
+		marginTop: 10,
 	},
 	enterPassword: {
 		color: colors.black,
 		fontSize: 16,
-		marginBottom: 15
-	}
+		marginBottom: 15,
+	},
 });
 
 /**
@@ -49,13 +49,13 @@ export default class EnterPasswordSimple extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	state = {
 		password: '',
 		loading: false,
-		error: null
+		error: null,
 	};
 
 	mounted = true;
@@ -75,7 +75,7 @@ export default class EnterPasswordSimple extends PureComponent {
 		}
 	};
 
-	onPasswordChange = val => {
+	onPasswordChange = (val) => {
 		this.setState({ password: val });
 	};
 
diff --git a/app/components/Views/Entry/index.js b/app/components/Views/Entry/index.js
index aa67aef93b0..7f4fcbbb005 100644
--- a/app/components/Views/Entry/index.js
+++ b/app/components/Views/Entry/index.js
@@ -19,7 +19,7 @@ import {
 	ENCRYPTION_LIB,
 	ORIGINAL,
 	CURRENT_APP_VERSION,
-	LAST_APP_VERSION
+	LAST_APP_VERSION,
 } from '../../../constants/storage';
 import { getVersion } from 'react-native-device-info';
 import DefaultPreference from 'react-native-default-preference';
@@ -35,7 +35,7 @@ const LOGO_PADDING = 25;
 const styles = StyleSheet.create({
 	main: {
 		flex: 1,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	metamaskName: {
 		marginTop: 10,
@@ -43,36 +43,36 @@ const styles = StyleSheet.create({
 		width: 170,
 		alignSelf: 'center',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	logoWrapper: {
 		backgroundColor: colors.white,
 		paddingTop: 50,
 		marginTop: Dimensions.get('window').height / 2 - LOGO_SIZE / 2 - LOGO_PADDING,
-		height: LOGO_SIZE + LOGO_PADDING * 2
+		height: LOGO_SIZE + LOGO_PADDING * 2,
 	},
 	foxAndName: {
 		alignSelf: 'center',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	animation: {
 		width: 110,
 		height: 110,
 		alignSelf: 'center',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	fox: {
 		width: 110,
 		height: 110,
 		alignSelf: 'center',
 		alignItems: 'center',
-		justifyContent: 'center'
-	}
+		justifyContent: 'center',
+	},
 });
 
-const Entry = props => {
+const Entry = (props) => {
 	const [viewToGo, setViewToGo] = useState(null);
 
 	const animation = useRef(null);
@@ -84,12 +84,12 @@ const Entry = props => {
 			toValue: 0,
 			duration: 300,
 			useNativeDriver: true,
-			isInteraction: false
+			isInteraction: false,
 		}).start(() => {
 			if (viewToGo === 'OptinMetrics') {
 				props.navigation.navigate('OnboardingRootNav', {
 					screen: 'OnboardingNav',
-					params: { screen: 'OptinMetrics' }
+					params: { screen: 'OptinMetrics' },
 				});
 			} else if (viewToGo && (viewToGo !== 'WalletView' || viewToGo !== 'Onboarding')) {
 				props.navigation.navigate(viewToGo);
@@ -102,7 +102,7 @@ const Entry = props => {
 	}, [opacity, viewToGo, props.navigation]);
 
 	const animateAndGoTo = useCallback(
-		viewToGo => {
+		(viewToGo) => {
 			setViewToGo(viewToGo);
 			if (Device.isAndroid()) {
 				animation && animation.current ? animation.current.play(0, 25) : onAnimationFinished();
@@ -240,21 +240,18 @@ Entry.propTypes = {
 	/**
 	 * Dispatch set onboarding wizard step
 	 */
-	setOnboardingWizardStep: PropTypes.func
+	setOnboardingWizardStep: PropTypes.func,
 };
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	passwordSet: state.user.passwordSet,
 	selectedAddress:
 		state.engine.backgroundState.PreferencesController &&
-		state.engine.backgroundState.PreferencesController.selectedAddress
+		state.engine.backgroundState.PreferencesController.selectedAddress,
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(withNavigation(Entry));
+export default connect(mapStateToProps, mapDispatchToProps)(withNavigation(Entry));
diff --git a/app/components/Views/Entry/index.test.js b/app/components/Views/Entry/index.test.js
index d03ff0ff62a..cdbcb6ebc02 100644
--- a/app/components/Views/Entry/index.test.js
+++ b/app/components/Views/Entry/index.test.js
@@ -9,17 +9,17 @@ describe('Entry', () => {
 	it('should render correctly', () => {
 		const initialState = {
 			user: {
-				passwordSet: false
+				passwordSet: false,
 			},
 			engine: {
 				backgroundState: {
-					PreferencesController: {}
-				}
-			}
+					PreferencesController: {},
+				},
+			},
 		};
 
 		const wrapper = shallow(<Entry />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
diff --git a/app/components/Views/ErrorBoundary/index.js b/app/components/Views/ErrorBoundary/index.js
index 890da5cc18c..00d640bfb12 100644
--- a/app/components/Views/ErrorBoundary/index.js
+++ b/app/components/Views/ErrorBoundary/index.js
@@ -14,25 +14,25 @@ const metamaskErrorImage = require('../../../images/metamask-error.png');
 
 const styles = StyleSheet.create({
 	container: {
-		flex: 1
+		flex: 1,
 	},
 	content: {
 		paddingHorizontal: 24,
-		flex: 1
+		flex: 1,
 	},
 	header: {
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	errorImage: {
 		width: 50,
 		height: 50,
-		marginTop: 24
+		marginTop: 24,
 	},
 	title: {
 		color: colors.black,
 		fontSize: 24,
 		lineHeight: 34,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	subtitle: {
 		fontSize: 14,
@@ -40,19 +40,19 @@ const styles = StyleSheet.create({
 		color: colors.grey500,
 		marginTop: 8,
 		textAlign: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	errorContainer: {
 		backgroundColor: colors.red000,
 		borderRadius: 8,
-		marginTop: 24
+		marginTop: 24,
 	},
 	error: {
 		color: colors.black,
 		padding: 8,
 		fontSize: 14,
 		lineHeight: 20,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	button: {
 		marginTop: 24,
@@ -60,37 +60,37 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		borderRadius: 50,
 		padding: 12,
-		paddingHorizontal: 34
+		paddingHorizontal: 34,
 	},
 	buttonText: {
 		color: colors.blue,
 		textAlign: 'center',
 		...fontStyles.normal,
-		fontWeight: '500'
+		fontWeight: '500',
 	},
 	textContainer: {
-		marginTop: 24
+		marginTop: 24,
 	},
 	text: {
 		color: colors.black,
 		fontSize: 14,
 		lineHeight: 20,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	link: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	reportTextContainer: {
 		paddingLeft: 14,
 		marginTop: 16,
-		marginBottom: 24
+		marginBottom: 24,
 	},
 	reportStep: {
-		marginTop: 14
-	}
+		marginTop: 14,
+	},
 });
 
-const Fallback = props => (
+const Fallback = (props) => (
 	<SafeAreaView style={styles.container}>
 		<ScrollView style={styles.content}>
 			<View style={styles.header}>
@@ -157,7 +157,7 @@ Fallback.propTypes = {
 	resetError: PropTypes.func,
 	showExportSeedphrase: PropTypes.func,
 	copyErrorToClipboard: PropTypes.func,
-	openTicket: PropTypes.func
+	openTicket: PropTypes.func,
 };
 
 class ErrorBoundary extends Component {
@@ -165,7 +165,7 @@ class ErrorBoundary extends Component {
 
 	static propTypes = {
 		children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-		view: PropTypes.string.isRequired
+		view: PropTypes.string.isRequired,
 	};
 
 	static getDerivedStateFromError(error) {
@@ -193,7 +193,7 @@ class ErrorBoundary extends Component {
 	copyErrorToClipboard = async () => {
 		await Clipboard.setString(this.getErrorMessage());
 		Alert.alert(strings('error_screen.copied_clipboard'), '', [{ text: strings('error_screen.ok') }], {
-			cancelable: true
+			cancelable: true,
 		});
 	};
 
diff --git a/app/components/Views/FiatOrdersView/OrderDetails.js b/app/components/Views/FiatOrdersView/OrderDetails.js
index 567054f4fff..22e4263d0d8 100644
--- a/app/components/Views/FiatOrdersView/OrderDetails.js
+++ b/app/components/Views/FiatOrdersView/OrderDetails.js
@@ -15,8 +15,8 @@ import { addCurrencySymbol, renderNumber } from '../../../util/number';
 const styles = StyleSheet.create({
 	summary: {
 		marginTop: 8,
-		marginBottom: 16
-	}
+		marginBottom: 16,
+	},
 });
 
 function OrderDetails({ order: { ...order }, closeModal }) {
@@ -101,7 +101,7 @@ function OrderDetails({ order: { ...order }, closeModal }) {
 
 OrderDetails.propTypes = {
 	order: PropTypes.object,
-	closeModal: PropTypes.func
+	closeModal: PropTypes.func,
 };
 
 export default OrderDetails;
diff --git a/app/components/Views/FiatOrdersView/OrderListItem.js b/app/components/Views/FiatOrdersView/OrderListItem.js
index b7c809ba835..f6c551bd375 100644
--- a/app/components/Views/FiatOrdersView/OrderListItem.js
+++ b/app/components/Views/FiatOrdersView/OrderListItem.js
@@ -17,8 +17,8 @@ const transactionIconReceived = require('../../../images/transaction-icons/recei
 const styles = StyleSheet.create({
 	icon: {
 		width: 28,
-		height: 28
-	}
+		height: 28,
+	},
 });
 
 /**
@@ -54,7 +54,7 @@ function OrderListItem({ order }) {
 }
 
 OrderListItem.propTypes = {
-	order: PropTypes.object
+	order: PropTypes.object,
 };
 
 export default OrderListItem;
diff --git a/app/components/Views/FiatOrdersView/index.js b/app/components/Views/FiatOrdersView/index.js
index b8b997864de..38f13c01700 100644
--- a/app/components/Views/FiatOrdersView/index.js
+++ b/app/components/Views/FiatOrdersView/index.js
@@ -15,15 +15,15 @@ import OrderDetails from './OrderDetails';
  */
 const styles = StyleSheet.create({
 	wrapper: {
-		flex: 1
+		flex: 1,
 	},
 	row: {
 		borderBottomWidth: StyleSheet.hairlineWidth,
-		borderColor: colors.grey100
-	}
+		borderColor: colors.grey100,
+	},
 });
 
-const keyExtractor = item => item.id;
+const keyExtractor = (item) => item.id;
 
 /**
  *
@@ -58,7 +58,7 @@ const renderItem = ({ item }) => (
 );
 
 renderItem.propTypes = {
-	item: PropTypes.object
+	item: PropTypes.object,
 };
 
 function FiatOrdersView({ orders, ...props }) {
@@ -70,11 +70,11 @@ function FiatOrdersView({ orders, ...props }) {
 }
 
 FiatOrdersView.propTypes = {
-	orders: PropTypes.array
+	orders: PropTypes.array,
 };
 
-const mapStateToProps = state => ({
-	orders: getOrders(state)
+const mapStateToProps = (state) => ({
+	orders: getOrders(state),
 });
 
 export default connect(mapStateToProps)(FiatOrdersView);
diff --git a/app/components/Views/GasEducationCarousel/index.js b/app/components/Views/GasEducationCarousel/index.js
index 6c2f7b300de..450e0becaa2 100644
--- a/app/components/Views/GasEducationCarousel/index.js
+++ b/app/components/Views/GasEducationCarousel/index.js
@@ -22,66 +22,66 @@ const IMG_PADDING = Device.isIphone5() ? 220 : 200;
 
 const styles = StyleSheet.create({
 	scroll: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	wrapper: {
 		paddingVertical: Device.isIphone5() ? 15 : 30,
-		flex: 1
+		flex: 1,
 	},
 	title: {
 		fontSize: 24,
 		marginBottom: Device.isIphone5() ? 8 : 14,
 		justifyContent: 'center',
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	subtitle: {
 		fontSize: 14,
 		marginBottom: Device.isIphone5() ? 8 : 14,
 		justifyContent: 'center',
 		textAlign: 'center',
-		lineHeight: 20
+		lineHeight: 20,
 	},
 	subheader: {
 		fontSize: 16,
 		marginBottom: Device.isIphone5() ? 8 : 14,
 		lineHeight: 22.5,
 		justifyContent: 'center',
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	link: {
 		marginTop: Device.isIphone5() ? 12 : 24,
 		fontSize: 14,
 		justifyContent: 'center',
 		textAlign: 'center',
-		lineHeight: 20
+		lineHeight: 20,
 	},
 	ctas: {
 		flex: 1,
 		justifyContent: 'flex-end',
-		paddingHorizontal: 40
+		paddingHorizontal: 40,
 	},
 	ctaWrapper: {
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	carouselImage: {},
 	// eslint-disable-next-line react-native/no-unused-styles
 	carouselImage1: {
 		width: DEVICE_WIDTH - IMG_PADDING,
-		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_1_RATIO
+		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_1_RATIO,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	carouselImage2: {
 		width: DEVICE_WIDTH - IMG_PADDING,
-		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_2_RATIO
+		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_2_RATIO,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	carouselImage3: {
 		width: DEVICE_WIDTH - IMG_PADDING,
-		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_3_RATIO
+		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_3_RATIO,
 	},
 	carouselImageWrapper: {
 		flexDirection: 'row',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	circle: {
 		width: 8,
@@ -89,19 +89,19 @@ const styles = StyleSheet.create({
 		borderRadius: 8 / 2,
 		backgroundColor: colors.grey500,
 		opacity: 0.4,
-		marginHorizontal: 8
+		marginHorizontal: 8,
 	},
 	solidCircle: {
-		opacity: 1
+		opacity: 1,
 	},
 	progessContainer: {
 		flexDirection: 'row',
 		alignSelf: 'center',
-		marginVertical: Device.isIphone5() ? 18 : 36
+		marginVertical: Device.isIphone5() ? 18 : 36,
 	},
 	tab: {
-		margin: 32
-	}
+		margin: 32,
+	},
 });
 
 const gas_education_carousel_1 = require('../../../images/gas-education-carousel-1.png'); // eslint-disable-line
@@ -132,17 +132,17 @@ const GasEducationCarousel = ({ navigation, route, conversionRate, currentCurren
 
 	const renderTabBar = () => <View />;
 
-	const onChangeTab = obj => {
+	const onChangeTab = (obj) => {
 		setCurrentTab(obj.i + 1);
 	};
 
 	const openLink = () =>
 		navigation.navigate('Webview', {
 			screen: 'SimpleWebview',
-			params: { url: 'https://community.metamask.io/t/what-is-gas-why-do-transactions-take-so-long/3172' }
+			params: { url: 'https://community.metamask.io/t/what-is-gas-why-do-transactions-take-so-long/3172' },
 		});
 
-	const renderText = key => {
+	const renderText = (key) => {
 		if (key === 1) {
 			return (
 				<View style={styles.tab}>
@@ -249,7 +249,7 @@ const GasEducationCarousel = ({ navigation, route, conversionRate, currentCurren
 						</ScrollableTabView>
 
 						<View style={styles.progessContainer}>
-							{[1, 2, 3].map(i => (
+							{[1, 2, 3].map((i) => (
 								<View key={i} style={[styles.circle, currentTab === i && styles.solidCircle]} />
 							))}
 						</View>
@@ -279,12 +279,12 @@ GasEducationCarousel.propTypes = {
 	/**
 	 * Object that represents the current route info like params passed to it
 	 */
-	route: PropTypes.object
+	route: PropTypes.object,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
-	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency
+	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 });
 
 export default connect(mapStateToProps)(GasEducationCarousel);
diff --git a/app/components/Views/ImportFromSeed/index.js b/app/components/Views/ImportFromSeed/index.js
index a67dabf9ef0..9f94d154de5 100644
--- a/app/components/Views/ImportFromSeed/index.js
+++ b/app/components/Views/ImportFromSeed/index.js
@@ -9,7 +9,7 @@ import {
 	View,
 	TextInput,
 	SafeAreaView,
-	StyleSheet
+	StyleSheet,
 } from 'react-native';
 import AsyncStorage from '@react-native-community/async-storage';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
@@ -37,7 +37,7 @@ import {
 	ONBOARDING_WIZARD,
 	EXISTING_USER,
 	METRICS_OPT_IN,
-	TRUE
+	TRUE,
 } from '../../../constants/storage';
 import Logger from '../../../util/Logger';
 import { getPasswordStrengthWord, passwordRequirementsMet, MIN_PASSWORD_LENGTH } from '../../../util/password';
@@ -47,11 +47,11 @@ import DefaultPreference from 'react-native-default-preference';
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	wrapper: {
 		flex: 1,
-		paddingHorizontal: 32
+		paddingHorizontal: 32,
 	},
 	title: {
 		fontSize: Device.isAndroid() ? 20 : 25,
@@ -60,36 +60,36 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	field: {
 		marginVertical: 5,
-		position: 'relative'
+		position: 'relative',
 	},
 	fieldRow: {
 		flexDirection: 'row',
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	fieldCol: {
-		width: '70%'
+		width: '70%',
 	},
 	fieldColRight: {
 		flexDirection: 'row-reverse',
-		width: '30%'
+		width: '30%',
 	},
 	label: {
 		color: colors.black,
 		fontSize: 16,
 		marginBottom: 12,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	ctaWrapper: {
-		marginTop: 20
+		marginTop: 20,
 	},
 	errorMsg: {
 		color: colors.red,
 		textAlign: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	seedPhrase: {
 		marginBottom: 10,
@@ -103,51 +103,51 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		borderColor: colors.grey500,
 		backgroundColor: colors.white,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	padding: {
-		paddingRight: 46
+		paddingRight: 46,
 	},
 	biometrics: {
 		alignItems: 'flex-start',
-		marginTop: 10
+		marginTop: 10,
 	},
 	biometryLabel: {
 		flex: 1,
 		fontSize: 16,
 		color: colors.black,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	biometrySwitch: {
 		marginTop: 10,
-		flex: 0
+		flex: 0,
 	},
 	termsAndConditions: {
-		paddingVertical: 10
+		paddingVertical: 10,
 	},
 	passwordStrengthLabel: {
 		height: 20,
 		fontSize: 15,
 		color: colors.black,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_weak: {
-		color: colors.red
+		color: colors.red,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_good: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_strong: {
-		color: colors.green300
+		color: colors.green300,
 	},
 	showMatchingPasswords: {
 		position: 'absolute',
 		top: 52,
 		right: 17,
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	qrCode: {
 		marginRight: 10,
@@ -158,17 +158,17 @@ const styles = StyleSheet.create({
 		paddingHorizontal: 6,
 		marginTop: -50,
 		marginBottom: 30,
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	inputFocused: {
 		borderColor: colors.blue,
-		borderWidth: 2
+		borderWidth: 2,
 	},
 	input: {
 		...fontStyles.normal,
 		fontSize: 16,
-		paddingTop: 2
-	}
+		paddingTop: 2,
+	},
 });
 
 const PASSCODE_NOT_SET_ERROR = 'Error: Passcode not set.';
@@ -203,7 +203,7 @@ class ImportFromSeed extends PureComponent {
 		/**
 		 * Action to set onboarding wizard step
 		 */
-		setOnboardingWizardStep: PropTypes.func
+		setOnboardingWizardStep: PropTypes.func,
 	};
 
 	state = {
@@ -218,7 +218,7 @@ class ImportFromSeed extends PureComponent {
 		error: null,
 		seedphraseInputFocused: false,
 		inputWidth: { width: '99%' },
-		hideSeedPhraseInput: true
+		hideSeedPhraseInput: true,
 	};
 
 	passwordInput = React.createRef();
@@ -312,21 +312,21 @@ class ImportFromSeed extends PureComponent {
 		}
 	};
 
-	onBiometryChoiceChange = value => {
+	onBiometryChoiceChange = (value) => {
 		this.setState({ biometryChoice: value });
 	};
 
-	onSeedWordsChange = seed => {
+	onSeedWordsChange = (seed) => {
 		this.setState({ seed });
 	};
 
-	onPasswordChange = val => {
+	onPasswordChange = (val) => {
 		const passInfo = zxcvbn(val);
 
 		this.setState({ password: val, passwordStrength: passInfo.score });
 	};
 
-	onPasswordConfirmChange = val => {
+	onPasswordConfirmChange = (val) => {
 		this.setState({ confirmPassword: val });
 	};
 
@@ -340,7 +340,7 @@ class ImportFromSeed extends PureComponent {
 		current && current.focus();
 	};
 
-	updateBiometryChoice = async biometryChoice => {
+	updateBiometryChoice = async (biometryChoice) => {
 		if (!biometryChoice) {
 			await AsyncStorage.setItem(BIOMETRY_CHOICE_DISABLED, TRUE);
 		} else {
@@ -371,7 +371,7 @@ class ImportFromSeed extends PureComponent {
 			<View style={styles.biometrics}>
 				<Text style={styles.biometryLabel}>{strings(`choose_password.remember_me`)}</Text>
 				<Switch
-					onValueChange={rememberMe => this.setState({ rememberMe })} // eslint-disable-line react/jsx-no-bind
+					onValueChange={(rememberMe) => this.setState({ rememberMe })} // eslint-disable-line react/jsx-no-bind
 					value={this.state.rememberMe}
 					style={styles.biometrySwitch}
 					trackColor={Device.isIos() ? { true: colors.green300, false: colors.grey300 } : null}
@@ -403,9 +403,9 @@ class ImportFromSeed extends PureComponent {
 				}
 				this.toggleHideSeedPhraseInput();
 			},
-			onScanError: error => {
+			onScanError: (error) => {
 				this.toggleHideSeedPhraseInput();
-			}
+			},
 		});
 	};
 
@@ -422,7 +422,7 @@ class ImportFromSeed extends PureComponent {
 			secureTextEntry,
 			error,
 			loading,
-			hideSeedPhraseInput
+			hideSeedPhraseInput,
 		} = this.state;
 
 		const passwordStrengthWord = getPasswordStrengthWord(passwordStrength);
@@ -589,14 +589,11 @@ class ImportFromSeed extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
-	setLockTime: time => dispatch(setLockTime(time)),
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step)),
+const mapDispatchToProps = (dispatch) => ({
+	setLockTime: (time) => dispatch(setLockTime(time)),
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 	passwordSet: () => dispatch(passwordSet()),
-	seedphraseBackedUp: () => dispatch(seedphraseBackedUp())
+	seedphraseBackedUp: () => dispatch(seedphraseBackedUp()),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(ImportFromSeed);
+export default connect(null, mapDispatchToProps)(ImportFromSeed);
diff --git a/app/components/Views/ImportFromSeed/index.test.js b/app/components/Views/ImportFromSeed/index.test.js
index 3eef21f0301..3f42d2306d4 100644
--- a/app/components/Views/ImportFromSeed/index.test.js
+++ b/app/components/Views/ImportFromSeed/index.test.js
@@ -10,12 +10,12 @@ describe('ImportFromSeed', () => {
 		const initialState = {
 			user: {
 				passwordSet: true,
-				seedphraseBackedUp: false
-			}
+				seedphraseBackedUp: false,
+			},
 		};
 
 		const wrapper = shallow(<ImportFromSeed route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/ImportPrivateKey/index.js b/app/components/Views/ImportPrivateKey/index.js
index fa54ae4f4fe..cf916aee5fb 100644
--- a/app/components/Views/ImportPrivateKey/index.js
+++ b/app/components/Views/ImportPrivateKey/index.js
@@ -7,7 +7,7 @@ import {
 	Text,
 	View,
 	StyleSheet,
-	InteractionManager
+	InteractionManager,
 } from 'react-native';
 
 import PropTypes from 'prop-types';
@@ -23,13 +23,13 @@ import PreventScreenshot from '../../../core/PreventScreenshot';
 
 const styles = StyleSheet.create({
 	mainWrapper: {
-		backgroundColor: colors.blue000
+		backgroundColor: colors.blue000,
 	},
 	wrapper: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	content: {
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	title: {
 		fontSize: 32,
@@ -38,53 +38,53 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	dataRow: {
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	label: {
 		fontSize: 14,
 		color: colors.fontPrimary,
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	subtitleText: {
 		fontSize: 18,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	scanPkeyRow: {
 		alignItems: 'center',
 		justifyContent: 'center',
-		marginTop: 20
+		marginTop: 20,
 	},
 	scanPkeyText: {
 		fontSize: 14,
-		color: colors.blue
+		color: colors.blue,
 	},
 	icon: {
 		textAlign: 'left',
 		fontSize: 50,
 		marginTop: 0,
-		marginLeft: 0
+		marginLeft: 0,
 	},
 	buttonWrapper: {
 		flex: 1,
 		justifyContent: 'flex-end',
 		padding: 20,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	button: {
-		marginBottom: Device.isIphoneX() ? 20 : 0
+		marginBottom: Device.isIphoneX() ? 20 : 0,
 	},
 	top: {
 		paddingTop: 0,
-		padding: 30
+		padding: 30,
 	},
 	bottom: {
 		width: '100%',
 		padding: 30,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	input: {
 		marginTop: 20,
@@ -99,19 +99,19 @@ const styles = StyleSheet.create({
 		height: 120,
 		borderWidth: StyleSheet.hairlineWidth,
 		borderColor: colors.grey100,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	navbarRightButton: {
 		alignSelf: 'flex-end',
 		paddingHorizontal: 22,
 		paddingTop: 20,
 		paddingBottom: 10,
-		marginTop: Device.isIphoneX() ? 40 : 20
+		marginTop: Device.isIphoneX() ? 40 : 20,
 	},
 	closeIcon: {
 		fontSize: 28,
-		color: colors.fontSecondary
-	}
+		color: colors.fontSecondary,
+	},
 });
 
 /**
@@ -122,13 +122,13 @@ export default class ImportPrivateKey extends PureComponent {
 		/**
 		/* navigation object required to push and pop other views
 		*/
-		navigation: PropTypes.object
+		navigation: PropTypes.object,
 	};
 
 	state = {
 		privateKey: '',
 		loading: false,
-		inputWidth: Device.isAndroid() ? '99%' : undefined
+		inputWidth: Device.isAndroid() ? '99%' : undefined,
 	};
 
 	componentDidMount = () => {
@@ -170,11 +170,11 @@ export default class ImportPrivateKey extends PureComponent {
 			screen: 'SimpleWebview',
 			params: {
 				url: 'https://metamask.zendesk.com/hc/en-us/articles/360015289932-What-are-imported-accounts-',
-				title: strings('drawer.metamask_support')
-			}
+				title: strings('drawer.metamask_support'),
+			},
 		});
 
-	onInputChange = value => {
+	onInputChange = (value) => {
 		this.setState({ privateKey: value });
 	};
 
@@ -184,7 +184,7 @@ export default class ImportPrivateKey extends PureComponent {
 
 	scanPkey = () => {
 		this.props.navigation.navigate('QRScanner', {
-			onScanSuccess: data => {
+			onScanSuccess: (data) => {
 				if (data.private_key) {
 					this.setState({ privateKey: data.private_key }, () => {
 						this.goNext();
@@ -192,7 +192,7 @@ export default class ImportPrivateKey extends PureComponent {
 				} else {
 					Alert.alert(strings('import_private_key.error_title'), strings('import_private_key.error_message'));
 				}
-			}
+			},
 		});
 	};
 
diff --git a/app/components/Views/ImportPrivateKeySuccess/index.js b/app/components/Views/ImportPrivateKeySuccess/index.js
index 4307c97b00b..32bbf1d7b00 100644
--- a/app/components/Views/ImportPrivateKeySuccess/index.js
+++ b/app/components/Views/ImportPrivateKeySuccess/index.js
@@ -14,13 +14,13 @@ import PreventScreenshot from '../../../core/PreventScreenshot';
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	wrapper: {
-		flex: 1
+		flex: 1,
 	},
 	content: {
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	title: {
 		fontSize: 32,
@@ -29,39 +29,39 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	dataRow: {
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	label: {
 		fontSize: 16,
 		lineHeight: 23,
 		color: colors.fontPrimary,
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	icon: {
 		textAlign: 'left',
 		fontSize: 90,
 		marginTop: 0,
-		marginLeft: 0
+		marginLeft: 0,
 	},
 	top: {
 		paddingTop: 0,
-		padding: 30
+		padding: 30,
 	},
 	navbarRightButton: {
 		alignSelf: 'flex-end',
 		paddingHorizontal: 22,
 		paddingTop: 20,
 		paddingBottom: 10,
-		marginTop: Device.isIphoneX() ? 40 : 20
+		marginTop: Device.isIphoneX() ? 40 : 20,
 	},
 	closeIcon: {
 		fontSize: 28,
-		color: colors.fontSecondary
-	}
+		color: colors.fontSecondary,
+	},
 });
 
 /**
@@ -76,7 +76,7 @@ class ImportPrivateKeySuccess extends PureComponent {
 		/**
 		 * List of keyrings
 		 */
-		keyrings: PropTypes.array
+		keyrings: PropTypes.array,
 	};
 
 	componentDidMount = () => {
@@ -144,8 +144,8 @@ class ImportPrivateKeySuccess extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	keyrings: state.engine.backgroundState.KeyringController.keyrings
+const mapStateToProps = (state) => ({
+	keyrings: state.engine.backgroundState.KeyringController.keyrings,
 });
 
 export default connect(mapStateToProps)(ImportPrivateKeySuccess);
diff --git a/app/components/Views/LockScreen/index.js b/app/components/Views/LockScreen/index.js
index 9aae314eae2..04bab69ee48 100644
--- a/app/components/Views/LockScreen/index.js
+++ b/app/components/Views/LockScreen/index.js
@@ -17,31 +17,31 @@ const styles = StyleSheet.create({
 		width: 170,
 		alignSelf: 'center',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	logoWrapper: {
 		marginTop: Dimensions.get('window').height / 2 - LOGO_SIZE / 2,
-		height: LOGO_SIZE
+		height: LOGO_SIZE,
 	},
 	foxAndName: {
 		alignSelf: 'center',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	animation: {
 		width: 110,
 		height: 110,
 		alignSelf: 'center',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	fox: {
 		width: 110,
 		height: 110,
 		alignSelf: 'center',
 		alignItems: 'center',
-		justifyContent: 'center'
-	}
+		justifyContent: 'center',
+	},
 });
 /**
  * Main view component for the Lock screen
@@ -55,11 +55,11 @@ class LockScreen extends PureComponent {
 		/**
 		 * Boolean flag that determines if password has been set
 		 */
-		passwordSet: PropTypes.bool
+		passwordSet: PropTypes.bool,
 	};
 
 	state = {
-		ready: false
+		ready: false,
 	};
 
 	appState = 'active';
@@ -78,7 +78,7 @@ class LockScreen extends PureComponent {
 		this.mounted = true;
 	}
 
-	handleAppStateChange = async nextAppState => {
+	handleAppStateChange = async (nextAppState) => {
 		// Try to unlock when coming from the background
 		if (this.locked && this.appState !== 'active' && nextAppState === 'active') {
 			this.firstAnimation.play();
@@ -121,7 +121,7 @@ class LockScreen extends PureComponent {
 			} else {
 				this.props.navigation.navigate('OnboardingRootNav', {
 					screen: 'OnboardingNav',
-					params: { screen: 'Onboarding' }
+					params: { screen: 'Onboarding' },
 				});
 			}
 		} catch (error) {
@@ -144,7 +144,7 @@ class LockScreen extends PureComponent {
 				toValue: 0,
 				duration: 300,
 				useNativeDriver: true,
-				isInteraction: false
+				isInteraction: false,
 			}).start(() => {
 				this.props.navigation.goBack();
 			});
@@ -156,7 +156,7 @@ class LockScreen extends PureComponent {
 			return (
 				<LottieView
 					// eslint-disable-next-line react/jsx-no-bind
-					ref={animation => {
+					ref={(animation) => {
 						this.firstAnimation = animation;
 					}}
 					style={styles.animation}
@@ -169,7 +169,7 @@ class LockScreen extends PureComponent {
 			<View style={styles.foxAndName}>
 				<LottieView
 					// eslint-disable-next-line react/jsx-no-bind
-					ref={animation => {
+					ref={(animation) => {
 						this.secondAnimation = animation;
 					}}
 					style={styles.animation}
@@ -179,7 +179,7 @@ class LockScreen extends PureComponent {
 				/>
 				<LottieView
 					// eslint-disable-next-line react/jsx-no-bind
-					ref={animation => {
+					ref={(animation) => {
 						this.animationName = animation;
 					}}
 					style={styles.metamaskName}
@@ -201,11 +201,8 @@ class LockScreen extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	passwordSet: state.user.passwordSet
+const mapStateToProps = (state) => ({
+	passwordSet: state.user.passwordSet,
 });
 
-export default connect(
-	mapStateToProps,
-	null
-)(LockScreen);
+export default connect(mapStateToProps, null)(LockScreen);
diff --git a/app/components/Views/LockScreen/index.test.js b/app/components/Views/LockScreen/index.test.js
index e894fad58ea..5d9524a8f20 100644
--- a/app/components/Views/LockScreen/index.test.js
+++ b/app/components/Views/LockScreen/index.test.js
@@ -9,12 +9,12 @@ describe('LockScreen', () => {
 	it('should render correctly', () => {
 		const initialState = {
 			user: {
-				passwordSet: false
-			}
+				passwordSet: false,
+			},
 		};
 
 		const wrapper = shallow(<LockScreen />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Login/index.js b/app/components/Views/Login/index.js
index 0d383ef591d..c5d7205d273 100644
--- a/app/components/Views/Login/index.js
+++ b/app/components/Views/Login/index.js
@@ -11,7 +11,7 @@ import {
 	Image,
 	InteractionManager,
 	TouchableWithoutFeedback,
-	Keyboard
+	Keyboard,
 } from 'react-native';
 import AsyncStorage from '@react-native-community/async-storage';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
@@ -37,7 +37,7 @@ import {
 	ENCRYPTION_LIB,
 	TRUE,
 	ORIGINAL,
-	EXISTING_USER
+	EXISTING_USER,
 } from '../../../constants/storage';
 import { passwordRequirementsMet } from '../../../util/password';
 import ErrorBoundary from '../ErrorBoundary';
@@ -53,23 +53,23 @@ const breakPoint = deviceHeight < 700;
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	wrapper: {
 		flex: 1,
-		paddingHorizontal: 32
+		paddingHorizontal: 32,
 	},
 	foxWrapper: {
 		justifyContent: 'center',
 		alignSelf: 'center',
 		width: Device.isIos() ? 130 : 100,
 		height: Device.isIos() ? 130 : 100,
-		marginTop: 100
+		marginTop: 100,
 	},
 	image: {
 		alignSelf: 'center',
 		width: Device.isIos() ? 130 : 100,
-		height: Device.isIos() ? 130 : 100
+		height: Device.isIos() ? 130 : 100,
 	},
 	title: {
 		fontSize: Device.isAndroid() ? 30 : 35,
@@ -78,54 +78,54 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	field: {
 		flex: 1,
 		marginBottom: Device.isAndroid() ? 0 : 10,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	label: {
 		color: colors.black,
 		fontSize: 16,
 		marginBottom: 12,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	ctaWrapper: {
-		marginTop: 20
+		marginTop: 20,
 	},
 	footer: {
-		marginVertical: 40
+		marginVertical: 40,
 	},
 	errorMsg: {
 		color: colors.red,
 		...fontStyles.normal,
-		lineHeight: 20
+		lineHeight: 20,
 	},
 	goBack: {
 		marginVertical: 14,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	biometrics: {
 		flexDirection: 'row',
 		alignItems: 'center',
 		marginTop: 20,
-		marginBottom: 30
+		marginBottom: 30,
 	},
 	biometryLabel: {
 		flex: 1,
 		fontSize: 16,
 		color: colors.black,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	biometrySwitch: {
-		flex: 0
+		flex: 0,
 	},
 	input: {
 		...fontStyles.normal,
 		fontSize: 16,
-		paddingTop: 2
+		paddingTop: 2,
 	},
 	cant: {
 		width: 280,
@@ -135,13 +135,13 @@ const styles = StyleSheet.create({
 		...fontStyles.normal,
 		fontSize: 16,
 		lineHeight: 24,
-		color: colors.black
+		color: colors.black,
 	},
 	areYouSure: {
 		width: '100%',
 		padding: breakPoint ? 16 : 24,
 		justifyContent: 'center',
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	heading: {
 		marginHorizontal: 6,
@@ -149,11 +149,11 @@ const styles = StyleSheet.create({
 		...fontStyles.bold,
 		fontSize: 20,
 		textAlign: 'center',
-		lineHeight: breakPoint ? 24 : 26
+		lineHeight: breakPoint ? 24 : 26,
 	},
 	red: {
 		marginHorizontal: 24,
-		color: colors.red
+		color: colors.red,
 	},
 	warningText: {
 		...fontStyles.normal,
@@ -161,26 +161,26 @@ const styles = StyleSheet.create({
 		fontSize: 14,
 		lineHeight: breakPoint ? 18 : 22,
 		color: colors.black,
-		marginTop: 20
+		marginTop: 20,
 	},
 	warningIcon: {
 		alignSelf: 'center',
 		color: colors.red,
-		marginVertical: 10
+		marginVertical: 10,
 	},
 	bold: {
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	delete: {
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	deleteWarningMsg: {
 		...fontStyles.normal,
 		fontSize: 16,
 		lineHeight: 20,
 		marginTop: 10,
-		color: colors.red
-	}
+		color: colors.red,
+	},
 });
 
 const DELETE = 'delete';
@@ -188,7 +188,7 @@ const PASSCODE_NOT_SET_ERROR = 'Error: Passcode not set.';
 const WRONG_PASSWORD_ERROR = 'Error: Decrypt failed';
 const WRONG_PASSWORD_ERROR_ANDROID = 'Error: error:1e000065:Cipher functions:OPENSSL_internal:BAD_DECRYPT';
 const VAULT_ERROR = 'Error: Cannot unlock without a previous vault.';
-const isTextDelete = text => tlc(text) === DELETE;
+const isTextDelete = (text) => tlc(text) === DELETE;
 
 /**
  * View where returning users can authenticate
@@ -210,7 +210,7 @@ class Login extends PureComponent {
 		/**
 		 * A string representing the selected address => account
 		 */
-		selectedAddress: PropTypes.string
+		selectedAddress: PropTypes.string,
 	};
 
 	state = {
@@ -225,7 +225,7 @@ class Login extends PureComponent {
 		deleteModalVisible: false,
 		disableDelete: true,
 		deleteText: '',
-		showDeleteWarning: false
+		showDeleteWarning: false,
 	};
 
 	mounted = true;
@@ -254,7 +254,7 @@ class Login extends PureComponent {
 				this.setState({
 					biometryType: Device.isAndroid() ? 'biometrics' : biometryType,
 					biometryChoice: enabled,
-					biometryPreviouslyDisabled: !!previouslyDisabled
+					biometryPreviouslyDisabled: !!previouslyDisabled,
 				});
 
 				try {
@@ -305,7 +305,7 @@ class Login extends PureComponent {
 			if (!metricsOptIn) {
 				this.props.navigation.navigate('OnboardingRootNav', {
 					screen: 'OnboardingNav',
-					params: { screen: 'OptinMetrics' }
+					params: { screen: 'OptinMetrics' },
 				});
 			} else if (onboardingWizard) {
 				this.props.navigation.navigate('HomeNav');
@@ -335,7 +335,7 @@ class Login extends PureComponent {
 			} else if (toLowerCaseEquals(error, VAULT_ERROR)) {
 				this.setState({
 					loading: false,
-					error: strings('login.clean_vault_error')
+					error: strings('login.clean_vault_error'),
 				});
 			} else {
 				this.setState({ loading: false, error });
@@ -361,22 +361,22 @@ class Login extends PureComponent {
 			await AsyncStorage.removeItem(EXISTING_USER);
 			this.props.navigation.navigate('OnboardingRootNav', {
 				screen: 'OnboardingNav',
-				params: { screen: 'Onboarding', params: { delete: true } }
+				params: { screen: 'Onboarding', params: { delete: true } },
 			});
 		} catch (error) {
 			Logger.log(error, `Failed to remove key: ${EXISTING_USER} from AsyncStorage`);
 		}
 	};
 
-	toggleWarningModal = () => this.setState(state => ({ warningModalVisible: !state.warningModalVisible }));
+	toggleWarningModal = () => this.setState((state) => ({ warningModalVisible: !state.warningModalVisible }));
 
-	toggleDeleteModal = () => this.setState(state => ({ deleteModalVisible: !state.deleteModalVisible }));
+	toggleDeleteModal = () => this.setState((state) => ({ deleteModalVisible: !state.deleteModalVisible }));
 
-	checkDelete = text => {
+	checkDelete = (text) => {
 		this.setState({
 			deleteText: text,
 			showDeleteWarning: false,
-			disableDelete: !isTextDelete(text)
+			disableDelete: !isTextDelete(text),
 		});
 	};
 
@@ -386,7 +386,7 @@ class Login extends PureComponent {
 		if (isTextDelete(deleteText)) this.delete();
 	};
 
-	updateBiometryChoice = async biometryChoice => {
+	updateBiometryChoice = async (biometryChoice) => {
 		if (!biometryChoice) {
 			await AsyncStorage.setItem(BIOMETRY_CHOICE_DISABLED, TRUE);
 		} else {
@@ -403,7 +403,7 @@ class Login extends PureComponent {
 						{strings(`biometrics.enable_${this.state.biometryType.toLowerCase()}`)}
 					</Text>
 					<Switch
-						onValueChange={biometryChoice => this.updateBiometryChoice(biometryChoice)} // eslint-disable-line react/jsx-no-bind
+						onValueChange={(biometryChoice) => this.updateBiometryChoice(biometryChoice)} // eslint-disable-line react/jsx-no-bind
 						value={this.state.biometryChoice}
 						style={styles.biometrySwitch}
 						trackColor={Device.isIos() ? { true: colors.green300, false: colors.grey300 } : null}
@@ -417,7 +417,7 @@ class Login extends PureComponent {
 			<View style={styles.biometrics}>
 				<Text style={styles.biometryLabel}>{strings(`choose_password.remember_me`)}</Text>
 				<Switch
-					onValueChange={rememberMe => this.setState({ rememberMe })} // eslint-disable-line react/jsx-no-bind
+					onValueChange={(rememberMe) => this.setState({ rememberMe })} // eslint-disable-line react/jsx-no-bind
 					value={this.state.rememberMe}
 					style={styles.biometrySwitch}
 					trackColor={Device.isIos() ? { true: colors.green300, false: colors.grey300 } : null}
@@ -427,14 +427,14 @@ class Login extends PureComponent {
 		);
 	};
 
-	setPassword = val => this.setState({ password: val });
+	setPassword = (val) => this.setState({ password: val });
 
 	onCancelPress = () => {
 		this.toggleWarningModal();
 		InteractionManager.runAfterInteractions(this.toggleDeleteModal);
 	};
 
-	tryBiometric = async e => {
+	tryBiometric = async (e) => {
 		if (e) e.preventDefault();
 		const { current: field } = this.fieldRef;
 		field.blur();
@@ -588,16 +588,13 @@ class Login extends PureComponent {
 	);
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	passwordSet: state.user.passwordSet,
-	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress
+	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Login);
+export default connect(mapStateToProps, mapDispatchToProps)(Login);
diff --git a/app/components/Views/Login/index.test.js b/app/components/Views/Login/index.test.js
index 98200a53420..2204712c624 100644
--- a/app/components/Views/Login/index.test.js
+++ b/app/components/Views/Login/index.test.js
@@ -12,26 +12,26 @@ describe('Login', () => {
 			engine: {
 				backgroundState: {
 					AccountTrackerController: {
-						accounts: { '0x2': { balance: '0' } }
+						accounts: { '0x2': { balance: '0' } },
 					},
 					NetworkController: {
 						provider: {
-							type: ROPSTEN
-						}
+							type: ROPSTEN,
+						},
 					},
 					TokensController: {
-						tokens: []
+						tokens: [],
 					},
-					PreferencesController: {}
-				}
+					PreferencesController: {},
+				},
 			},
 			user: {
-				passwordSet: true
-			}
+				passwordSet: true,
+			},
 		};
 
 		const wrapper = shallow(<Login />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
diff --git a/app/components/Views/ManualBackupStep1/index.js b/app/components/Views/ManualBackupStep1/index.js
index 9460198d8dd..d31859dc15d 100644
--- a/app/components/Views/ManualBackupStep1/index.js
+++ b/app/components/Views/ManualBackupStep1/index.js
@@ -8,7 +8,7 @@ import {
 	InteractionManager,
 	TextInput,
 	KeyboardAvoidingView,
-	TouchableOpacity
+	TouchableOpacity,
 } from 'react-native';
 import PropTypes from 'prop-types';
 import { colors, fontStyles, baseStyles } from '../../../styles/common';
@@ -28,27 +28,27 @@ import {
 	MANUAL_BACKUP_STEPS,
 	SEED_PHRASE,
 	CONFIRM_PASSWORD,
-	WRONG_PASSWORD_ERROR
+	WRONG_PASSWORD_ERROR,
 } from '../../../constants/onboarding';
 
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	wrapper: {
 		flex: 1,
-		paddingHorizontal: 32
+		paddingHorizontal: 32,
 	},
 	onBoardingWrapper: {
-		paddingHorizontal: 20
+		paddingHorizontal: 20,
 	},
 	loader: {
 		backgroundColor: colors.white,
 		flex: 1,
 		minHeight: 300,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	action: {
 		fontSize: 18,
@@ -56,18 +56,18 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	infoWrapper: {
 		marginBottom: 16,
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	info: {
 		fontSize: 14,
 		color: colors.fontPrimary,
 		textAlign: 'center',
 		...fontStyles.normal,
-		paddingHorizontal: 6
+		paddingHorizontal: 6,
 	},
 	seedPhraseConcealer: {
 		position: 'absolute',
@@ -78,13 +78,13 @@ const styles = StyleSheet.create({
 		alignItems: 'center',
 		borderRadius: 8,
 		paddingHorizontal: 24,
-		paddingVertical: 45
+		paddingVertical: 45,
 	},
 	touchableOpacity: {
 		position: 'absolute',
 		width: '100%',
 		height: '100%',
-		borderRadius: 8
+		borderRadius: 8,
 	},
 	blurView: {
 		position: 'absolute',
@@ -92,14 +92,14 @@ const styles = StyleSheet.create({
 		left: 0,
 		bottom: 0,
 		right: 0,
-		borderRadius: 8
+		borderRadius: 8,
 	},
 	icon: {
 		width: 24,
 		height: 24,
 		color: colors.white,
 		textAlign: 'center',
-		marginBottom: 32
+		marginBottom: 32,
 	},
 	reveal: {
 		fontSize: Device.isMediumDevice() ? 13 : 16,
@@ -107,18 +107,18 @@ const styles = StyleSheet.create({
 		color: colors.white,
 		lineHeight: 22,
 		marginBottom: 8,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	watching: {
 		fontSize: Device.isMediumDevice() ? 10 : 12,
 		color: colors.white,
 		lineHeight: 17,
 		marginBottom: 32,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	viewButtonContainer: {
 		width: 155,
-		padding: 12
+		padding: 12,
 	},
 	seedPhraseWrapper: {
 		backgroundColor: colors.white,
@@ -127,17 +127,17 @@ const styles = StyleSheet.create({
 		borderColor: colors.grey100,
 		borderWidth: 1,
 		marginBottom: 64,
-		minHeight: 275
+		minHeight: 275,
 	},
 	wordColumn: {
 		flex: 1,
 		alignItems: 'center',
 		paddingHorizontal: Device.isMediumDevice() ? 18 : 24,
 		paddingVertical: 18,
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	wordWrapper: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	word: {
 		paddingHorizontal: 8,
@@ -151,18 +151,18 @@ const styles = StyleSheet.create({
 		textAlign: 'center',
 		textAlignVertical: 'center',
 		lineHeight: 14,
-		flex: 1
+		flex: 1,
 	},
 	confirmPasswordWrapper: {
 		flex: 1,
 		padding: 30,
-		paddingTop: 0
+		paddingTop: 0,
 	},
 	passwordRequiredContent: {
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	content: {
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	title: {
 		fontSize: 32,
@@ -171,24 +171,24 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	text: {
 		marginBottom: 10,
 		marginTop: 20,
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	label: {
 		fontSize: 16,
 		lineHeight: 23,
 		color: colors.fontPrimary,
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	buttonWrapper: {
 		flex: 1,
 		marginTop: 20,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	input: {
 		borderWidth: 2,
@@ -196,18 +196,18 @@ const styles = StyleSheet.create({
 		width: '100%',
 		borderColor: colors.grey000,
 		padding: 10,
-		height: 40
+		height: 40,
 	},
 	warningMessageText: {
 		paddingVertical: 10,
 		color: colors.red,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	keyboardAvoidingView: {
 		flex: 1,
 		flexDirection: 'row',
-		alignSelf: 'center'
-	}
+		alignSelf: 'center',
+	},
 });
 
 /**
@@ -225,7 +225,7 @@ export default class ManualBackupStep1 extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	steps = MANUAL_BACKUP_STEPS;
@@ -236,7 +236,7 @@ export default class ManualBackupStep1 extends PureComponent {
 		password: undefined,
 		warningIncorrectPassword: undefined,
 		ready: false,
-		view: SEED_PHRASE
+		view: SEED_PHRASE,
 	};
 
 	async componentDidMount() {
@@ -258,7 +258,7 @@ export default class ManualBackupStep1 extends PureComponent {
 		InteractionManager.runAfterInteractions(() => PreventScreenshot.forbid());
 	}
 
-	onPasswordChange = password => {
+	onPasswordChange = (password) => {
 		this.setState({ password });
 	};
 
@@ -268,16 +268,14 @@ export default class ManualBackupStep1 extends PureComponent {
 
 	revealSeedPhrase = () => this.setState({ seedPhraseHidden: false });
 
-	tryExportSeedPhrase = async password => {
+	tryExportSeedPhrase = async (password) => {
 		const { KeyringController } = Engine.context;
 		const mnemonic = await KeyringController.exportSeedPhrase(password);
-		const seed = JSON.stringify(mnemonic)
-			.replace(/"/g, '')
-			.split(' ');
+		const seed = JSON.stringify(mnemonic).replace(/"/g, '').split(' ');
 		return seed;
 	};
 
-	tryUnlockWithPassword = async password => {
+	tryUnlockWithPassword = async (password) => {
 		this.setState({ ready: false });
 		try {
 			this.words = await this.tryExportSeedPhrase(password);
@@ -289,7 +287,7 @@ export default class ManualBackupStep1 extends PureComponent {
 			}
 			this.setState({
 				warningIncorrectPassword: msg,
-				ready: true
+				ready: true,
 			});
 		}
 	};
diff --git a/app/components/Views/ManualBackupStep1/index.test.js b/app/components/Views/ManualBackupStep1/index.test.js
index d9f63dee9b7..3da4a404d90 100644
--- a/app/components/Views/ManualBackupStep1/index.test.js
+++ b/app/components/Views/ManualBackupStep1/index.test.js
@@ -20,9 +20,9 @@ describe('ManualBackupStep1', () => {
 							'business',
 							'category',
 							'champion',
-							'cinnamon'
-						]
-					}
+							'cinnamon',
+						],
+					},
 				}}
 			/>
 		);
diff --git a/app/components/Views/ManualBackupStep2/index.js b/app/components/Views/ManualBackupStep2/index.js
index 7c80a5e9206..ded4b8a735f 100644
--- a/app/components/Views/ManualBackupStep2/index.js
+++ b/app/components/Views/ManualBackupStep2/index.js
@@ -14,14 +14,14 @@ import { getOnboardingNavbarOptions } from '../../UI/Navbar';
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	wrapper: {
 		flex: 1,
-		paddingHorizontal: 32
+		paddingHorizontal: 32,
 	},
 	onBoardingWrapper: {
-		paddingHorizontal: 20
+		paddingHorizontal: 20,
 	},
 	action: {
 		fontSize: 18,
@@ -29,18 +29,18 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	infoWrapper: {
 		marginBottom: 16,
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	info: {
 		fontSize: 16,
 		color: colors.fontPrimary,
 		textAlign: 'center',
 		...fontStyles.normal,
-		paddingHorizontal: 6
+		paddingHorizontal: 6,
 	},
 	seedPhraseWrapper: {
 		backgroundColor: colors.white,
@@ -49,31 +49,31 @@ const styles = StyleSheet.create({
 		justifyContent: 'space-between',
 		borderColor: colors.grey100,
 		borderWidth: 1,
-		marginBottom: 24
+		marginBottom: 24,
 	},
 	seedPhraseWrapperComplete: {
-		borderColor: colors.green500
+		borderColor: colors.green500,
 	},
 	seedPhraseWrapperError: {
-		borderColor: colors.red
+		borderColor: colors.red,
 	},
 	colLeft: {
 		paddingTop: 18,
 		paddingLeft: 27,
 		paddingBottom: 4,
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	colRight: {
 		paddingTop: 18,
 		paddingRight: 27,
 		paddingBottom: 4,
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	wordBoxWrapper: {
 		flexDirection: 'row',
 		justifyContent: 'space-between',
 		alignItems: 'center',
-		marginBottom: 14
+		marginBottom: 14,
 	},
 	wordWrapper: {
 		paddingHorizontal: 8,
@@ -84,13 +84,13 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		borderRadius: 34,
 		borderStyle: 'dashed',
-		marginLeft: 4
+		marginLeft: 4,
 	},
 	word: {
 		fontSize: 14,
 		color: colors.fontPrimary,
 		lineHeight: 14,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	selectableWord: {
 		paddingHorizontal: 8,
@@ -102,46 +102,46 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		marginBottom: 6,
 		borderRadius: 13,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	selectableWordText: {
 		textAlign: 'center',
 		fontSize: 14,
 		lineHeight: 14,
-		color: colors.black
+		color: colors.black,
 	},
 	words: {
 		flexDirection: 'row',
 		flexWrap: 'wrap',
-		justifyContent: Device.isMediumDevice() ? 'space-around' : 'space-between'
+		justifyContent: Device.isMediumDevice() ? 'space-around' : 'space-between',
 	},
 	successRow: {
 		flexDirection: 'row',
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	successText: {
 		fontSize: 12,
 		color: colors.green500,
-		marginLeft: 4
+		marginLeft: 4,
 	},
 	selectedWord: {
 		backgroundColor: colors.grey400,
 		borderWidth: 1,
-		borderColor: colors.grey400
+		borderColor: colors.grey400,
 	},
 	selectedWordText: {
-		color: colors.white
+		color: colors.white,
 	},
 	currentWord: {
 		borderWidth: 1,
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	confirmedWord: {
 		borderWidth: 1,
 		borderColor: colors.blue,
-		borderStyle: 'solid'
-	}
+		borderStyle: 'solid',
+	},
 });
 
 /**
@@ -164,7 +164,7 @@ class ManualBackupStep2 extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	constructor(props) {
@@ -183,7 +183,7 @@ class ManualBackupStep2 extends PureComponent {
 		wordsDict: {},
 		currentIndex: 0,
 		seedPhraseReady: false,
-		currentStep: 2
+		currentStep: 2,
 	};
 
 	componentDidMount = () => {
@@ -191,7 +191,7 @@ class ManualBackupStep2 extends PureComponent {
 		const words = route.params?.words ?? [];
 		this.setState(
 			{
-				confirmedWords: Array(words.length).fill({ word: undefined, originalPosition: undefined })
+				confirmedWords: Array(words.length).fill({ word: undefined, originalPosition: undefined }),
 			},
 			this.createWordsDictionary
 		);
@@ -226,11 +226,11 @@ class ManualBackupStep2 extends PureComponent {
 			currentIndex,
 			wordsDict,
 			confirmedWords,
-			seedPhraseReady: this.findNextAvailableIndex() === -1
+			seedPhraseReady: this.findNextAvailableIndex() === -1,
 		});
 	};
 
-	clearConfirmedWordAt = i => {
+	clearConfirmedWordAt = (i) => {
 		const { confirmedWords, wordsDict } = this.state;
 		const { word, originalPosition } = confirmedWords[i];
 		const currentIndex = i;
@@ -242,7 +242,7 @@ class ManualBackupStep2 extends PureComponent {
 			currentIndex,
 			wordsDict,
 			confirmedWords,
-			seedPhraseReady: this.findNextAvailableIndex() === -1
+			seedPhraseReady: this.findNextAvailableIndex() === -1,
 		});
 	};
 
@@ -266,7 +266,7 @@ class ManualBackupStep2 extends PureComponent {
 	validateWords = () => {
 		const words = this.props.route.params?.words ?? [];
 		const { confirmedWords: wordMap } = this.state;
-		const confirmedWords = wordMap.map(confirmedWord => confirmedWord.word);
+		const confirmedWords = wordMap.map((confirmedWord) => confirmedWord.word);
 		if (words.join('') === confirmedWords.join('')) {
 			return true;
 		}
@@ -302,7 +302,7 @@ class ManualBackupStep2 extends PureComponent {
 					style={[
 						styles.wordWrapper,
 						i === currentIndex && styles.currentWord,
-						confirmedWords[i].word && styles.confirmedWord
+						confirmedWords[i].word && styles.confirmedWord,
 					]}
 				>
 					<Text style={styles.word}>{word}</Text>
@@ -354,7 +354,7 @@ class ManualBackupStep2 extends PureComponent {
 							style={[
 								styles.seedPhraseWrapper,
 								seedPhraseReady && styles.seedPhraseWrapperError,
-								this.validateWords() && styles.seedPhraseWrapperComplete
+								this.validateWords() && styles.seedPhraseWrapperComplete,
 							]}
 						>
 							<View style={styles.colLeft}>
@@ -372,11 +372,8 @@ class ManualBackupStep2 extends PureComponent {
 	};
 }
 
-const mapDispatchToProps = dispatch => ({
-	seedphraseBackedUp: () => dispatch(seedphraseBackedUp())
+const mapDispatchToProps = (dispatch) => ({
+	seedphraseBackedUp: () => dispatch(seedphraseBackedUp()),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(ManualBackupStep2);
+export default connect(null, mapDispatchToProps)(ManualBackupStep2);
diff --git a/app/components/Views/ManualBackupStep2/index.test.js b/app/components/Views/ManualBackupStep2/index.test.js
index aaff97ac6d4..33af30cce33 100644
--- a/app/components/Views/ManualBackupStep2/index.test.js
+++ b/app/components/Views/ManualBackupStep2/index.test.js
@@ -10,8 +10,8 @@ describe('ManualBackupStep2', () => {
 		const initialState = {
 			user: {
 				passwordSet: true,
-				seedphraseBackedUp: false
-			}
+				seedphraseBackedUp: false,
+			},
 		};
 
 		const wrapper = shallow(
@@ -30,14 +30,14 @@ describe('ManualBackupStep2', () => {
 							'business',
 							'category',
 							'champion',
-							'cinnamon'
+							'cinnamon',
 						],
-						steps: ['one', 'two', 'three']
-					}
+						steps: ['one', 'two', 'three'],
+					},
 				}}
 			/>,
 			{
-				context: { store: mockStore(initialState) }
+				context: { store: mockStore(initialState) },
 			}
 		);
 		expect(wrapper.dive()).toMatchSnapshot();
diff --git a/app/components/Views/ManualBackupStep3/index.js b/app/components/Views/ManualBackupStep3/index.js
index 64948b2d13f..b6d1cd80e43 100644
--- a/app/components/Views/ManualBackupStep3/index.js
+++ b/app/components/Views/ManualBackupStep3/index.js
@@ -20,17 +20,17 @@ import DefaultPreference from 'react-native-default-preference';
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	actionView: {
-		paddingTop: 40
+		paddingTop: 40,
 	},
 	wrapper: {
 		flex: 1,
-		paddingHorizontal: 50
+		paddingHorizontal: 50,
 	},
 	onBoardingWrapper: {
-		paddingHorizontal: 20
+		paddingHorizontal: 20,
 	},
 	congratulations: {
 		fontSize: Device.isMediumDevice() ? 28 : 32,
@@ -38,32 +38,32 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	baseText: {
 		fontSize: 16,
 		color: colors.fontPrimary,
 		textAlign: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	successText: {
-		marginBottom: 32
+		marginBottom: 32,
 	},
 	hintText: {
 		marginBottom: 26,
-		color: colors.blue
+		color: colors.blue,
 	},
 	learnText: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	recoverText: {
-		marginBottom: 26
+		marginBottom: 26,
 	},
 	emoji: {
 		textAlign: 'center',
 		fontSize: 65,
-		marginBottom: 16
-	}
+		marginBottom: 16,
+	},
 });
 
 const hardwareBackPress = () => ({});
@@ -84,7 +84,7 @@ class ManualBackupStep3 extends PureComponent {
 	state = {
 		currentStep: 4,
 		showHint: false,
-		hintText: ''
+		hintText: '',
 	};
 
 	static propTypes = {
@@ -95,7 +95,7 @@ class ManualBackupStep3 extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	componentWillUnmount = () => {
@@ -107,13 +107,13 @@ class ManualBackupStep3 extends PureComponent {
 		const parsedHints = currentSeedphraseHints && JSON.parse(currentSeedphraseHints);
 		const manualBackup = parsedHints?.manualBackup;
 		this.setState({
-			hintText: manualBackup
+			hintText: manualBackup,
 		});
 		BackHandler.addEventListener(HARDWARE_BACK_PRESS, hardwareBackPress);
 	};
 
 	toggleHint = () => {
-		this.setState(state => ({ showHint: !state.showHint }));
+		this.setState((state) => ({ showHint: !state.showHint }));
 	};
 
 	learnMore = () =>
@@ -121,14 +121,14 @@ class ManualBackupStep3 extends PureComponent {
 			screen: 'SimpleWebview',
 			params: {
 				url: 'https://support.metamask.io',
-				title: strings('drawer.metamask_support')
-			}
+				title: strings('drawer.metamask_support'),
+			},
 		});
 
-	isHintSeedPhrase = hintText => {
+	isHintSeedPhrase = (hintText) => {
 		const words = this.props.route.params?.words;
 		if (words) {
-			const lower = string => String(string).toLowerCase();
+			const lower = (string) => String(string).toLowerCase();
 			return lower(hintText) === lower(words.join(' '));
 		}
 		return false;
@@ -160,7 +160,7 @@ class ManualBackupStep3 extends PureComponent {
 		}
 	};
 
-	handleChangeText = text => this.setState({ hintText: text });
+	handleChangeText = (text) => this.setState({ hintText: text });
 
 	renderHint = () => {
 		const { showHint, hintText } = this.state;
@@ -221,11 +221,8 @@ class ManualBackupStep3 extends PureComponent {
 	}
 }
 
-const mapDispatchToProps = dispatch => ({
-	showAlert: config => dispatch(showAlert(config))
+const mapDispatchToProps = (dispatch) => ({
+	showAlert: (config) => dispatch(showAlert(config)),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(ManualBackupStep3);
+export default connect(null, mapDispatchToProps)(ManualBackupStep3);
diff --git a/app/components/Views/ManualBackupStep3/index.test.js b/app/components/Views/ManualBackupStep3/index.test.js
index e7811c55ff8..47b44db817f 100644
--- a/app/components/Views/ManualBackupStep3/index.test.js
+++ b/app/components/Views/ManualBackupStep3/index.test.js
@@ -9,7 +9,7 @@ describe('ManualBackupStep3', () => {
 		const initialState = {};
 
 		const wrapper = shallow(<ManualBackupStep3 />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
diff --git a/app/components/Views/MediaPlayer/AndroidMediaPlayer.js b/app/components/Views/MediaPlayer/AndroidMediaPlayer.js
index 27713835c7c..bd268518a5b 100644
--- a/app/components/Views/MediaPlayer/AndroidMediaPlayer.js
+++ b/app/components/Views/MediaPlayer/AndroidMediaPlayer.js
@@ -12,7 +12,7 @@ import {
 	Text,
 	ViewPropTypes,
 	TouchableNativeFeedback,
-	TouchableHighlight
+	TouchableHighlight,
 } from 'react-native';
 import FA5Icon from 'react-native-vector-icons/FontAwesome5';
 import AntIcon from 'react-native-vector-icons/AntDesign';
@@ -23,7 +23,7 @@ const styles = StyleSheet.create({
 		flex: 0,
 		overflow: 'hidden',
 		zIndex: 99999,
-		elevation: 99999
+		elevation: 99999,
 	},
 	playerVideo: {
 		flex: 1,
@@ -34,7 +34,7 @@ const styles = StyleSheet.create({
 		bottom: 0,
 		left: 0,
 		backgroundColor: colors.black,
-		borderRadius: 12
+		borderRadius: 12,
 	},
 	errorContainer: {
 		top: 0,
@@ -42,10 +42,10 @@ const styles = StyleSheet.create({
 		bottom: 0,
 		left: 0,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	errorIcon: {
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	errorText: {},
 	loaderContainer: {
@@ -54,92 +54,92 @@ const styles = StyleSheet.create({
 		bottom: 0,
 		left: 0,
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	controlsRow: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	controlsColumn: {
 		flexDirection: 'column',
 		alignItems: 'center',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	controlsControl: {
-		padding: 14
+		padding: 14,
 	},
 	controlsTop: {
 		flex: 1,
 		justifyContent: 'flex-start',
-		padding: 4
+		padding: 4,
 	},
 	controlsBottom: {
 		flex: 1,
 		justifyContent: 'flex-end',
-		padding: 4
+		padding: 4,
 	},
 	controlsTopControlGroup: {
 		alignSelf: 'flex-end',
 		alignItems: 'center',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	controlsBottomControlGroup: {
 		alignSelf: 'stretch',
 		alignItems: 'center',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	controlsPlayPause: {
-		left: 1
+		left: 1,
 	},
 	controlsMuteUnmute: {
 		left: -1,
 		top: -1,
-		width: '110%'
+		width: '110%',
 	},
 	seekbarContainer: {
 		alignSelf: 'stretch',
 		height: 44,
 		marginLeft: 20,
-		marginRight: 20
+		marginRight: 20,
 	},
 	seekbarTrack: {
 		height: 1,
 		position: 'relative',
 		top: 20,
-		width: '100%'
+		width: '100%',
 	},
 	seekbarFill: {
 		height: 4,
 		width: '100%',
 		borderRadius: 2,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	seekbarPermanentFill: {
 		width: '100%',
-		backgroundColor: colors.grey400
+		backgroundColor: colors.grey400,
 	},
 	seekbarHandle: {
 		marginLeft: -10,
 		height: 28,
-		width: 28
+		width: 28,
 	},
 	seekbarCircle: {
 		borderRadius: 14,
 		top: 14,
 		height: 14,
-		width: 14
+		width: 14,
 	},
 	actionButton: {
 		width: 44,
 		height: 44,
 		backgroundColor: colors.greytransparent100,
-		borderRadius: 8
+		borderRadius: 8,
 	},
 	actionSeeker: {
 		flex: 1,
-		marginHorizontal: 8
-	}
+		marginHorizontal: 8,
+	},
 });
 
 export default function VideoPlayer({
@@ -153,7 +153,7 @@ export default function VideoPlayer({
 	textTracks,
 	selectedTextTrack,
 	onLoad: propsOnLoad,
-	style
+	style,
 }) {
 	const [paused, setPaused] = useState(false);
 	const [muted, setMuted] = useState(true);
@@ -176,19 +176,19 @@ export default function VideoPlayer({
 	const animations = {
 		bottomControl: {
 			marginBottom: useRef(new Animated.Value(0)).current,
-			opacity: useRef(new Animated.Value(0)).current
+			opacity: useRef(new Animated.Value(0)).current,
 		},
 		topControl: {
 			marginTop: useRef(new Animated.Value(0)).current,
-			opacity: useRef(new Animated.Value(0)).current
+			opacity: useRef(new Animated.Value(0)).current,
 		},
 		video: {
-			opacity: useRef(new Animated.Value(1)).current
+			opacity: useRef(new Animated.Value(1)).current,
 		},
 		loader: {
 			rotate: useRef(new Animated.Value(0)).current,
-			MAX_VALUE: 360
-		}
+			MAX_VALUE: 360,
+		},
 	};
 
 	const hideControlAnimation = useCallback(() => {
@@ -196,13 +196,13 @@ export default function VideoPlayer({
 			Animated.timing(animations.topControl.opacity, {
 				toValue: 0,
 				duration: controlsAnimationTiming,
-				useNativeDriver: false
+				useNativeDriver: false,
 			}),
 			Animated.timing(animations.bottomControl.opacity, {
 				toValue: 0,
 				duration: controlsAnimationTiming,
-				useNativeDriver: false
-			})
+				useNativeDriver: false,
+			}),
 		]).start();
 	}, [controlsAnimationTiming, animations.bottomControl.opacity, animations.topControl.opacity]);
 
@@ -223,19 +223,19 @@ export default function VideoPlayer({
 			Animated.timing(animations.topControl.opacity, {
 				toValue: 1,
 				useNativeDriver: false,
-				duration: controlsAnimationTiming
+				duration: controlsAnimationTiming,
 			}),
 			Animated.timing(animations.bottomControl.opacity, {
 				toValue: 1,
 				useNativeDriver: false,
-				duration: controlsAnimationTiming
-			})
+				duration: controlsAnimationTiming,
+			}),
 		]).start(() => resetControlsTimeout());
 	}, [
 		controlsAnimationTiming,
 		animations.bottomControl.opacity,
 		animations.topControl.opacity,
-		resetControlsTimeout
+		resetControlsTimeout,
 	]);
 
 	const toggleControls = () => {
@@ -262,7 +262,7 @@ export default function VideoPlayer({
 	);
 
 	const updateSeekerPosition = useCallback(
-		position => {
+		(position) => {
 			if (!position) return;
 			position = constrainToSeekerMinMax(position);
 			setSeekerFillWidth(position);
@@ -280,15 +280,15 @@ export default function VideoPlayer({
 					duration: 1500,
 					easing: Easing.linear,
 					useNativeDriver: false,
-					isInteraction: false
+					isInteraction: false,
 				}),
 				Animated.timing(animations.loader.rotate, {
 					toValue: 0,
 					duration: 0,
 					easing: Easing.linear,
 					useNativeDriver: false,
-					isInteraction: false
-				})
+					isInteraction: false,
+				}),
 			]).start(loadAnimation);
 		}
 	};
@@ -391,7 +391,7 @@ export default function VideoPlayer({
 						setPaused(originallyPaused);
 						setSeeking(false);
 					}
-				}
+				},
 			}),
 		[
 			updateSeekerPosition,
@@ -401,7 +401,7 @@ export default function VideoPlayer({
 			originallyPaused,
 			paused,
 			scrubbing,
-			seekerOffset
+			seekerOffset,
 		]
 	);
 
@@ -421,7 +421,7 @@ export default function VideoPlayer({
 		[muted, toggleMuted]
 	);
 
-	const onLayoutSeekerWidth = useCallback(event => setSeekerWidth(event.nativeEvent.layout.width), []);
+	const onLayoutSeekerWidth = useCallback((event) => setSeekerWidth(event.nativeEvent.layout.width), []);
 
 	useEffect(() => clearTimeout(controlsTimeout.current), []);
 
@@ -436,8 +436,8 @@ export default function VideoPlayer({
 						style={[
 							styles.seekbarFill,
 							{
-								width: seekerFillWidth
-							}
+								width: seekerFillWidth,
+							},
 						]}
 						pointerEvents={'none'}
 					/>
@@ -471,10 +471,10 @@ export default function VideoPlayer({
 							{
 								rotate: animations.loader.rotate.interpolate({
 									inputRange: [0, 360],
-									outputRange: ['0deg', '360deg']
-								})
-							}
-						]
+									outputRange: ['0deg', '360deg'],
+								}),
+							},
+						],
 					}}
 				/>
 			</View>
@@ -503,8 +503,8 @@ export default function VideoPlayer({
 			style={[
 				styles.controlsTop,
 				{
-					opacity: animations.bottomControl.opacity
-				}
+					opacity: animations.bottomControl.opacity,
+				},
 			]}
 		>
 			<View style={[styles.controlsColumn]}>
@@ -520,8 +520,8 @@ export default function VideoPlayer({
 			style={[
 				styles.controlsBottom,
 				{
-					opacity: animations.bottomControl.opacity
-				}
+					opacity: animations.bottomControl.opacity,
+				},
 			]}
 		>
 			<View style={[styles.controlsColumn]}>
@@ -572,7 +572,7 @@ VideoPlayer.propTypes = {
 	onError: PropTypes.func,
 	selectedTextTrack: PropTypes.object,
 	textTracks: PropTypes.arrayOf(PropTypes.object),
-	style: ViewPropTypes.style
+	style: ViewPropTypes.style,
 };
 
 VideoPlayer.defaultProps = {
@@ -580,5 +580,5 @@ VideoPlayer.defaultProps = {
 	controlsAnimationTiming: 500,
 	controlsToggleTiming: 5000,
 	displayTopControls: true,
-	displayBottomControls: true
+	displayBottomControls: true,
 };
diff --git a/app/components/Views/MediaPlayer/Loader.js b/app/components/Views/MediaPlayer/Loader.js
index 533b7cb2737..a8ab5e827ec 100644
--- a/app/components/Views/MediaPlayer/Loader.js
+++ b/app/components/Views/MediaPlayer/Loader.js
@@ -11,26 +11,26 @@ const styles = StyleSheet.create({
 	container: {
 		flex: 1,
 		borderRadius: 12,
-		backgroundColor: colors.grey100
+		backgroundColor: colors.grey100,
 	},
 	content: {
 		flex: 1,
 		flexDirection: 'column',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	item: {
-		marginVertical: 5
+		marginVertical: 5,
 	},
 	text: {
-		fontSize: 16
+		fontSize: 16,
 	},
 	closeButton: {
 		alignSelf: 'flex-end',
 		padding: 14,
 		width: 44,
-		height: 44
-	}
+		height: 44,
+	},
 });
 
 function Loader({ error, onClose }) {
@@ -59,11 +59,11 @@ function Loader({ error, onClose }) {
 
 Loader.propTypes = {
 	error: PropTypes.bool,
-	onClose: PropTypes.func
+	onClose: PropTypes.func,
 };
 
 Loader.defaultProps = {
-	onError: () => null
+	onError: () => null,
 };
 
 export default Loader;
diff --git a/app/components/Views/MediaPlayer/index.js b/app/components/Views/MediaPlayer/index.js
index 54793540e2d..fa34c5c24ee 100644
--- a/app/components/Views/MediaPlayer/index.js
+++ b/app/components/Views/MediaPlayer/index.js
@@ -11,8 +11,8 @@ const styles = StyleSheet.create({
 		position: 'absolute',
 		zIndex: 999,
 		width: '100%',
-		height: '100%'
-	}
+		height: '100%',
+	},
 });
 
 function MediaPlayer({ uri, style, onClose, textTracks, selectedTextTrack }) {
@@ -76,11 +76,11 @@ MediaPlayer.propTypes = {
 	/**
 	 * The selected text track to dispaly by id, language, title, index
 	 */
-	selectedTextTrack: PropTypes.object
+	selectedTextTrack: PropTypes.object,
 };
 
 MediaPlayer.defaultProps = {
-	onError: () => null
+	onError: () => null,
 };
 
 export default MediaPlayer;
diff --git a/app/components/Views/NavigationUnitTest/index.js b/app/components/Views/NavigationUnitTest/index.js
index 0e8fcd00b70..ef98e7cf3bd 100644
--- a/app/components/Views/NavigationUnitTest/index.js
+++ b/app/components/Views/NavigationUnitTest/index.js
@@ -14,7 +14,7 @@ const Stack = createStackNavigator();
 
 const NavigationUnitTestFactory = ({ firstRoute, secondRoute }) => {
 	const TestScreen = ({ route }) => {
-		const routes = useNavigationState(state => state.routes);
+		const routes = useNavigationState((state) => state.routes);
 
 		const name = findRouteNameFromNavigatorState(routes);
 
diff --git a/app/components/Views/OfflineMode/index.js b/app/components/Views/OfflineMode/index.js
index b4b8047810c..52b6dd53612 100644
--- a/app/components/Views/OfflineMode/index.js
+++ b/app/components/Views/OfflineMode/index.js
@@ -16,34 +16,34 @@ import { getInfuraBlockedSelector } from '../../../reducers/infuraAvailability';
 
 const styles = StyleSheet.create({
 	container: {
-		flex: 1
+		flex: 1,
 	},
 	frame: {
 		width: 200,
 		height: 200,
 		alignSelf: 'center',
-		marginTop: 60
+		marginTop: 60,
 	},
 	content: {
 		flex: 1,
 		marginHorizontal: 18,
 		justifyContent: 'center',
-		marginVertical: 30
+		marginVertical: 30,
 	},
 	title: {
 		fontSize: 18,
 		color: colors.fontPrimary,
 		marginBottom: 10,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	text: {
 		fontSize: 12,
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	buttonContainer: {
-		marginHorizontal: 18
-	}
+		marginHorizontal: 18,
+	},
 });
 
 const astronautImage = require('../../../images/astronaut.png'); // eslint-disable-line import/no-commonjs
@@ -60,7 +60,7 @@ const OfflineMode = ({ navigation, infuraBlocked }) => {
 	const learnMore = () => {
 		navigation.navigate('Webview', {
 			screen: 'SimpleWebview',
-			params: { url: AppConstants.URLS.CONNECTIVITY_ISSUES }
+			params: { url: AppConstants.URLS.CONNECTIVITY_ISSUES },
 		});
 	};
 
@@ -105,11 +105,11 @@ OfflineMode.propTypes = {
 	/**
 	 * Whether infura was blocked or not
 	 */
-	infuraBlocked: PropTypes.bool
+	infuraBlocked: PropTypes.bool,
 };
 
-const mapStateToProps = state => ({
-	infuraBlocked: getInfuraBlockedSelector(state)
+const mapStateToProps = (state) => ({
+	infuraBlocked: getInfuraBlockedSelector(state),
 });
 
 export default connect(mapStateToProps)(OfflineMode);
diff --git a/app/components/Views/OfflineMode/index.test.js b/app/components/Views/OfflineMode/index.test.js
index 1b6f663c5fd..e8bae514a34 100644
--- a/app/components/Views/OfflineMode/index.test.js
+++ b/app/components/Views/OfflineMode/index.test.js
@@ -9,11 +9,11 @@ describe('OfflineMode', () => {
 	it('should render correctly', () => {
 		const initialState = {
 			infuraAvailability: {
-				isBlocked: false
-			}
+				isBlocked: false,
+			},
 		};
 		const wrapper = shallow(<OfflineMode route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Onboarding/index.js b/app/components/Views/Onboarding/index.js
index 1869acdd125..2da7340ea36 100644
--- a/app/components/Views/Onboarding/index.js
+++ b/app/components/Views/Onboarding/index.js
@@ -10,7 +10,7 @@ import {
 	StyleSheet,
 	Alert,
 	Image,
-	InteractionManager
+	InteractionManager,
 } from 'react-native';
 import AsyncStorage from '@react-native-community/async-storage';
 import StyledButton from '../../UI/StyledButton';
@@ -49,7 +49,7 @@ import {
 	BIOMETRY_CHOICE_DISABLED,
 	NEXT_MAKER_REMINDER,
 	METRICS_OPT_IN,
-	TRUE
+	TRUE,
 } from '../../../constants/storage';
 import DefaultPreference from 'react-native-default-preference';
 
@@ -57,49 +57,49 @@ const PUB_KEY = process.env.MM_PUBNUB_PUB_KEY;
 
 const styles = StyleSheet.create({
 	scroll: {
-		flex: 1
+		flex: 1,
 	},
 	wrapper: {
 		flex: 1,
 		alignItems: 'center',
-		paddingVertical: 30
+		paddingVertical: 30,
 	},
 	modalWrapper: {
 		flexGrow: 1,
 		paddingHorizontal: 24,
-		marginTop: 24
+		marginTop: 24,
 	},
 	foxWrapper: {
 		width: Device.isIos() ? 90 : 45,
 		height: Device.isIos() ? 90 : 45,
-		marginVertical: 20
+		marginVertical: 20,
 	},
 	image: {
 		alignSelf: 'center',
 		width: Device.isIos() ? 90 : 45,
-		height: Device.isIos() ? 90 : 45
+		height: Device.isIos() ? 90 : 45,
 	},
 	termsAndConditions: {
-		paddingBottom: 30
+		paddingBottom: 30,
 	},
 	title: {
 		fontSize: 24,
 		color: colors.fontPrimary,
 		...fontStyles.bold,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	ctas: {
 		flex: 1,
-		position: 'relative'
+		position: 'relative',
 	},
 	footer: {
 		marginTop: -20,
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	login: {
 		fontSize: 18,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	buttonDescription: {
 		...fontStyles.normal,
@@ -107,41 +107,41 @@ const styles = StyleSheet.create({
 		textAlign: 'center',
 		marginBottom: 16,
 		color: colors.fontPrimary,
-		lineHeight: 20
+		lineHeight: 20,
 	},
 	importWrapper: {
-		marginVertical: 24
+		marginVertical: 24,
 	},
 	createWrapper: {
 		flex: 1,
 		justifyContent: 'flex-end',
-		marginBottom: 24
+		marginBottom: 24,
 	},
 	buttonWrapper: {
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	scanTitle: {
 		...fontStyles.bold,
 		fontSize: 18,
 		color: colors.fontPrimary,
 		textAlign: 'center',
-		lineHeight: 28
+		lineHeight: 28,
 	},
 	loader: {
 		marginTop: 180,
 		justifyContent: 'center',
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	loadingText: {
 		marginTop: 30,
 		fontSize: 14,
 		textAlign: 'center',
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	column: {
 		marginVertical: 24,
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	modalTypeView: {
 		position: 'absolute',
@@ -149,21 +149,21 @@ const styles = StyleSheet.create({
 		paddingBottom: Device.isIphoneX() ? 20 : 10,
 		left: 0,
 		right: 0,
-		backgroundColor: colors.transparent
+		backgroundColor: colors.transparent,
 	},
 	notificationContainer: {
 		flex: 0.1,
 		flexDirection: 'row',
-		alignItems: 'flex-end'
-	}
+		alignItems: 'flex-end',
+	},
 });
 
 const keyExtractor = ({ id }) => id;
 
-const createStep = step => ({
+const createStep = (step) => ({
 	id: `ONBOARDING_SCAN_STEPS-${step}`,
 	step,
-	text: strings(`onboarding.scan_step_${step}`)
+	text: strings(`onboarding.scan_step_${step}`),
 });
 
 /**
@@ -226,7 +226,7 @@ class Onboarding extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	notificationAnimated = new Animated.Value(100);
@@ -239,7 +239,7 @@ class Onboarding extends PureComponent {
 			toValue,
 			duration: 500,
 			easing: Easing.linear,
-			useNativeDriver: true
+			useNativeDriver: true,
 		}).start();
 	};
 
@@ -247,7 +247,7 @@ class Onboarding extends PureComponent {
 		warningModalVisible: false,
 		loading: false,
 		existingUser: false,
-		qrCodeModalVisible: false
+		qrCodeModalVisible: false,
 	};
 
 	seedwords = null;
@@ -305,7 +305,7 @@ class Onboarding extends PureComponent {
 	}
 
 	toggleQrCodeModal = () => {
-		this.setState(state => ({ qrCodeModalVisible: !state.qrCodeModalVisible }));
+		this.setState((state) => ({ qrCodeModalVisible: !state.qrCodeModalVisible }));
 	};
 
 	initWebsockets() {
@@ -319,7 +319,7 @@ class Onboarding extends PureComponent {
 				this.props.unsetLoading();
 				return false;
 			},
-			data => {
+			(data) => {
 				this.incomingDataStr = null;
 				const { pwd, seed, importedAccounts } = data.udata;
 				this.password = pwd;
@@ -334,7 +334,7 @@ class Onboarding extends PureComponent {
 		this.pubnubWrapper.subscribe();
 	}
 
-	startSync = async firstAttempt => {
+	startSync = async (firstAttempt) => {
 		try {
 			this.initWebsockets();
 			await this.pubnubWrapper.startSync();
@@ -395,7 +395,7 @@ class Onboarding extends PureComponent {
 								await AsyncStorage.setItem(BIOMETRY_CHOICE_DISABLED, TRUE);
 								this.finishSync({ biometrics: false, password });
 							},
-							style: 'cancel'
+							style: 'cancel',
 						},
 						{
 							text: strings('sync_with_extension.warning_ok_button'),
@@ -403,8 +403,8 @@ class Onboarding extends PureComponent {
 								await AsyncStorage.setItem(BIOMETRY_CHOICE, biometryType);
 								await AsyncStorage.removeItem(BIOMETRY_CHOICE_DISABLED);
 								this.finishSync({ biometrics: true, biometryType, password });
-							}
-						}
+							},
+						},
 					],
 					{ cancelable: false }
 				);
@@ -416,7 +416,7 @@ class Onboarding extends PureComponent {
 		}
 	}
 
-	finishSync = async opts => {
+	finishSync = async (opts) => {
 		if (opts.biometrics) {
 			try {
 				await SecureKeychain.setGenericPassword(opts.password, SecureKeychain.TYPES.BIOMETRICS);
@@ -434,7 +434,7 @@ class Onboarding extends PureComponent {
 				...this.dataToSync,
 				seed: this.seedWords,
 				importedAccounts: this.importedAccounts,
-				pass: opts.password
+				pass: opts.password,
 			});
 			await AsyncStorage.setItem(EXISTING_USER, TRUE);
 			await AsyncStorage.removeItem(SEED_PHRASE_HINTS);
@@ -456,7 +456,7 @@ class Onboarding extends PureComponent {
 	showQrCode = () => {
 		this.toggleQrCodeModal();
 		this.props.navigation.push('QRScanner', {
-			onStartScan: async data => {
+			onStartScan: async (data) => {
 				if (data.content && data.content.search('metamask-sync:') !== -1) {
 					const [channelName, cipherKey] = data.content.replace('metamask-sync:', '').split('|@|');
 					this.pubnubWrapper = new PubNubWrapper(channelName, cipherKey);
@@ -468,7 +468,7 @@ class Onboarding extends PureComponent {
 					);
 				}
 			},
-			onScanSuccess: async data => {
+			onScanSuccess: async (data) => {
 				if (data.content && data.content.search('metamask-sync:') !== -1) {
 					(await this.startSync(true)) || (await this.startSync(false));
 				} else {
@@ -477,7 +477,7 @@ class Onboarding extends PureComponent {
 						strings('sync_with_extension.invalid_qr_code_desc')
 					);
 				}
-			}
+			},
 		});
 	};
 
@@ -494,7 +494,7 @@ class Onboarding extends PureComponent {
 		}
 	};
 
-	handleExistingUser = action => {
+	handleExistingUser = (action) => {
 		if (this.state.existingUser) {
 			this.alertExistingUser(action);
 		} else {
@@ -505,7 +505,7 @@ class Onboarding extends PureComponent {
 	onPressCreate = () => {
 		const action = () => {
 			this.props.navigation.navigate('ChoosePassword', {
-				[PREVIOUS_SCREEN]: ONBOARDING
+				[PREVIOUS_SCREEN]: ONBOARDING,
 			});
 			this.track(ANALYTICS_EVENT_OPTS.ONBOARDING_SELECTED_CREATE_NEW_PASSWORD);
 		};
@@ -546,7 +546,7 @@ class Onboarding extends PureComponent {
 		this.handleExistingUser(action);
 	};
 
-	track = key => {
+	track = (key) => {
 		InteractionManager.runAfterInteractions(async () => {
 			if (Analytics.getEnabled()) {
 				Analytics.trackEvent(key);
@@ -559,7 +559,7 @@ class Onboarding extends PureComponent {
 		});
 	};
 
-	alertExistingUser = callback => {
+	alertExistingUser = (callback) => {
 		this.warningCallback = () => {
 			callback();
 			this.toggleWarningModal();
@@ -715,24 +715,21 @@ class Onboarding extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	selectedAddress: state?.engine?.backgroundState?.PreferencesController?.selectedAddress,
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	passwordSet: state.user.passwordSet,
 	loading: state.user.loadingSet,
-	loadingMsg: state.user.loadingMsg
+	loadingMsg: state.user.loadingMsg,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setLoading: msg => dispatch(loadingSet(msg)),
+const mapDispatchToProps = (dispatch) => ({
+	setLoading: (msg) => dispatch(loadingSet(msg)),
 	unsetLoading: () => dispatch(loadingUnset()),
 	passwordHasBeenSet: () => dispatch(passwordSet()),
-	setLockTime: time => dispatch(setLockTime(time)),
+	setLockTime: (time) => dispatch(setLockTime(time)),
 	seedphraseBackedUp: () => dispatch(seedphraseBackedUp()),
-	saveOnboardingEvent: event => dispatch(saveOnboardingEvent(event))
+	saveOnboardingEvent: (event) => dispatch(saveOnboardingEvent(event)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Onboarding);
+export default connect(mapStateToProps, mapDispatchToProps)(Onboarding);
diff --git a/app/components/Views/OnboardingCarousel/index.js b/app/components/Views/OnboardingCarousel/index.js
index a5791f20bbf..ac9d71ccf9a 100644
--- a/app/components/Views/OnboardingCarousel/index.js
+++ b/app/components/Views/OnboardingCarousel/index.js
@@ -19,11 +19,11 @@ const IMG_PADDING = Device.isIphoneX() ? 100 : Device.isIphone5S() ? 180 : 220;
 
 const styles = StyleSheet.create({
 	scroll: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	wrapper: {
 		paddingVertical: 30,
-		flex: 1
+		flex: 1,
 	},
 	title: {
 		fontSize: 24,
@@ -31,7 +31,7 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	subtitle: {
 		fontSize: 14,
@@ -41,38 +41,38 @@ const styles = StyleSheet.create({
 		color: colors.grey500,
 		justifyContent: 'center',
 		textAlign: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	ctas: {
 		paddingHorizontal: 40,
 		paddingBottom: Device.isIphoneX() ? 40 : 20,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	ctaWrapper: {
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	carouselImage: {},
 	// eslint-disable-next-line react-native/no-unused-styles
 	carouselImage1: {
 		marginTop: 30,
 		width: DEVICE_WIDTH - IMG_PADDING,
-		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_1_RATIO
+		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_1_RATIO,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	carouselImage2: {
 		width: DEVICE_WIDTH - IMG_PADDING,
-		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_2_RATIO
+		height: (DEVICE_WIDTH - IMG_PADDING) * IMAGE_2_RATIO,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	carouselImage3: {
 		width: DEVICE_WIDTH - 60,
-		height: (DEVICE_WIDTH - 60) * IMAGE_3_RATIO
+		height: (DEVICE_WIDTH - 60) * IMAGE_3_RATIO,
 	},
 	carouselImageWrapper: {
 		flex: 1,
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	circle: {
 		width: 8,
@@ -80,19 +80,19 @@ const styles = StyleSheet.create({
 		borderRadius: 8 / 2,
 		backgroundColor: colors.grey500,
 		opacity: 0.4,
-		marginHorizontal: 8
+		marginHorizontal: 8,
 	},
 	solidCircle: {
-		opacity: 1
+		opacity: 1,
 	},
 	progessContainer: {
 		flexDirection: 'row',
 		alignSelf: 'center',
-		marginVertical: 36
+		marginVertical: 36,
 	},
 	tab: {
-		marginHorizontal: 30
-	}
+		marginHorizontal: 30,
+	},
 });
 
 const onboarding_carousel_1 = require('../../../images/onboarding-carousel-1.png'); // eslint-disable-line
@@ -112,18 +112,18 @@ export default class OnboardingCarousel extends PureComponent {
 		/**
 		 * The navigator object
 		 */
-		navigation: PropTypes.object
+		navigation: PropTypes.object,
 	};
 
 	state = {
-		currentTab: 1
+		currentTab: 1,
 	};
 
 	onPresGetStarted = () => this.props.navigation.navigate('Onboarding');
 
 	renderTabBar = () => <View />;
 
-	onChangeTab = obj => {
+	onChangeTab = (obj) => {
 		this.setState({ currentTab: obj.i + 1 });
 	};
 
@@ -166,7 +166,7 @@ export default class OnboardingCarousel extends PureComponent {
 							</ScrollableTabView>
 
 							<View style={styles.progessContainer}>
-								{[1, 2, 3].map(i => (
+								{[1, 2, 3].map((i) => (
 									<View key={i} style={[styles.circle, currentTab === i ? styles.solidCircle : {}]} />
 								))}
 							</View>
diff --git a/app/components/Views/PickComponent/index.js b/app/components/Views/PickComponent/index.js
index 77e2d7cc7e0..6590246fc00 100644
--- a/app/components/Views/PickComponent/index.js
+++ b/app/components/Views/PickComponent/index.js
@@ -6,7 +6,7 @@ import { baseStyles, colors, fontStyles } from '../../../styles/common';
 const styles = StyleSheet.create({
 	root: {
 		...baseStyles.flexGrow,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	circle: {
 		width: 12,
@@ -17,17 +17,17 @@ const styles = StyleSheet.create({
 		margin: 2,
 		borderWidth: 2,
 		borderColor: colors.grey300,
-		marginRight: 6
+		marginRight: 6,
 	},
 	option: {
-		flex: 1
+		flex: 1,
 	},
 	touchableOption: {
 		flex: 1,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	optionText: {
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	selectedCircle: {
 		width: 12,
@@ -36,8 +36,8 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.blue,
 		opacity: 1,
 		margin: 2,
-		marginRight: 6
-	}
+		marginRight: 6,
+	},
 });
 
 /**
@@ -68,7 +68,7 @@ export default class PickComponent extends PureComponent {
 		/**
 		 * Current selected value
 		 */
-		selectedValue: PropTypes.string
+		selectedValue: PropTypes.string,
 	};
 
 	pickFirst = () => {
diff --git a/app/components/Views/QRScanner/index.js b/app/components/Views/QRScanner/index.js
index f6d90664779..1bfda6647bf 100644
--- a/app/components/Views/QRScanner/index.js
+++ b/app/components/Views/QRScanner/index.js
@@ -15,19 +15,19 @@ import Engine from '../../../core/Engine';
 const styles = StyleSheet.create({
 	container: {
 		flex: 1,
-		backgroundColor: colors.black
+		backgroundColor: colors.black,
 	},
 	preview: {
-		flex: 1
+		flex: 1,
 	},
 	innerView: {
-		flex: 1
+		flex: 1,
 	},
 	closeIcon: {
 		marginTop: 20,
 		marginRight: 20,
 		width: 40,
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	frame: {
 		width: 250,
@@ -35,7 +35,7 @@ const styles = StyleSheet.create({
 		alignSelf: 'center',
 		justifyContent: 'center',
 		marginTop: 100,
-		opacity: 0.5
+		opacity: 0.5,
 	},
 	text: {
 		flex: 1,
@@ -43,8 +43,8 @@ const styles = StyleSheet.create({
 		color: colors.white,
 		textAlign: 'center',
 		justifyContent: 'center',
-		marginTop: 100
-	}
+		marginTop: 100,
+	},
 });
 
 const frameImage = require('../../../images/frame.png'); // eslint-disable-line import/no-commonjs
@@ -61,7 +61,7 @@ export default class QrScanner extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	mounted = false;
@@ -85,7 +85,7 @@ export default class QrScanner extends PureComponent {
 		route.params.onScanSuccess(data, content);
 	};
 
-	onBarCodeRead = response => {
+	onBarCodeRead = (response) => {
 		if (!this.mounted) return false;
 		const content = response.data;
 
@@ -137,7 +137,7 @@ export default class QrScanner extends PureComponent {
 			// Checking if it can be handled like deeplinks
 			const handledByDeeplink = SharedDeeplinkManager.parse(content, {
 				origin: AppConstants.DEEPLINKS.ORIGIN_QR_CODE,
-				onHandled: () => this.props.navigation.pop(2)
+				onHandled: () => this.props.navigation.pop(2),
 			});
 
 			if (handledByDeeplink) {
@@ -164,7 +164,7 @@ export default class QrScanner extends PureComponent {
 		this.end(data, content);
 	};
 
-	onError = error => {
+	onError = (error) => {
 		this.props.navigation.goBack();
 		InteractionManager.runAfterInteractions(() => {
 			if (this.props.route.params.onScanError && error) {
@@ -173,7 +173,7 @@ export default class QrScanner extends PureComponent {
 		});
 	};
 
-	onStatusChange = event => {
+	onStatusChange = (event) => {
 		if (event.cameraStatus === 'NOT_AUTHORIZED') {
 			this.props.navigation.goBack();
 		}
@@ -192,7 +192,7 @@ export default class QrScanner extends PureComponent {
 					title: strings('qr_scanner.allow_camera_dialog_title'),
 					message: strings('qr_scanner.allow_camera_dialog_message'),
 					buttonPositive: strings('qr_scanner.ok'),
-					buttonNegative: strings('qr_scanner.cancel')
+					buttonNegative: strings('qr_scanner.cancel'),
 				}}
 				onStatusChange={this.onStatusChange}
 			>
diff --git a/app/components/Views/ResetPassword/index.js b/app/components/Views/ResetPassword/index.js
index 7bc335c24a4..1dbf0e17ca8 100644
--- a/app/components/Views/ResetPassword/index.js
+++ b/app/components/Views/ResetPassword/index.js
@@ -12,7 +12,7 @@ import {
 	StyleSheet,
 	ScrollView,
 	Image,
-	InteractionManager
+	InteractionManager,
 } from 'react-native';
 // eslint-disable-next-line import/no-unresolved
 import CheckBox from '@react-native-community/checkbox';
@@ -42,10 +42,10 @@ import { syncPrefs } from '../../../util/sync';
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	scrollviewWrapper: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	confirm_title: {
 		fontSize: 32,
@@ -54,7 +54,7 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	confirm_input: {
 		borderWidth: 2,
@@ -62,48 +62,48 @@ const styles = StyleSheet.create({
 		width: '100%',
 		borderColor: colors.grey000,
 		padding: 10,
-		height: 40
+		height: 40,
 	},
 	confirm_label: {
 		fontSize: 16,
 		lineHeight: 23,
 		color: colors.fontPrimary,
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	wrapper: {
 		flex: 1,
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	scrollableWrapper: {
 		flex: 1,
-		paddingHorizontal: 32
+		paddingHorizontal: 32,
 	},
 	keyboardScrollableWrapper: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	loadingWrapper: {
 		paddingHorizontal: 40,
 		paddingBottom: 30,
 		alignItems: 'center',
-		flex: 1
+		flex: 1,
 	},
 	foxWrapper: {
 		width: Device.isIos() ? 90 : 80,
 		height: Device.isIos() ? 90 : 80,
 		marginTop: 30,
-		marginBottom: 30
+		marginBottom: 30,
 	},
 	image: {
 		alignSelf: 'center',
 		width: 80,
-		height: 80
+		height: 80,
 	},
 	passwordRequiredContent: {
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	content: {
-		alignItems: 'flex-start'
+		alignItems: 'flex-start',
 	},
 	title: {
 		fontSize: 24,
@@ -113,19 +113,19 @@ const styles = StyleSheet.create({
 		justifyContent: 'center',
 		textAlign: 'center',
 		width: '100%',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	subtitle: {
 		fontSize: 16,
 		lineHeight: 23,
 		color: colors.fontPrimary,
 		textAlign: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	text: {
 		marginBottom: 10,
 		justifyContent: 'center',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	checkboxContainer: {
 		marginTop: 10,
@@ -133,28 +133,28 @@ const styles = StyleSheet.create({
 		flex: 1,
 		alignItems: 'center',
 		justifyContent: 'center',
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	checkbox: {
 		width: 18,
 		height: 18,
 		margin: 10,
-		marginTop: -5
+		marginTop: -5,
 	},
 	label: {
 		...fontStyles.normal,
 		fontSize: 14,
 		color: colors.black,
 		paddingHorizontal: 10,
-		lineHeight: 18
+		lineHeight: 18,
 	},
 	learnMore: {
 		color: colors.blue,
 		textDecorationLine: 'underline',
-		textDecorationColor: colors.blue
+		textDecorationColor: colors.blue,
 	},
 	field: {
-		position: 'relative'
+		position: 'relative',
 	},
 	input: {
 		borderWidth: 1,
@@ -163,33 +163,33 @@ const styles = StyleSheet.create({
 		borderRadius: 6,
 		fontSize: 14,
 		height: 50,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	ctaWrapper: {
 		flex: 1,
 		marginTop: 20,
-		paddingHorizontal: 10
+		paddingHorizontal: 10,
 	},
 	errorMsg: {
 		color: colors.red,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	biometrics: {
 		position: 'relative',
 		marginTop: 20,
-		marginBottom: 30
+		marginBottom: 30,
 	},
 	biometryLabel: {
 		fontSize: 14,
 		color: colors.fontPrimary,
 		position: 'absolute',
 		top: 0,
-		left: 0
+		left: 0,
 	},
 	biometrySwitch: {
 		position: 'absolute',
 		top: 0,
-		right: 0
+		right: 0,
 	},
 	hintLabel: {
 		height: 20,
@@ -197,51 +197,51 @@ const styles = StyleSheet.create({
 		fontSize: 12,
 		color: colors.grey450,
 		textAlign: 'left',
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	showPassword: {
 		position: 'absolute',
 		top: 0,
-		right: 0
+		right: 0,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_weak: {
-		color: colors.red
+		color: colors.red,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_good: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	// eslint-disable-next-line react-native/no-unused-styles
 	strength_strong: {
-		color: colors.green300
+		color: colors.green300,
 	},
 	showMatchingPasswords: {
 		position: 'absolute',
 		top: 50,
 		right: 17,
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	confirmPasswordWrapper: {
 		flex: 1,
 		padding: 30,
-		paddingTop: 0
+		paddingTop: 0,
 	},
 	buttonWrapper: {
 		flex: 1,
 		marginTop: 20,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	warningMessageText: {
 		paddingVertical: 10,
 		color: colors.red,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	keyboardAvoidingView: {
 		flex: 1,
 		flexDirection: 'row',
-		alignSelf: 'center'
-	}
+		alignSelf: 'center',
+	},
 });
 
 const PASSCODE_NOT_SET_ERROR = 'Error: Passcode not set.';
@@ -277,7 +277,7 @@ class ResetPassword extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	state = {
@@ -293,7 +293,7 @@ class ResetPassword extends PureComponent {
 		inputWidth: { width: '99%' },
 		view: RESET_PASSWORD,
 		originalPassword: null,
-		ready: true
+		ready: true,
 	};
 
 	mounted = true;
@@ -313,7 +313,7 @@ class ResetPassword extends PureComponent {
 
 		setTimeout(() => {
 			this.setState({
-				inputWidth: { width: '100%' }
+				inputWidth: { width: '100%' },
 			});
 		}, 100);
 	}
@@ -325,7 +325,7 @@ class ResetPassword extends PureComponent {
 		if (!prevLoading && loading) {
 			// update navigationOptions
 			navigation.setParams({
-				headerLeft: () => <View />
+				headerLeft: () => <View />,
 			});
 		}
 	}
@@ -380,7 +380,7 @@ class ResetPassword extends PureComponent {
 					status: 'success',
 					duration: 5000,
 					title: strings('reset_password.password_updated'),
-					description: strings('reset_password.successfully_changed')
+					description: strings('reset_password.successfully_changed'),
 				});
 			});
 		} catch (error) {
@@ -402,7 +402,7 @@ class ResetPassword extends PureComponent {
 	 *
 	 * @param password - Password to recreate and set the vault with
 	 */
-	recreateVault = async password => {
+	recreateVault = async (password) => {
 		const { originalPassword, password: newPassword } = this.state;
 		const { KeyringController, PreferencesController } = Engine.context;
 		const seedPhrase = await this.getSeedPhrase();
@@ -413,12 +413,12 @@ class ResetPassword extends PureComponent {
 			const keychainPassword = originalPassword;
 			// Get imported accounts
 			const simpleKeyrings = KeyringController.state.keyrings.filter(
-				keyring => keyring.type === 'Simple Key Pair'
+				(keyring) => keyring.type === 'Simple Key Pair'
 			);
 			for (let i = 0; i < simpleKeyrings.length; i++) {
 				const simpleKeyring = simpleKeyrings[i];
 				const simpleKeyringAccounts = await Promise.all(
-					simpleKeyring.accounts.map(account => KeyringController.exportAccount(keychainPassword, account))
+					simpleKeyring.accounts.map((account) => KeyringController.exportAccount(keychainPassword, account))
 				);
 				importedAccounts = [...importedAccounts, ...simpleKeyringAccounts];
 			}
@@ -480,7 +480,7 @@ class ResetPassword extends PureComponent {
 		current && current.focus();
 	};
 
-	updateBiometryChoice = async biometryChoice => {
+	updateBiometryChoice = async (biometryChoice) => {
 		if (!biometryChoice) {
 			await AsyncStorage.setItem(BIOMETRY_CHOICE_DISABLED, TRUE);
 		} else {
@@ -512,7 +512,7 @@ class ResetPassword extends PureComponent {
 					<>
 						<Text style={styles.biometryLabel}>{strings(`choose_password.remember_me`)}</Text>
 						<Switch
-							onValueChange={rememberMe => this.setState({ rememberMe })} // eslint-disable-line react/jsx-no-bind
+							onValueChange={(rememberMe) => this.setState({ rememberMe })} // eslint-disable-line react/jsx-no-bind
 							value={rememberMe}
 							style={styles.biometrySwitch}
 							trackColor={Device.isIos() ? { true: colors.green300, false: colors.grey300 } : null}
@@ -524,13 +524,13 @@ class ResetPassword extends PureComponent {
 		);
 	};
 
-	tryExportSeedPhrase = async password => {
+	tryExportSeedPhrase = async (password) => {
 		// const { originalPassword } = this.state;
 		const { KeyringController } = Engine.context;
 		await KeyringController.exportSeedPhrase(password);
 	};
 
-	tryUnlockWithPassword = async password => {
+	tryUnlockWithPassword = async (password) => {
 		this.setState({ ready: false });
 		try {
 			// Just try
@@ -539,13 +539,13 @@ class ResetPassword extends PureComponent {
 				password: null,
 				originalPassword: password,
 				ready: true,
-				view: RESET_PASSWORD
+				view: RESET_PASSWORD,
 			});
 		} catch (e) {
 			const msg = strings('reveal_credential.warning_incorrect_password');
 			this.setState({
 				warningIncorrectPassword: msg,
-				ready: true
+				ready: true,
 			});
 		}
 	};
@@ -555,14 +555,14 @@ class ResetPassword extends PureComponent {
 		this.tryUnlockWithPassword(password);
 	};
 
-	onPasswordChange = val => {
+	onPasswordChange = (val) => {
 		const passInfo = zxcvbn(val);
 
 		this.setState({ password: val, passwordStrength: passInfo.score });
 	};
 
 	toggleShowHide = () => {
-		this.setState(state => ({ secureTextEntry: !state.secureTextEntry }));
+		this.setState((state) => ({ secureTextEntry: !state.secureTextEntry }));
 	};
 
 	learnMore = () => {
@@ -570,8 +570,8 @@ class ResetPassword extends PureComponent {
 			screen: 'SimpleWebview',
 			params: {
 				url: 'https://metamask.zendesk.com/hc/en-us/articles/360039616872-How-can-I-reset-my-password-',
-				title: 'metamask.zendesk.com'
-			}
+				title: 'metamask.zendesk.com',
+			},
 		});
 	};
 
@@ -581,7 +581,7 @@ class ResetPassword extends PureComponent {
 		</View>
 	);
 
-	setConfirmPassword = val => this.setState({ confirmPassword: val });
+	setConfirmPassword = (val) => this.setState({ confirmPassword: val });
 
 	renderConfirmPassword() {
 		const { warningIncorrectPassword } = this.state;
@@ -626,16 +626,8 @@ class ResetPassword extends PureComponent {
 	}
 
 	renderResetPassword() {
-		const {
-			isSelected,
-			inputWidth,
-			password,
-			passwordStrength,
-			confirmPassword,
-			secureTextEntry,
-			error,
-			loading
-		} = this.state;
+		const { isSelected, inputWidth, password, passwordStrength, confirmPassword, secureTextEntry, error, loading } =
+			this.state;
 		const passwordsMatch = password !== '' && password === confirmPassword;
 		const canSubmit = passwordsMatch && isSelected;
 		const previousScreen = this.props.route.params?.[PREVIOUS_SCREEN];
@@ -785,18 +777,15 @@ class ResetPassword extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress
+const mapStateToProps = (state) => ({
+	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 });
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
 	passwordSet: () => dispatch(passwordSet()),
 	passwordUnset: () => dispatch(passwordUnset()),
-	setLockTime: time => dispatch(setLockTime(time)),
-	seedphraseNotBackedUp: () => dispatch(seedphraseNotBackedUp())
+	setLockTime: (time) => dispatch(setLockTime(time)),
+	seedphraseNotBackedUp: () => dispatch(seedphraseNotBackedUp()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(ResetPassword);
+export default connect(mapStateToProps, mapDispatchToProps)(ResetPassword);
diff --git a/app/components/Views/ResetPassword/index.test.js b/app/components/Views/ResetPassword/index.test.js
index 995c5e86c26..c051c07ee2b 100644
--- a/app/components/Views/ResetPassword/index.test.js
+++ b/app/components/Views/ResetPassword/index.test.js
@@ -12,19 +12,19 @@ describe('ChoosePassword', () => {
 		const initialState = {
 			user: {
 				passwordSet: true,
-				seedphraseBackedUp: false
+				seedphraseBackedUp: false,
 			},
 			engine: {
 				backgroundState: {
 					PreferencesController: {
-						selectedAddress: '0xe7E125654064EEa56229f273dA586F10DF96B0a1'
-					}
-				}
-			}
+						selectedAddress: '0xe7E125654064EEa56229f273dA586F10DF96B0a1',
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<ChoosePassword route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/RevealPrivateCredential/index.js b/app/components/Views/RevealPrivateCredential/index.js
index 647cbb875e4..788bc36d4e4 100644
--- a/app/components/Views/RevealPrivateCredential/index.js
+++ b/app/components/Views/RevealPrivateCredential/index.js
@@ -7,7 +7,7 @@ import {
 	Text,
 	TextInput,
 	TouchableOpacity,
-	InteractionManager
+	InteractionManager,
 } from 'react-native';
 import Clipboard from '@react-native-community/clipboard';
 import AsyncStorage from '@react-native-community/async-storage';
@@ -30,12 +30,12 @@ import { BIOMETRY_CHOICE } from '../../../constants/storage';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	header: {
 		borderBottomColor: colors.grey400,
 		borderBottomWidth: 1,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	seedPhrase: {
 		backgroundColor: colors.white,
@@ -48,84 +48,84 @@ const styles = StyleSheet.create({
 		fontSize: 20,
 		textAlign: 'center',
 		color: colors.black,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	seedPhraseView: {
 		borderRadius: 10,
 		borderWidth: 1,
 		borderColor: colors.grey400,
 		marginTop: 10,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	privateCredentialAction: {
 		flex: 1,
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	rowWrapper: {
-		padding: 20
+		padding: 20,
 	},
 	warningWrapper: {
-		backgroundColor: colors.red000
+		backgroundColor: colors.red000,
 	},
 	warningRowWrapper: {
 		flex: 1,
 		flexDirection: 'row',
 		alignContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	warningText: {
 		marginTop: 10,
 		color: colors.red,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	input: {
 		borderWidth: 2,
 		borderRadius: 5,
 		borderColor: colors.grey000,
-		padding: 10
+		padding: 10,
 	},
 	icon: {
 		margin: 10,
-		color: colors.red
+		color: colors.red,
 	},
 	actionIcon: {
 		margin: 10,
-		color: colors.blue
+		color: colors.blue,
 	},
 	actionText: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	warningMessageText: {
 		marginLeft: 10,
 		marginRight: 40,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	enterPassword: {
-		marginBottom: 15
+		marginBottom: 15,
 	},
 	tabContent: {
-		padding: 20
+		padding: 20,
 	},
 	qrCodeWrapper: {
 		marginTop: 20,
 		flex: 1,
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	tabUnderlineStyle: {
 		height: 2,
-		backgroundColor: colors.blue
+		backgroundColor: colors.blue,
 	},
 	tabStyle: {
 		paddingBottom: 0,
-		backgroundColor: colors.beige
+		backgroundColor: colors.beige,
 	},
 	textStyle: {
 		fontSize: 12,
 		letterSpacing: 0.5,
-		...fontStyles.bold
-	}
+		...fontStyles.bold,
+	},
 });
 
 const WRONG_PASSWORD_ERROR = 'Error: Decrypt failed';
@@ -138,7 +138,7 @@ class RevealPrivateCredential extends PureComponent {
 		privateCredential: '',
 		unlocked: false,
 		password: '',
-		warningIncorrectPassword: ''
+		warningIncorrectPassword: '',
 	};
 
 	static navigationOptions = ({ navigation, route }) =>
@@ -174,7 +174,7 @@ class RevealPrivateCredential extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	async componentDidMount() {
@@ -232,7 +232,7 @@ class RevealPrivateCredential extends PureComponent {
 
 			this.setState({
 				unlock: false,
-				warningIncorrectPassword: msg
+				warningIncorrectPassword: msg,
 			});
 		}
 	}
@@ -242,7 +242,7 @@ class RevealPrivateCredential extends PureComponent {
 		this.tryUnlockWithPassword(password);
 	};
 
-	onPasswordChange = password => {
+	onPasswordChange = (password) => {
 		this.setState({ password });
 	};
 
@@ -255,7 +255,7 @@ class RevealPrivateCredential extends PureComponent {
 			isVisible: true,
 			autodismiss: 1500,
 			content: 'clipboard-alert',
-			data: { msg: strings(`reveal_credential.${privateCredentialName}_copied`) }
+			data: { msg: strings(`reveal_credential.${privateCredentialName}_copied`) },
 		});
 	};
 
@@ -362,16 +362,13 @@ class RevealPrivateCredential extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
-	passwordSet: state.user.passwordSet
+	passwordSet: state.user.passwordSet,
 });
 
-const mapDispatchToProps = dispatch => ({
-	showAlert: config => dispatch(showAlert(config))
+const mapDispatchToProps = (dispatch) => ({
+	showAlert: (config) => dispatch(showAlert(config)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(RevealPrivateCredential);
+export default connect(mapStateToProps, mapDispatchToProps)(RevealPrivateCredential);
diff --git a/app/components/Views/RevealPrivateCredential/index.test.js b/app/components/Views/RevealPrivateCredential/index.test.js
index c2b8e7b5a9b..8de3064f8e2 100644
--- a/app/components/Views/RevealPrivateCredential/index.test.js
+++ b/app/components/Views/RevealPrivateCredential/index.test.js
@@ -11,13 +11,13 @@ describe('RevealPrivateCredential', () => {
 			engine: {
 				backgroundState: {
 					PreferencesController: {
-						selectedAddress: '0xe7E125654064EEa56229f273dA586F10DF96B0a1'
-					}
-				}
+						selectedAddress: '0xe7E125654064EEa56229f273dA586F10DF96B0a1',
+					},
+				},
 			},
 			user: {
-				passwordSet: false
-			}
+				passwordSet: false,
+			},
 		};
 		const wrapper = shallow(
 			<RevealPrivateCredential route={{ params: { privateCredentialName: 'private_key' } }} />,
diff --git a/app/components/Views/Root/index.js b/app/components/Views/Root/index.js
index b0232ae8765..3eb246c5850 100644
--- a/app/components/Views/Root/index.js
+++ b/app/components/Views/Root/index.js
@@ -18,11 +18,11 @@ import ErrorBoundary from '../ErrorBoundary';
  */
 export default class Root extends PureComponent {
 	static propTypes = {
-		foxCode: PropTypes.string
+		foxCode: PropTypes.string,
 	};
 
 	static defaultProps = {
-		foxCode: 'null'
+		foxCode: 'null',
 	};
 
 	errorHandler = (error, stackTrace) => {
diff --git a/app/components/Views/Send/index.js b/app/components/Views/Send/index.js
index 49f039b3c37..f0772800146 100644
--- a/app/components/Views/Send/index.js
+++ b/app/components/Views/Send/index.js
@@ -21,7 +21,7 @@ import {
 	getTransactionReviewActionKey,
 	decodeTransferData,
 	getTransactionToName,
-	generateTransferData
+	generateTransferData,
 } from '../../../util/transactions';
 import Logger from '../../../util/Logger';
 import { isENS } from '../../../util/address';
@@ -37,14 +37,14 @@ const SEND = 'Send';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	loader: {
 		backgroundColor: colors.white,
 		flex: 1,
 		justifyContent: 'center',
-		alignItems: 'center'
-	}
+		alignItems: 'center',
+	},
 });
 
 /**
@@ -117,7 +117,7 @@ class Send extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	state = {
@@ -125,7 +125,7 @@ class Send extends PureComponent {
 		transactionKey: undefined,
 		ready: false,
 		transactionConfirmed: false,
-		transactionSubmitted: false
+		transactionSubmitted: false,
 	};
 
 	mounted = false;
@@ -139,7 +139,7 @@ class Send extends PureComponent {
 		const { gas, gasPrice } = await Engine.context.TransactionController.estimateGas(transaction);
 		this.props.setTransactionObject({
 			gas: hexToBN(gas),
-			gasPrice: hexToBN(gasPrice)
+			gasPrice: hexToBN(gasPrice),
 		});
 		return this.mounted && this.setState({ transactionKey: Date.now() });
 	}
@@ -173,13 +173,13 @@ class Send extends PureComponent {
 			transaction: { assetType, selectedAsset },
 			contractBalances,
 			dappTransactionModalVisible,
-			toggleDappTransactionModal
+			toggleDappTransactionModal,
 		} = this.props;
 		navigation &&
 			navigation.setParams({
 				mode: REVIEW,
 				dispatch: this.onModeChange,
-				disableModeChange: assetType === 'ERC20' && contractBalances[selectedAsset.address] === undefined
+				disableModeChange: assetType === 'ERC20' && contractBalances[selectedAsset.address] === undefined,
 			});
 		dappTransactionModalVisible && toggleDappTransactionModal();
 		this.mounted = true;
@@ -206,7 +206,7 @@ class Send extends PureComponent {
 			route,
 			transaction: { assetType, selectedAsset },
 			contractBalances,
-			navigation
+			navigation,
 		} = this.props;
 		if (prevRoute && route) {
 			const prevTxMeta = prevRoute.params?.txMeta;
@@ -227,7 +227,7 @@ class Send extends PureComponent {
 		if (assetTypeDefined || erc20ContractBalanceChanged) {
 			navigation &&
 				navigation.setParams({
-					disableModeChange: contractBalance === undefined
+					disableModeChange: contractBalance === undefined,
 				});
 		}
 	}
@@ -235,7 +235,7 @@ class Send extends PureComponent {
 	/**
 	 * Handle deeplink txMeta recipient
 	 */
-	handleNewTxMetaRecipient = recipient => {
+	handleNewTxMetaRecipient = (recipient) => {
 		let ensRecipient, to;
 		if (isENS(recipient)) {
 			ensRecipient = recipient;
@@ -253,7 +253,7 @@ class Send extends PureComponent {
 		action,
 		chain_id = null,
 		function_name = null, // eslint-disable-line no-unused-vars
-		parameters = null
+		parameters = null,
 	}) => {
 		const { addressBook, network, identities, selectedAddress } = this.props;
 		if (chain_id) {
@@ -269,7 +269,7 @@ class Send extends PureComponent {
 					type: 'ETHER_TRANSACTION',
 					paymentRequest: true,
 					selectedAsset: { symbol: 'ETH', isETH: true },
-					...this.handleNewTxMetaRecipient(target_address)
+					...this.handleNewTxMetaRecipient(target_address),
 				};
 				if (parameters && parameters.value) {
 					newTxMeta.value = BNToHex(toBN(parameters.value));
@@ -281,7 +281,7 @@ class Send extends PureComponent {
 					network,
 					toAddress: newTxMeta.to,
 					identities,
-					ensRecipient: newTxMeta.ensRecipient
+					ensRecipient: newTxMeta.ensRecipient,
 				});
 				newTxMeta.transactionTo = newTxMeta.to;
 				break;
@@ -299,17 +299,17 @@ class Send extends PureComponent {
 					transactionTo: to,
 					data: generateTransferData('transfer', {
 						toAddress: parameters.address,
-						amount: tokenAmount
+						amount: tokenAmount,
 					}),
 					value: '0x0',
-					readableValue: fromTokenMinimalUnit(parameters.uint256 || '0', selectedAsset.decimals) || '0'
+					readableValue: fromTokenMinimalUnit(parameters.uint256 || '0', selectedAsset.decimals) || '0',
 				};
 				newTxMeta.transactionToName = getTransactionToName({
 					addressBook,
 					network,
 					toAddress: to,
 					identities,
-					ensRecipient
+					ensRecipient,
 				});
 				break;
 			}
@@ -347,7 +347,7 @@ class Send extends PureComponent {
 	 *
 	 * @param switchToChainId - Corresponding chain id for new network
 	 */
-	handleNetworkSwitch = switchToChainId => {
+	handleNetworkSwitch = (switchToChainId) => {
 		const { frequentRpcList } = this.props;
 		const rpc = frequentRpcList.find(({ chainId }) => chainId === switchToChainId);
 		if (rpc) {
@@ -359,7 +359,7 @@ class Send extends PureComponent {
 				isVisible: true,
 				autodismiss: 5000,
 				content: 'clipboard-alert',
-				data: { msg: strings('send.warn_network_change') + nickname }
+				data: { msg: strings('send.warn_network_change') + nickname },
 			});
 		}
 	};
@@ -371,7 +371,7 @@ class Send extends PureComponent {
 	 *
 	 * @returns ERC20 asset, containing address, symbol and decimals
 	 */
-	handleTokenDeeplink = async address => {
+	handleTokenDeeplink = async (address) => {
 		const { tokens } = this.props;
 		address = toChecksumAddress(address);
 		// First check if we have token information in contractMap
@@ -379,7 +379,7 @@ class Send extends PureComponent {
 			return contractMap[address];
 		}
 		// Then check if the token is already in state
-		const stateToken = tokens.find(token => token.address === address);
+		const stateToken = tokens.find((token) => token.address === address);
 		if (stateToken) {
 			return stateToken;
 		}
@@ -395,7 +395,7 @@ class Send extends PureComponent {
 				isVisible: true,
 				autodismiss: 2000,
 				content: 'clipboard-alert',
-				data: { msg: strings(`send.deeplink_failure`) }
+				data: { msg: strings(`send.deeplink_failure`) },
 			});
 			this.onCancel();
 		}
@@ -412,11 +412,11 @@ class Send extends PureComponent {
 	 *
 	 * @param {object} transaction - Transaction object
 	 */
-	prepareTransaction = transaction => ({
+	prepareTransaction = (transaction) => ({
 		...transaction,
 		gas: BNToHex(transaction.gas),
 		gasPrice: BNToHex(transaction.gasPrice),
-		value: BNToHex(transaction.value)
+		value: BNToHex(transaction.value),
 	});
 
 	/**
@@ -431,7 +431,7 @@ class Send extends PureComponent {
 		gas: BNToHex(transaction.gas),
 		gasPrice: BNToHex(transaction.gasPrice),
 		value: '0x0',
-		to: selectedAsset.address
+		to: selectedAsset.address,
 	});
 
 	/**
@@ -439,10 +439,10 @@ class Send extends PureComponent {
 	 *
 	 * @param transaction - Transaction object
 	 */
-	sanitizeTransaction = transaction => ({
+	sanitizeTransaction = (transaction) => ({
 		...transaction,
 		gas: BNToHex(transaction.gas),
-		gasPrice: BNToHex(transaction.gasPrice)
+		gasPrice: BNToHex(transaction.gasPrice),
 	});
 
 	/**
@@ -461,7 +461,7 @@ class Send extends PureComponent {
 	 *
 	 * @param if - Transaction id
 	 */
-	onCancel = id => {
+	onCancel = (id) => {
 		Engine.context.TransactionController.cancelTransaction(id);
 		this.props.navigation.pop();
 		this.unmountHandled = true;
@@ -480,7 +480,7 @@ class Send extends PureComponent {
 		const {
 			transaction: { selectedAsset, assetType },
 			network,
-			addressBook
+			addressBook,
 		} = this.props;
 		let { transaction } = this.props;
 		try {
@@ -526,7 +526,7 @@ class Send extends PureComponent {
 			if (!existingContact) {
 				AddressBookController.set(checksummedAddress, '', network);
 			}
-			await new Promise(resolve => {
+			await new Promise((resolve) => {
 				resolve(result);
 			});
 			if (transactionMeta.error) {
@@ -537,13 +537,13 @@ class Send extends PureComponent {
 			InteractionManager.runAfterInteractions(() => {
 				NotificationManager.watchSubmittedTransaction({
 					...transactionMeta,
-					assetType: transaction.assetType
+					assetType: transaction.assetType,
 				});
 				this.removeCollectible();
 			});
 		} catch (error) {
 			Alert.alert(strings('transactions.transaction_error'), error && error.message, [
-				{ text: strings('navigation.ok') }
+				{ text: strings('navigation.ok') },
 			]);
 			Logger.error(error, 'error while trying to send transaction (Send)');
 			this.setState({ transactionConfirmed: false });
@@ -569,7 +569,7 @@ class Send extends PureComponent {
 		const actionKey = await getTransactionReviewActionKey(transaction);
 		Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.TRANSACTIONS_EDIT_TRANSACTION, {
 			...this.getTrackingParams(),
-			actionKey
+			actionKey,
 		});
 	};
 
@@ -601,13 +601,13 @@ class Send extends PureComponent {
 	getTrackingParams = () => {
 		const {
 			networkType,
-			transaction: { selectedAsset, assetType }
+			transaction: { selectedAsset, assetType },
 		} = this.props;
 		return {
 			view: SEND,
 			network: networkType,
 			activeCurrency: (selectedAsset && (selectedAsset.symbol || selectedAsset.contractName)) || 'ETH',
-			assetType
+			assetType,
 		};
 	};
 
@@ -617,7 +617,7 @@ class Send extends PureComponent {
 	 *
 	 * @param mode - Transaction mode, review or edit
 	 */
-	onModeChange = mode => {
+	onModeChange = (mode) => {
 		const { navigation } = this.props;
 		navigation && navigation.setParams({ mode });
 		this.mounted && this.setState({ mode });
@@ -656,7 +656,7 @@ class Send extends PureComponent {
 	);
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	addressBook: state.engine.backgroundState.AddressBookController.addressBook,
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	frequentRpcList: state.engine.backgroundState.PreferencesController.frequentRpcList,
@@ -667,17 +667,14 @@ const mapStateToProps = state => ({
 	network: state.engine.backgroundState.NetworkController.network,
 	identities: state.engine.backgroundState.PreferencesController.identities,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
-	dappTransactionModalVisible: state.modals.dappTransactionModalVisible
+	dappTransactionModalVisible: state.modals.dappTransactionModalVisible,
 });
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
 	resetTransaction: () => dispatch(resetTransaction()),
-	setTransactionObject: transaction => dispatch(setTransactionObject(transaction)),
-	showAlert: config => dispatch(showAlert(config)),
-	toggleDappTransactionModal: () => dispatch(toggleDappTransactionModal())
+	setTransactionObject: (transaction) => dispatch(setTransactionObject(transaction)),
+	showAlert: (config) => dispatch(showAlert(config)),
+	toggleDappTransactionModal: () => dispatch(toggleDappTransactionModal()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Send);
+export default connect(mapStateToProps, mapDispatchToProps)(Send);
diff --git a/app/components/Views/SendFlow/AddressElement/index.js b/app/components/Views/SendFlow/AddressElement/index.js
index 7ce36f5fe22..95884810d31 100644
--- a/app/components/Views/SendFlow/AddressElement/index.js
+++ b/app/components/Views/SendFlow/AddressElement/index.js
@@ -13,26 +13,26 @@ const styles = StyleSheet.create({
 		flexDirection: 'row',
 		alignItems: 'center',
 		borderBottomWidth: 1,
-		borderBottomColor: colors.grey050
+		borderBottomColor: colors.grey050,
 	},
 	addressElementInformation: {
 		flex: 1,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	addressIdenticon: {
-		paddingRight: 16
+		paddingRight: 16,
 	},
 	addressTextNickname: {
 		...fontStyles.normal,
 		flex: 1,
 		color: colors.black,
-		fontSize: 14
+		fontSize: 14,
 	},
 	addressTextAddress: {
 		...fontStyles.normal,
 		fontSize: 12,
-		color: colors.grey500
-	}
+		color: colors.grey500,
+	},
 });
 
 class AddressElement extends PureComponent {
@@ -56,12 +56,12 @@ class AddressElement extends PureComponent {
 		/**
 		 * Network id
 		 */
-		network: PropTypes.string
+		network: PropTypes.string,
 	};
 
 	state = {
 		name: this.props.name,
-		address: this.props.address
+		address: this.props.address,
 	};
 
 	componentDidMount = async () => {
@@ -103,8 +103,8 @@ class AddressElement extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
-	network: state.engine.backgroundState.NetworkController.network
+const mapStateToProps = (state) => ({
+	network: state.engine.backgroundState.NetworkController.network,
 });
 
 export default connect(mapStateToProps)(AddressElement);
diff --git a/app/components/Views/SendFlow/AddressElement/index.test.js b/app/components/Views/SendFlow/AddressElement/index.test.js
index 494ebd170ee..6d45a1dea6c 100644
--- a/app/components/Views/SendFlow/AddressElement/index.test.js
+++ b/app/components/Views/SendFlow/AddressElement/index.test.js
@@ -10,13 +10,13 @@ describe('AddressElement', () => {
 			engine: {
 				backgroundState: {
 					NetworkController: {
-						network: '1'
-					}
-				}
-			}
+						network: '1',
+					},
+				},
+			},
 		};
 		const wrapper = shallow(<AddressElement />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/SendFlow/AddressInputs/index.js b/app/components/Views/SendFlow/AddressInputs/index.js
index 7a59d533301..2bf36eec096 100644
--- a/app/components/Views/SendFlow/AddressInputs/index.js
+++ b/app/components/Views/SendFlow/AddressInputs/index.js
@@ -13,7 +13,7 @@ import { hasZeroWidthPoints } from '../../../../util/validators';
 const styles = StyleSheet.create({
 	wrapper: {
 		flexDirection: 'row',
-		marginHorizontal: 8
+		marginHorizontal: 8,
 	},
 	selectWrapper: {
 		flex: 1,
@@ -23,7 +23,7 @@ const styles = StyleSheet.create({
 		flexDirection: 'row',
 		borderWidth: 1,
 		borderRadius: 8,
-		marginVertical: 8
+		marginVertical: 8,
 	},
 	inputWrapper: {
 		flex: 1,
@@ -33,100 +33,100 @@ const styles = StyleSheet.create({
 		flexDirection: 'row',
 		borderWidth: 1,
 		borderRadius: 8,
-		marginTop: 8
+		marginTop: 8,
 	},
 	input: {
 		flex: 1,
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	identiconWrapper: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	addressToInformation: {
 		flex: 1,
 		flexDirection: 'row',
 		alignItems: 'center',
-		position: 'relative'
+		position: 'relative',
 	},
 	exclamation: {
 		backgroundColor: colors.white,
 		borderRadius: 12,
 		position: 'absolute',
 		bottom: 8,
-		left: 20
+		left: 20,
 	},
 	address: {
 		flexDirection: 'column',
 		alignItems: 'flex-start',
-		marginHorizontal: 8
+		marginHorizontal: 8,
 	},
 	addressWrapper: { flexDirection: 'row' },
 	textAddress: {
 		...fontStyles.normal,
 		color: colors.black,
-		fontSize: 14
+		fontSize: 14,
 	},
 	textBalance: {
 		...fontStyles.normal,
 		fontSize: 12,
-		color: colors.grey500
+		color: colors.grey500,
 	},
 	label: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		width: '15%'
+		width: '15%',
 	},
 	labelText: {
 		...fontStyles.normal,
 		color: colors.black,
-		fontSize: 16
+		fontSize: 16,
 	},
 	textInput: {
 		...fontStyles.normal,
 		paddingLeft: 0,
 		paddingRight: 8,
-		width: '100%'
+		width: '100%',
 	},
 	scanIcon: {
 		flexDirection: 'column',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	iconOpaque: {
-		color: colors.grey500
+		color: colors.grey500,
 	},
 	iconHighlighted: {
-		color: colors.blue
+		color: colors.blue,
 	},
 	borderOpaque: {
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	borderHighlighted: {
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	iconWrapper: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	dropdownIconWrapper: {
 		height: 23,
-		width: 23
+		width: 23,
 	},
 	dropdownIcon: {
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	checkIconWrapper: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	checkAddress: {
-		flex: 0.9
+		flex: 0.9,
 		// maxWidth: '90%'
 	},
 	toInputWrapper: {
-		flexDirection: 'row'
-	}
+		flexDirection: 'row',
+	},
 });
 
 const AddressName = ({ toAddressName, confusableCollection = [] }) => {
@@ -163,10 +163,10 @@ const AddressName = ({ toAddressName, confusableCollection = [] }) => {
 
 AddressName.propTypes = {
 	toAddressName: PropTypes.string,
-	confusableCollection: PropTypes.array
+	confusableCollection: PropTypes.array,
 };
 
-export const AddressTo = props => {
+export const AddressTo = (props) => {
 	const {
 		addressToReady,
 		highlighted,
@@ -181,7 +181,7 @@ export const AddressTo = props => {
 		onInputBlur,
 		inputWidth,
 		confusableCollection,
-		displayExclamation
+		displayExclamation,
 	} = props;
 	return (
 		<View style={styles.wrapper}>
@@ -321,10 +321,10 @@ AddressTo.propTypes = {
 	/**
 	 * Display Exclamation Icon
 	 */
-	displayExclamation: PropTypes.bool
+	displayExclamation: PropTypes.bool,
 };
 
-export const AddressFrom = props => {
+export const AddressFrom = (props) => {
 	const { highlighted, onPressIcon, fromAccountName, fromAccountBalance, fromAccountAddress } = props;
 	return (
 		<View style={styles.wrapper}>
@@ -378,5 +378,5 @@ AddressFrom.propTypes = {
 	/**
 	 * Account balance of selected address as string
 	 */
-	fromAccountBalance: PropTypes.string
+	fromAccountBalance: PropTypes.string,
 };
diff --git a/app/components/Views/SendFlow/AddressList/index.js b/app/components/Views/SendFlow/AddressList/index.js
index bdb1a8e2c2a..57cfbddfece 100644
--- a/app/components/Views/SendFlow/AddressList/index.js
+++ b/app/components/Views/SendFlow/AddressList/index.js
@@ -10,24 +10,24 @@ import AddressElement from '../AddressElement';
 const styles = StyleSheet.create({
 	root: {
 		flex: 1,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	messageText: {
 		...fontStyles.normal,
 		color: colors.blue,
 		fontSize: 16,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	messageLeft: {
-		textAlign: 'left'
+		textAlign: 'left',
 	},
 	myAccountsWrapper: {
-		flexGrow: 1
+		flexGrow: 1,
 	},
 	myAccountsTouchable: {
 		borderBottomWidth: 1,
 		borderBottomColor: colors.grey050,
-		padding: 16
+		padding: 16,
 	},
 	labelElementWrapper: {
 		backgroundColor: colors.grey000,
@@ -35,20 +35,20 @@ const styles = StyleSheet.create({
 		alignItems: 'center',
 		borderBottomWidth: 1,
 		borderBottomColor: colors.grey050,
-		padding: 8
+		padding: 8,
 	},
 	labelElementInitialText: {
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	labelElementText: {
 		...fontStyles.normal,
 		fontSize: 12,
 		marginHorizontal: 8,
-		color: colors.grey600
-	}
+		color: colors.grey600,
+	},
 });
 
-const LabelElement = label => (
+const LabelElement = (label) => (
 	<View key={label} style={styles.labelElementWrapper}>
 		<Text style={[styles.labelElementText, label.length > 1 ? {} : styles.labelElementInitialText]}>{label}</Text>
 	</View>
@@ -91,13 +91,13 @@ class AddressList extends PureComponent {
 		/**
 		 * An array that represents the user's recent toAddresses
 		 */
-		recents: PropTypes.array
+		recents: PropTypes.array,
 	};
 
 	state = {
 		myAccountsOpened: false,
 		processedAddressBookList: undefined,
-		contactElements: []
+		contactElements: [],
 	};
 
 	networkAddressBook = {};
@@ -106,7 +106,7 @@ class AddressList extends PureComponent {
 		const { addressBook, network } = this.props;
 		this.networkAddressBook = addressBook[network] || {};
 		const networkAddressBookList = Object.keys(this.networkAddressBook).map(
-			address => this.networkAddressBook[address]
+			(address) => this.networkAddressBook[address]
 		);
 		this.fuse = new Fuse(networkAddressBookList, {
 			shouldSort: true,
@@ -115,12 +115,15 @@ class AddressList extends PureComponent {
 			distance: 10,
 			maxPatternLength: 32,
 			minMatchCharLength: 1,
-			keys: [{ name: 'name', weight: 0.5 }, { name: 'address', weight: 0.5 }]
+			keys: [
+				{ name: 'name', weight: 0.5 },
+				{ name: 'address', weight: 0.5 },
+			],
 		});
 		this.parseAddressBook(networkAddressBookList);
 	};
 
-	componentDidUpdate = prevProps => {
+	componentDidUpdate = (prevProps) => {
 		const { network, addressBook, reloadAddressList } = this.props;
 		if (
 			(prevProps.reloadAddressList && reloadAddressList !== prevProps.reloadAddressList) ||
@@ -133,7 +136,7 @@ class AddressList extends PureComponent {
 			} else {
 				const { addressBook } = this.props;
 				const networkAddressBook = addressBook[network] || {};
-				networkAddressBookList = Object.keys(networkAddressBook).map(address => networkAddressBook[address]);
+				networkAddressBookList = Object.keys(networkAddressBook).map((address) => networkAddressBook[address]);
 			}
 			this.parseAddressBook(networkAddressBookList);
 		}
@@ -143,10 +146,10 @@ class AddressList extends PureComponent {
 		this.setState({ myAccountsOpened: true });
 	};
 
-	parseAddressBook = networkAddressBookList => {
+	parseAddressBook = (networkAddressBookList) => {
 		const contactElements = [];
 		const addressBookTree = {};
-		networkAddressBookList.forEach(contact => {
+		networkAddressBookList.forEach((contact) => {
 			const contactNameInitial = contact && contact.name && contact.name[0];
 			const nameInitial = contactNameInitial && contactNameInitial.match(/[a-z]/i);
 			const initial = nameInitial ? nameInitial[0] : strings('address_book.others');
@@ -158,9 +161,9 @@ class AddressList extends PureComponent {
 		});
 		Object.keys(addressBookTree)
 			.sort()
-			.forEach(initial => {
+			.forEach((initial) => {
 				contactElements.push(initial);
-				addressBookTree[initial].forEach(contact => {
+				addressBookTree[initial].forEach((contact) => {
 					contactElements.push(contact);
 				});
 			});
@@ -181,7 +184,7 @@ class AddressList extends PureComponent {
 			</TouchableOpacity>
 		) : (
 			<View>
-				{Object.keys(identities).map(address => (
+				{Object.keys(identities).map((address) => (
 					<AddressElement
 						key={address}
 						address={address}
@@ -195,7 +198,7 @@ class AddressList extends PureComponent {
 		);
 	};
 
-	elementKeyExtractor = element => {
+	elementKeyExtractor = (element) => {
 		if (typeof element === 'string') return element;
 		return element.address + element.name;
 	};
@@ -222,7 +225,7 @@ class AddressList extends PureComponent {
 			<>
 				{LabelElement(strings('address_book.recents'))}
 				{recents
-					.filter(recent => recent != null)
+					.filter((recent) => recent != null)
 					.map((address, index) => (
 						<AddressElement
 							key={index}
@@ -256,13 +259,13 @@ class AddressList extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	recents: state.recents,
 	addressBook: state.engine.backgroundState.AddressBookController.addressBook,
 	identities: state.engine.backgroundState.PreferencesController.identities,
 	network: state.engine.backgroundState.NetworkController.network,
 	transactions: state.engine.backgroundState.TransactionController.transactions,
-	chainId: state.engine.backgroundState.NetworkController.provider.chainId
+	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 });
 
 export default connect(mapStateToProps)(AddressList);
diff --git a/app/components/Views/SendFlow/AddressList/index.test.js b/app/components/Views/SendFlow/AddressList/index.test.js
index ce6cf4ada44..50f0e0f528c 100644
--- a/app/components/Views/SendFlow/AddressList/index.test.js
+++ b/app/components/Views/SendFlow/AddressList/index.test.js
@@ -13,8 +13,8 @@ describe('AddressList', () => {
 					NetworkController: {
 						network: '1',
 						provider: {
-							chainId: '1'
-						}
+							chainId: '1',
+						},
 					},
 					AddressBookController: {
 						addressBook: {
@@ -23,26 +23,26 @@ describe('AddressList', () => {
 								chainId: '1',
 								isEns: false,
 								memo: '',
-								name: 'aa'
-							}
-						}
+								name: 'aa',
+							},
+						},
 					},
 					PreferencesController: {
 						identities: {
 							'0x51239E13Fe029cD52asA8babEBafb6814bc8Ba4b': {
 								address: '0x51239E13Fe029cD52asA8babEBafb6814bc8Ba4b',
-								name: 'Account 1'
-							}
-						}
+								name: 'Account 1',
+							},
+						},
 					},
 					TransactionController: {
-						transactions: []
-					}
-				}
-			}
+						transactions: [],
+					},
+				},
+			},
 		};
 		const wrapper = shallow(<AddressList inputSearch="" />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/SendFlow/Amount/index.js b/app/components/Views/SendFlow/Amount/index.js
index 123d8f40cd3..3716295ceeb 100644
--- a/app/components/Views/SendFlow/Amount/index.js
+++ b/app/components/Views/SendFlow/Amount/index.js
@@ -9,7 +9,7 @@ import {
 	KeyboardAvoidingView,
 	FlatList,
 	InteractionManager,
-	ScrollView
+	ScrollView,
 } from 'react-native';
 import { connect } from 'react-redux';
 import { setSelectedAsset, prepareTransaction, setTransactionObject } from '../../../../actions/transaction';
@@ -36,7 +36,7 @@ import {
 	getCurrencySymbol,
 	handleWeiNumber,
 	fromTokenMinimalUnitString,
-	toHexadecimal
+	toHexadecimal,
 } from '../../../../util/number';
 import { getTicker, generateTransferData, getEther, calculateEIP1559GasFeeHexes } from '../../../../util/transactions';
 import { GAS_ESTIMATE_TYPES, util } from '@metamask/controllers';
@@ -65,34 +65,34 @@ const KEYBOARD_OFFSET = Device.isSmallDevice() ? 80 : 120;
 const styles = StyleSheet.create({
 	wrapper: {
 		flex: 1,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	scrollWrapper: {
-		marginBottom: 60
+		marginBottom: 60,
 	},
 	buttonNextWrapper: {
 		flex: 1,
 		flexDirection: 'row',
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	buttonNext: {
 		flex: 1,
-		marginHorizontal: 24
+		marginHorizontal: 24,
 	},
 	inputWrapper: {
 		flex: 1,
 		marginTop: 30,
-		marginHorizontal: 24
+		marginHorizontal: 24,
 	},
 	actionsWrapper: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	action: {
 		flex: 1,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	actionBorder: {
-		flex: 0.8
+		flex: 0.8,
 	},
 	actionDropdown: {
 		...fontStyles.normal,
@@ -101,36 +101,36 @@ const styles = StyleSheet.create({
 		paddingVertical: 2,
 		borderRadius: 100,
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	textDropdown: {
 		...fontStyles.normal,
 		fontSize: 14,
 		color: colors.white,
-		paddingVertical: 2
+		paddingVertical: 2,
 	},
 	iconDropdown: {
-		paddingLeft: 10
+		paddingLeft: 10,
 	},
 	maxText: {
 		...fontStyles.normal,
 		fontSize: 12,
 		color: colors.blue,
 		alignSelf: 'flex-end',
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	actionMax: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	actionMaxTouchable: {},
 	inputContainerWrapper: {
 		marginVertical: 16,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	inputContainer: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	inputCurrencyText: {
 		...fontStyles.normal,
@@ -141,18 +141,18 @@ const styles = StyleSheet.create({
 		paddingVertical: Device.isIos() ? 0 : 8,
 		justifyContent: 'center',
 		alignItems: 'center',
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	textInput: {
 		...fontStyles.normal,
 		fontWeight: fontStyles.light.fontWeight,
 		fontSize: 44,
 		textAlign: 'center',
-		color: colors.black
+		color: colors.black,
 	},
 	switch: {
 		flex: 1,
-		marginTop: Device.isIos() ? 0 : 2
+		marginTop: Device.isIos() ? 0 : 2,
 	},
 	actionSwitch: {
 		paddingHorizontal: 8,
@@ -161,26 +161,26 @@ const styles = StyleSheet.create({
 		flexDirection: 'row',
 		borderColor: colors.grey500,
 		borderWidth: 1,
-		right: -2
+		right: -2,
 	},
 	textSwitch: {
 		...fontStyles.normal,
 		fontSize: 14,
 		color: colors.grey500,
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	switchWrapper: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
+		margin: 0,
 	},
 	tokenImage: {
 		width: 36,
 		height: 36,
-		overflow: 'hidden'
+		overflow: 'hidden',
 	},
 	assetElementWrapper: {
 		height: 70,
@@ -189,17 +189,17 @@ const styles = StyleSheet.create({
 		borderColor: colors.grey000,
 		flexDirection: 'row',
 		alignItems: 'center',
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	assetElement: {
 		flexDirection: 'row',
-		flex: 1
+		flex: 1,
 	},
 	assetsModalWrapper: {
 		backgroundColor: colors.white,
 		borderTopLeftRadius: 10,
 		borderTopRightRadius: 10,
-		height: 450
+		height: 450,
 	},
 	titleWrapper: {
 		width: '100%',
@@ -207,84 +207,84 @@ const styles = StyleSheet.create({
 		alignItems: 'center',
 		justifyContent: 'center',
 		borderBottomWidth: StyleSheet.hairlineWidth,
-		borderColor: colors.grey100
+		borderColor: colors.grey100,
 	},
 	dragger: {
 		width: 48,
 		height: 5,
 		borderRadius: 4,
 		backgroundColor: colors.grey400,
-		opacity: Device.isAndroid() ? 0.6 : 0.5
+		opacity: Device.isAndroid() ? 0.6 : 0.5,
 	},
 	textAssetTitle: {
 		...fontStyles.normal,
-		fontSize: 18
+		fontSize: 18,
 	},
 	assetInformationWrapper: {
 		flex: 1,
 		flexDirection: 'row',
 		alignItems: 'center',
 		justifyContent: 'space-between',
-		marginLeft: 16
+		marginLeft: 16,
 	},
 	assetBalanceWrapper: {
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	textAssetBalance: {
 		...fontStyles.normal,
 		fontSize: 18,
-		textAlign: 'right'
+		textAlign: 'right',
 	},
 	textAssetFiat: {
 		...fontStyles.normal,
 		fontSize: 12,
 		color: colors.grey500,
 		textAlign: 'right',
-		textTransform: 'uppercase'
+		textTransform: 'uppercase',
 	},
 	errorMessageWrapper: {
-		marginVertical: 16
+		marginVertical: 16,
 	},
 	CollectibleMedia: {
 		width: 120,
-		height: 120
+		height: 120,
 	},
 	collectibleName: {
 		...fontStyles.normal,
 		fontSize: 32,
 		color: colors.grey500,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	collectibleId: {
 		...fontStyles.normal,
 		fontSize: 14,
 		color: colors.grey500,
 		marginTop: 8,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	collectibleInputWrapper: {
-		margin: 24
+		margin: 24,
 	},
 	collectibleInputImageWrapper: {
 		flexDirection: 'column',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	collectibleInputInformationWrapper: {
-		marginTop: 12
+		marginTop: 12,
 	},
 	nextActionWrapper: {
 		flex: 1,
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	balanceWrapper: {
-		marginVertical: 16
+		marginVertical: 16,
 	},
 	balanceText: {
 		...fontStyles.normal,
 		alignSelf: 'center',
 		fontSize: 12,
-		lineHeight: 16
-	}
+		lineHeight: 16,
+	},
 });
 
 /**
@@ -377,7 +377,7 @@ class Amount extends PureComponent {
 		/**
 		 * Indicates whether the current transaction is a deep link transaction
 		 */
-		isPaymentRequest: PropTypes.bool
+		isPaymentRequest: PropTypes.bool,
 	};
 
 	state = {
@@ -388,7 +388,7 @@ class Amount extends PureComponent {
 		assetsModalVisible: false,
 		internalPrimaryCurrencyIsCrypto: this.props.primaryCurrency === 'ETH',
 		estimatedTotalGas: undefined,
-		hasExchangeRate: false
+		hasExchangeRate: false,
 	};
 
 	amountInput = React.createRef();
@@ -403,7 +403,7 @@ class Amount extends PureComponent {
 			navigation,
 			providerType,
 			selectedAsset,
-			isPaymentRequest
+			isPaymentRequest,
 		} = this.props;
 		// For analytics
 		navigation.setParams({ providerType, isPaymentRequest });
@@ -418,7 +418,7 @@ class Amount extends PureComponent {
 		const { GasFeeController } = Engine.context;
 		const [gasEstimates, gas] = await Promise.all([
 			GasFeeController.fetchGasFeeEstimates({ shouldUpdateState: false }),
-			this.estimateGasLimit()
+			this.estimateGasLimit(),
 		]);
 
 		if (gasEstimates.gasEstimateType === GAS_ESTIMATE_TYPES.FEE_MARKET) {
@@ -431,10 +431,10 @@ class Amount extends PureComponent {
 				gasLimitHex,
 				estimatedBaseFeeHex,
 				suggestedMaxFeePerGasHex,
-				suggestedMaxPriorityFeePerGasHex
+				suggestedMaxPriorityFeePerGasHex,
 			});
 			this.setState({
-				estimatedTotalGas: hexToBN(gasHexes.gasFeeMaxHex)
+				estimatedTotalGas: hexToBN(gasHexes.gasFeeMaxHex),
 			});
 		} else if (gasEstimates.gasEstimateType === GAS_ESTIMATE_TYPES.LEGACY) {
 			const gasPrice = hexToBN(decGWEIToHexWEI(gasEstimates.gasFeeEstimates[AppConstants.GAS_OPTIONS.MEDIUM]));
@@ -445,7 +445,7 @@ class Amount extends PureComponent {
 		}
 
 		this.setState({
-			inputValue: readableValue
+			inputValue: readableValue,
 		});
 	};
 
@@ -453,9 +453,9 @@ class Amount extends PureComponent {
 		const { AssetsContractController } = Engine.context;
 		const {
 			transactionState: {
-				selectedAsset: { address, tokenId }
+				selectedAsset: { address, tokenId },
 			},
-			selectedAddress
+			selectedAddress,
 		} = this.props;
 		try {
 			const owner = await AssetsContractController.getOwnerOf(address, tokenId);
@@ -476,15 +476,10 @@ class Amount extends PureComponent {
 			setSelectedAsset,
 			transactionState: { transaction },
 			providerType,
-			onConfirm
+			onConfirm,
 		} = this.props;
-		const {
-			inputValue,
-			inputValueConversion,
-			internalPrimaryCurrencyIsCrypto,
-			hasExchangeRate,
-			maxFiatInput
-		} = this.state;
+		const { inputValue, inputValueConversion, internalPrimaryCurrencyIsCrypto, hasExchangeRate, maxFiatInput } =
+			this.state;
 
 		let value;
 		if (internalPrimaryCurrencyIsCrypto || !hasExchangeRate) {
@@ -531,7 +526,7 @@ class Amount extends PureComponent {
 	getCollectibleTranferTransactionProperties() {
 		const {
 			selectedAsset,
-			transactionState: { transaction, transactionTo }
+			transactionState: { transaction, transactionTo },
 		} = this.props;
 
 		const collectibleTransferTransactionProperties = {};
@@ -544,12 +539,12 @@ class Amount extends PureComponent {
 			collectibleTransferTransactionProperties.data = generateTransferData('transferFrom', {
 				fromAddress: transaction.from,
 				toAddress: transactionTo,
-				tokenId: toHexadecimal(selectedAsset.tokenId)
+				tokenId: toHexadecimal(selectedAsset.tokenId),
 			});
 		} else if (collectibleTransferInformation.tradable && collectibleTransferInformation.method === 'transfer') {
 			collectibleTransferTransactionProperties.data = generateTransferData('transfer', {
 				toAddress: transactionTo,
-				amount: selectedAsset.tokenId.toString(16)
+				amount: selectedAsset.tokenId.toString(16),
 			});
 		}
 		collectibleTransferTransactionProperties.to = selectedAsset.address;
@@ -563,14 +558,14 @@ class Amount extends PureComponent {
 			selectedAsset,
 			transactionState: { transaction, transactionTo },
 			setTransactionObject,
-			selectedAddress
+			selectedAddress,
 		} = this.props;
 
 		const transactionObject = {
 			...transaction,
 			value: BNToHex(toWei(value)),
 			selectedAsset,
-			from: selectedAddress
+			from: selectedAddress,
 		};
 
 		if (selectedAsset.tokenId) {
@@ -582,7 +577,7 @@ class Amount extends PureComponent {
 			const tokenAmount = toTokenMinimalUnit(value, selectedAsset.decimals);
 			transactionObject.data = generateTransferData('transfer', {
 				toAddress: transactionTo,
-				amount: BNToHex(tokenAmount)
+				amount: BNToHex(tokenAmount),
 			});
 			transactionObject.value = '0x0';
 		}
@@ -594,11 +589,11 @@ class Amount extends PureComponent {
 		setTransactionObject(transactionObject);
 	};
 
-	prepareTransaction = async value => {
+	prepareTransaction = async (value) => {
 		const {
 			prepareTransaction,
 			selectedAsset,
-			transactionState: { transaction, transactionTo }
+			transactionState: { transaction, transactionTo },
 		} = this.props;
 
 		if (selectedAsset.isETH) {
@@ -614,7 +609,7 @@ class Amount extends PureComponent {
 			const tokenAmount = toTokenMinimalUnit(value, selectedAsset.decimals);
 			transaction.data = generateTransferData('transfer', {
 				toAddress: transactionTo,
-				amount: BNToHex(tokenAmount)
+				amount: BNToHex(tokenAmount),
 			});
 			transaction.to = selectedAsset.address;
 			transaction.value = '0x0';
@@ -629,7 +624,7 @@ class Amount extends PureComponent {
 	 * @param {string} - Crypto value
 	 * @returns - Whether there is an error with the amount
 	 */
-	validateAmount = inputValue => {
+	validateAmount = (inputValue) => {
 		const { accounts, selectedAddress, contractBalances, selectedAsset } = this.props;
 		const { estimatedTotalGas } = this.state;
 		let weiBalance, weiInput, amountError;
@@ -658,25 +653,19 @@ class Amount extends PureComponent {
 	estimateGasLimit = async () => {
 		const {
 			transaction: { from },
-			transactionTo
+			transactionTo,
 		} = this.props.transactionState;
 		const { gas } = await getGasPriceByChainId({
 			from,
-			to: transactionTo
+			to: transactionTo,
 		});
 
 		return gas;
 	};
 
 	useMax = () => {
-		const {
-			accounts,
-			selectedAddress,
-			contractBalances,
-			selectedAsset,
-			conversionRate,
-			contractExchangeRates
-		} = this.props;
+		const { accounts, selectedAddress, contractBalances, selectedAsset, conversionRate, contractExchangeRates } =
+			this.props;
 		const { internalPrimaryCurrencyIsCrypto, estimatedTotalGas } = this.state;
 		let input;
 		if (selectedAsset.isETH) {
@@ -770,7 +759,7 @@ class Amount extends PureComponent {
 			renderableInputValueConversion,
 			amountError: undefined,
 			hasExchangeRate,
-			maxFiatInput: !useMax && undefined
+			maxFiatInput: !useMax && undefined,
 		});
 	};
 
@@ -792,7 +781,7 @@ class Amount extends PureComponent {
 		this.setState({ currentBalance });
 	};
 
-	pickSelectedAsset = selectedAsset => {
+	pickSelectedAsset = (selectedAsset) => {
 		this.toggleAssetsModal();
 		this.props.setSelectedAsset(selectedAsset);
 		if (!selectedAsset.tokenId) {
@@ -803,7 +792,7 @@ class Amount extends PureComponent {
 		}
 	};
 
-	assetKeyExtractor = asset => {
+	assetKeyExtractor = (asset) => {
 		if (asset.tokenId) {
 			return asset.address + asset.tokenId;
 		}
@@ -811,14 +800,8 @@ class Amount extends PureComponent {
 	};
 
 	renderToken = (token, index) => {
-		const {
-			accounts,
-			selectedAddress,
-			conversionRate,
-			currentCurrency,
-			contractBalances,
-			contractExchangeRates
-		} = this.props;
+		const { accounts, selectedAddress, conversionRate, currentCurrency, contractBalances, contractExchangeRates } =
+			this.props;
 		let balance, balanceFiat;
 		const { address, decimals, symbol } = token;
 		if (token.isETH) {
@@ -878,7 +861,7 @@ class Amount extends PureComponent {
 		);
 	};
 
-	renderAsset = props => {
+	renderAsset = (props) => {
 		const { item: asset, index } = props;
 		if (!asset.tokenId) {
 			return this.renderToken(asset, index);
@@ -891,13 +874,13 @@ class Amount extends PureComponent {
 		const collectibles = [];
 		this.props.collectibles
 			.sort((a, b) => a.address < b.address)
-			.forEach(collectible => {
+			.forEach((collectible) => {
 				const address = collectible.address.toLowerCase();
 				const isTradable =
 					!collectiblesTransferInformation[address] || collectiblesTransferInformation[address].tradable;
 				if (!isTradable) return;
 				const collectibleContract = collectibleContracts.find(
-					contract => contract.address.toLowerCase() === address
+					(contract) => contract.address.toLowerCase() === address
 				);
 				if (!collectible.name) collectible.name = collectibleContract.name;
 				if (!collectible.image) collectible.image = collectibleContract.logo;
@@ -946,7 +929,7 @@ class Amount extends PureComponent {
 			amountError,
 			hasExchangeRate,
 			internalPrimaryCurrencyIsCrypto,
-			currentBalance
+			currentBalance,
 		} = this.state;
 		const { currentCurrency } = this.props;
 		return (
@@ -1022,7 +1005,7 @@ class Amount extends PureComponent {
 		const { estimatedTotalGas } = this.state;
 		const {
 			selectedAsset,
-			transactionState: { isPaymentRequest }
+			transactionState: { isPaymentRequest },
 		} = this.props;
 
 		return (
@@ -1106,16 +1089,13 @@ const mapStateToProps = (state, ownProps) => ({
 	tokens: state.engine.backgroundState.TokensController.tokens,
 	transactionState: ownProps.transaction || state.transaction,
 	selectedAsset: state.transaction.selectedAsset,
-	isPaymentRequest: state.transaction.paymentRequest
+	isPaymentRequest: state.transaction.paymentRequest,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setTransactionObject: transaction => dispatch(setTransactionObject(transaction)),
-	prepareTransaction: transaction => dispatch(prepareTransaction(transaction)),
-	setSelectedAsset: selectedAsset => dispatch(setSelectedAsset(selectedAsset))
+const mapDispatchToProps = (dispatch) => ({
+	setTransactionObject: (transaction) => dispatch(setTransactionObject(transaction)),
+	prepareTransaction: (transaction) => dispatch(prepareTransaction(transaction)),
+	setSelectedAsset: (selectedAsset) => dispatch(setSelectedAsset(selectedAsset)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Amount);
+export default connect(mapStateToProps, mapDispatchToProps)(Amount);
diff --git a/app/components/Views/SendFlow/Amount/index.test.js b/app/components/Views/SendFlow/Amount/index.test.js
index 61b8777c6fd..76d1cc6c7c3 100644
--- a/app/components/Views/SendFlow/Amount/index.test.js
+++ b/app/components/Views/SendFlow/Amount/index.test.js
@@ -13,11 +13,11 @@ describe('Amount', () => {
 						network: '1',
 						provider: {
 							ticker: 'ETH',
-							type: 'mainnet'
-						}
+							type: 'mainnet',
+						},
 					},
 					AccountTrackerController: {
-						accounts: { '0x2': { balance: '0' } }
+						accounts: { '0x2': { balance: '0' } },
 					},
 					AddressBookController: {
 						addressBook: {
@@ -26,48 +26,48 @@ describe('Amount', () => {
 								chainId: '1',
 								isEns: false,
 								memo: '',
-								name: 'aa'
-							}
-						}
+								name: 'aa',
+							},
+						},
 					},
 					PreferencesController: {
 						identities: {
 							'0x51239E13Fe029cD52asA8babEBafb6814bc8Ba4b': {
 								address: '0x51239E13Fe029cD52asA8babEBafb6814bc8Ba4b',
-								name: 'Account 1'
-							}
-						}
+								name: 'Account 1',
+							},
+						},
 					},
 					TransactionController: {
-						transactions: []
+						transactions: [],
 					},
 					TokensController: {
-						tokens: []
+						tokens: [],
 					},
 					CollectiblesController: {
-						collectibles: {}
+						collectibles: {},
 					},
 					TokenRatesController: {
-						contractExchangeRates: {}
+						contractExchangeRates: {},
 					},
 					CurrencyRateController: {
 						currentCurrency: 'USD',
-						conversionRate: 1
+						conversionRate: 1,
 					},
 					TokenBalancesController: {
-						contractBalance: {}
-					}
-				}
+						contractBalance: {},
+					},
+				},
 			},
 			settings: {
-				primaryCurrency: 'fiat'
+				primaryCurrency: 'fiat',
 			},
 			transaction: {
-				selectedAsset: {}
-			}
+				selectedAsset: {},
+			},
 		};
 		const wrapper = shallow(<Amount />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/SendFlow/Confirm/index.js b/app/components/Views/SendFlow/Confirm/index.js
index c73a2003fec..61fa8403b39 100644
--- a/app/components/Views/SendFlow/Confirm/index.js
+++ b/app/components/Views/SendFlow/Confirm/index.js
@@ -7,7 +7,7 @@ import {
 	Alert,
 	ScrollView,
 	TouchableOpacity,
-	ActivityIndicator
+	ActivityIndicator,
 } from 'react-native';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
 import { connect } from 'react-redux';
@@ -20,7 +20,7 @@ import {
 	weiToFiat,
 	balanceToFiat,
 	isDecimal,
-	fromWei
+	fromWei,
 } from '../../../../util/number';
 
 import {
@@ -28,7 +28,7 @@ import {
 	decodeTransferData,
 	getNormalizedTxState,
 	parseTransactionEIP1559,
-	parseTransactionLegacy
+	parseTransactionLegacy,
 } from '../../../../util/transactions';
 import StyledButton from '../../../UI/StyledButton';
 import { util, WalletDevice, NetworksChainId, GAS_ESTIMATE_TYPES } from '@metamask/controllers';
@@ -74,7 +74,7 @@ const EMPTY_LEGACY_TRANSACTION_DATA = {
 	transactionFeeFiat: '',
 	transactionFee: '',
 	transactionTotalAmount: '',
-	transactionTotalAmountFiat: ''
+	transactionTotalAmountFiat: '',
 };
 
 const { hexToBN, BNToHex } = util;
@@ -82,17 +82,17 @@ const { hexToBN, BNToHex } = util;
 const styles = StyleSheet.create({
 	wrapper: {
 		flex: 1,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	inputWrapper: {
 		flex: 0,
 		borderBottomWidth: 1,
 		borderBottomColor: colors.grey050,
-		paddingHorizontal: 8
+		paddingHorizontal: 8,
 	},
 	amountWrapper: {
 		flexDirection: 'column',
-		margin: 24
+		margin: 24,
 	},
 	textAmountLabel: {
 		...fontStyles.normal,
@@ -100,58 +100,58 @@ const styles = StyleSheet.create({
 		textAlign: 'center',
 		color: colors.grey500,
 		textTransform: 'uppercase',
-		marginVertical: 3
+		marginVertical: 3,
 	},
 	textAmount: {
 		...fontStyles.normal,
 		fontWeight: fontStyles.light.fontWeight,
 		color: colors.black,
 		fontSize: 44,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	buttonNext: {
 		flex: 1,
 		marginHorizontal: 24,
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	buttonNextWrapper: {
 		flexDirection: 'row',
 		alignItems: 'flex-end',
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	actionTouchable: {
-		padding: 12
+		padding: 12,
 	},
 	actionText: {
 		...fontStyles.normal,
 		color: colors.blue,
 		fontSize: 14,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	actionsWrapper: {
-		margin: 24
+		margin: 24,
 	},
 	CollectibleMediaWrapper: {
 		flexDirection: 'column',
 		alignItems: 'center',
-		margin: 16
+		margin: 16,
 	},
 	collectibleName: {
 		...fontStyles.normal,
 		fontSize: 18,
 		color: colors.black,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	collectibleTokenId: {
 		...fontStyles.normal,
 		fontSize: 12,
 		color: colors.grey500,
 		marginTop: 8,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	CollectibleMedia: {
 		height: 120,
-		width: 120
+		width: 120,
 	},
 	qrCode: {
 		marginBottom: 16,
@@ -160,11 +160,11 @@ const styles = StyleSheet.create({
 		paddingTop: 16,
 		backgroundColor: colors.grey000,
 		borderRadius: 8,
-		width: '100%'
+		width: '100%',
 	},
 	hexDataWrapper: {
 		padding: 10,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	addressTitle: {
 		...fontStyles.bold,
@@ -173,24 +173,24 @@ const styles = StyleSheet.create({
 		justifyContent: 'center',
 		textAlign: 'center',
 		fontSize: 16,
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	hexDataClose: {
 		zIndex: 999,
 		position: 'absolute',
 		top: 12,
-		right: 20
+		right: 20,
 	},
 	hexDataText: {
-		textAlign: 'justify'
+		textAlign: 'justify',
 	},
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
+		margin: 0,
 	},
 	keyboardAwareWrapper: {
 		flex: 1,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	errorWrapper: {
 		marginHorizontal: 24,
@@ -202,22 +202,22 @@ const styles = StyleSheet.create({
 		borderRadius: 8,
 		borderWidth: 1,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	error: {
 		color: colors.red,
 		fontSize: 12,
 		lineHeight: 16,
 		...fontStyles.normal,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	underline: {
 		textDecorationLine: 'underline',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	text: {
-		lineHeight: 20
-	}
+		lineHeight: 20,
+	},
 });
 
 /**
@@ -334,7 +334,7 @@ class Confirm extends PureComponent {
 		/**
 		 * A string representing the network type
 		 */
-		networkType: PropTypes.string
+		networkType: PropTypes.string,
 	};
 
 	state = {
@@ -367,7 +367,7 @@ class Confirm extends PureComponent {
 		advancedGasInserted: false,
 		LegacyTransactionData: EMPTY_LEGACY_TRANSACTION_DATA,
 		LegacyTransactionDataTemp: {},
-		gasSpeedSelected: AppConstants.GAS_OPTIONS.MEDIUM
+		gasSpeedSelected: AppConstants.GAS_OPTIONS.MEDIUM,
 	};
 
 	setNetworkNonce = async () => {
@@ -388,7 +388,7 @@ class Confirm extends PureComponent {
 				chain_id: chainId,
 				gas_estimate_type: gasEstimateType,
 				gas_mode: gasSelected ? 'Basic' : 'Advanced',
-				speed_set: gasSelected || undefined
+				speed_set: gasSelected || undefined,
 			};
 		} catch (error) {
 			return {};
@@ -401,7 +401,7 @@ class Confirm extends PureComponent {
 			return {
 				active_currency: { value: selectedAsset.symbol, anonymous: true },
 				gas_estimate_type: gasEstimateType,
-				network_name: networkType
+				network_name: networkType,
 			};
 		} catch (error) {
 			return {};
@@ -411,14 +411,14 @@ class Confirm extends PureComponent {
 	handleConfusables = () => {
 		const { identities = undefined, transactionState } = this.props;
 		const { transactionToName = undefined } = transactionState;
-		const accountNames = (identities && Object.keys(identities).map(hash => identities[hash].name)) || [];
+		const accountNames = (identities && Object.keys(identities).map((hash) => identities[hash].name)) || [];
 		const isOwnAccount = accountNames.includes(transactionToName);
 		if (transactionToName && !isOwnAccount) {
 			this.setState({ confusableCollection: collectConfusables(transactionToName) });
 		}
 	};
 
-	toggleWarningModal = () => this.setState(state => ({ warningModalVisible: !state.warningModalVisible }));
+	toggleWarningModal = () => this.setState((state) => ({ warningModalVisible: !state.warningModalVisible }));
 
 	componentWillUnmount = () => {
 		const { GasFeeController } = Engine.context;
@@ -445,10 +445,10 @@ class Confirm extends PureComponent {
 		const {
 			transactionState: {
 				transactionTo,
-				transaction: { value, gas }
+				transaction: { value, gas },
 			},
 			contractBalances,
-			selectedAsset
+			selectedAsset,
 		} = this.props;
 
 		const { errorMessage, fromSelectedAddress } = this.state;
@@ -484,7 +484,7 @@ class Confirm extends PureComponent {
 					const EIP1559TransactionData = this.parseTransactionDataEIP1559({
 						...this.props.gasFeeEstimates[gasSelected],
 						suggestedGasLimit,
-						selectedOption: gasSelected
+						selectedOption: gasSelected,
 					});
 
 					let EIP1559TransactionDataTemp;
@@ -494,7 +494,7 @@ class Confirm extends PureComponent {
 						EIP1559TransactionDataTemp = this.parseTransactionDataEIP1559({
 							...this.props.gasFeeEstimates[gasSelectedTemp],
 							suggestedGasLimit,
-							selectedOption: gasSelectedTemp
+							selectedOption: gasSelectedTemp,
 						});
 					}
 
@@ -510,7 +510,7 @@ class Confirm extends PureComponent {
 							LegacyTransactionDataTemp: EMPTY_LEGACY_TRANSACTION_DATA,
 							animateOnChange: true,
 							gasSelected,
-							gasSelectedTemp
+							gasSelectedTemp,
 						},
 						() => {
 							this.setState({ animateOnChange: false });
@@ -524,7 +524,7 @@ class Confirm extends PureComponent {
 							this.props.gasEstimateType === GAS_ESTIMATE_TYPES.LEGACY
 								? this.props.gasFeeEstimates[gasSelected]
 								: this.props.gasFeeEstimates.gasPrice,
-						suggestedGasLimit
+						suggestedGasLimit,
 					});
 
 					let LegacyTransactionDataTemp;
@@ -536,7 +536,7 @@ class Confirm extends PureComponent {
 								this.props.gasEstimateType === GAS_ESTIMATE_TYPES.LEGACY
 									? this.props.gasFeeEstimates[gasSelectedTemp]
 									: this.props.gasFeeEstimates.gasPrice,
-							suggestedGasLimit
+							suggestedGasLimit,
 						});
 					}
 					this.setError(LegacyTransactionData.error);
@@ -551,7 +551,7 @@ class Confirm extends PureComponent {
 							EIP1559TransactionDataTemp: {},
 							animateOnChange: true,
 							gasSelected,
-							gasSelectedTemp
+							gasSelectedTemp,
 						},
 						() => {
 							this.setState({ animateOnChange: false });
@@ -563,7 +563,7 @@ class Confirm extends PureComponent {
 		}
 	};
 
-	setScrollViewRef = ref => {
+	setScrollViewRef = (ref) => {
 		this.scrollView = ref;
 	};
 
@@ -571,11 +571,11 @@ class Confirm extends PureComponent {
 		this.onModeChange(REVIEW);
 	};
 
-	edit = MODE => {
+	edit = (MODE) => {
 		this.onModeChange(MODE);
 	};
 
-	onModeChange = mode => {
+	onModeChange = (mode) => {
 		this.setState({ mode });
 		if (mode === EDIT) {
 			InteractionManager.runAfterInteractions(() => {
@@ -587,7 +587,7 @@ class Confirm extends PureComponent {
 	getGasLimit = async () => {
 		const {
 			prepareTransaction,
-			transactionState: { transaction }
+			transactionState: { transaction },
 		} = this.props;
 		const estimation = await getGasLimit(transaction);
 		prepareTransaction({ ...transaction, ...estimation });
@@ -603,9 +603,9 @@ class Confirm extends PureComponent {
 			transactionState: {
 				selectedAsset,
 				transactionTo: to,
-				transaction: { from, value, data }
+				transaction: { from, value, data },
 			},
-			ticker
+			ticker,
 		} = this.props;
 		const { fromSelectedAddress } = this.state;
 		let fromAccountBalance, transactionValue, transactionValueFiat, transactionTo;
@@ -653,7 +653,7 @@ class Confirm extends PureComponent {
 			fromAccountBalance,
 			transactionValue,
 			transactionValueFiat,
-			transactionTo
+			transactionTo,
 		});
 	};
 
@@ -661,14 +661,14 @@ class Confirm extends PureComponent {
 		const parsedTransactionEIP1559 = parseTransactionEIP1559(
 			{
 				...this.props,
-				selectedGasFee: { ...gasFee, estimatedBaseFee: this.props.gasFeeEstimates.estimatedBaseFee }
+				selectedGasFee: { ...gasFee, estimatedBaseFee: this.props.gasFeeEstimates.estimatedBaseFee },
 			},
 			options
 		);
 		const { transaction } = this.props;
 		parsedTransactionEIP1559.error = this.validateAmount({
 			transaction,
-			total: parsedTransactionEIP1559.totalMaxHex
+			total: parsedTransactionEIP1559.totalMaxHex,
 		});
 
 		return parsedTransactionEIP1559;
@@ -678,7 +678,7 @@ class Confirm extends PureComponent {
 		const parsedTransactionLegacy = parseTransactionLegacy(
 			{
 				...this.props,
-				selectedGasFee: gasFee
+				selectedGasFee: gasFee,
 			},
 			options
 		);
@@ -686,13 +686,13 @@ class Confirm extends PureComponent {
 
 		parsedTransactionLegacy.error = this.validateAmount({
 			transaction,
-			total: parsedTransactionLegacy.totalHex
+			total: parsedTransactionLegacy.totalHex,
 		});
 
 		return parsedTransactionLegacy;
 	};
 
-	handleSetGasSpeed = speed => {
+	handleSetGasSpeed = (speed) => {
 		this.setState({ gasSpeedSelected: speed });
 	};
 
@@ -714,7 +714,7 @@ class Confirm extends PureComponent {
 		const {
 			transactionState: { transaction },
 			showCustomNonce,
-			gasEstimateType
+			gasEstimateType,
 		} = this.props;
 		const { fromSelectedAddress, LegacyTransactionData, EIP1559TransactionData } = this.state;
 		const { nonce } = this.props.transaction;
@@ -745,7 +745,7 @@ class Confirm extends PureComponent {
 	checkRemoveCollectible = () => {
 		const {
 			transactionState: { selectedAsset, assetType },
-			chainId
+			chainId,
 		} = this.props;
 		const { fromSelectedAddress } = this.state;
 		if (assetType === 'ERC721' && chainId !== NetworksChainId.mainnet) {
@@ -769,8 +769,8 @@ class Confirm extends PureComponent {
 			selectedAsset,
 			transactionState: {
 				ticker,
-				transaction: { value }
-			}
+				transaction: { value },
+			},
 		} = this.props;
 		const selectedAddress = transaction.from;
 		let weiBalance, weiInput, error;
@@ -800,7 +800,7 @@ class Confirm extends PureComponent {
 		return error;
 	};
 
-	setError = errorMessage => {
+	setError = (errorMessage) => {
 		this.setState({ errorMessage }, () => {
 			if (errorMessage) {
 				this.scrollView.scrollToEnd({ animated: true });
@@ -814,7 +814,7 @@ class Confirm extends PureComponent {
 			transactionState: { assetType },
 			navigation,
 			resetTransaction,
-			gasEstimateType
+			gasEstimateType,
 		} = this.props;
 		const { EIP1559TransactionData, LegacyTransactionData } = this.state;
 		this.setState({ transactionConfirmed: true, stopUpdateGas: true });
@@ -838,7 +838,7 @@ class Confirm extends PureComponent {
 				WalletDevice.MM_MOBILE
 			);
 			await TransactionController.approveTransaction(transactionMeta.id);
-			await new Promise(resolve => resolve(result));
+			await new Promise((resolve) => resolve(result));
 
 			if (transactionMeta.error) {
 				throw transactionMeta.error;
@@ -847,7 +847,7 @@ class Confirm extends PureComponent {
 			InteractionManager.runAfterInteractions(() => {
 				NotificationManager.watchSubmittedTransaction({
 					...transactionMeta,
-					assetType
+					assetType,
 				});
 				this.checkRemoveCollectible();
 				AnalyticsV2.trackEvent(
@@ -859,18 +859,18 @@ class Confirm extends PureComponent {
 			});
 		} catch (error) {
 			Alert.alert(strings('transactions.transaction_error'), error && error.message, [
-				{ text: strings('navigation.ok') }
+				{ text: strings('navigation.ok') },
 			]);
 			Logger.error(error, 'error while trying to send transaction (Confirm)');
 		}
 		this.setState({ transactionConfirmed: false });
 	};
 
-	getBalanceError = balance => {
+	getBalanceError = (balance) => {
 		const {
 			transactionState: {
-				transaction: { value = '0x0', gas = '0x0', gasPrice = '0x0' }
-			}
+				transaction: { value = '0x0', gas = '0x0', gasPrice = '0x0' },
+			},
 		} = this.props;
 
 		const gasBN = hexToBN(gas);
@@ -883,7 +883,7 @@ class Confirm extends PureComponent {
 		return balanceIsInsufficient ? strings('transaction.insufficient') : null;
 	};
 
-	onAccountChange = async accountAddress => {
+	onAccountChange = async (accountAddress) => {
 		const { identities, accounts } = this.props;
 		const { name } = identities[accountAddress];
 		const { PreferencesController } = Engine.context;
@@ -894,7 +894,7 @@ class Confirm extends PureComponent {
 		this.setState({
 			fromAccountName,
 			fromSelectedAddress: accountAddress,
-			balanceIsZero: hexToBN(accounts[accountAddress].balance).isZero()
+			balanceIsZero: hexToBN(accounts[accountAddress].balance).isZero(),
 		});
 		this.parseTransactionDataHeader();
 		this.toggleFromAccountModal();
@@ -913,7 +913,7 @@ class Confirm extends PureComponent {
 	renderCustomGasModal = () => {
 		const { basicGasEstimates, gasError, gasEstimationReady, mode, gasSpeedSelected } = this.state;
 		const {
-			transaction: { gas, gasPrice }
+			transaction: { gas, gasPrice },
 		} = this.props;
 
 		return (
@@ -960,19 +960,19 @@ class Confirm extends PureComponent {
 			EIP1559TransactionDataTemp: { ...this.state.EIP1559TransactionData },
 			LegacyTransactionDataTemp: { ...this.state.LegacyTransactionData },
 			stopUpdateGas: false,
-			gasSelectedTemp: this.state.gasSelected
+			gasSelectedTemp: this.state.gasSelected,
 		});
 		this.review();
 	};
 
-	saveGasEdition = gasSelected => {
+	saveGasEdition = (gasSelected) => {
 		this.setState({
 			EIP1559TransactionData: { ...this.state.EIP1559TransactionDataTemp },
 			LegacyTransactionData: { ...this.state.LegacyTransactionDataTemp },
 			gasSelected,
 			gasSelectedTemp: gasSelected,
 			advancedGasInserted: !gasSelected,
-			stopUpdateGas: false
+			stopUpdateGas: false,
 		});
 
 		const error = this.state.EIP1559TransactionDataTemp.error || this.state.LegacyTransactionDataTemp.error;
@@ -1152,14 +1152,14 @@ class Confirm extends PureComponent {
 		const mmFaucetUrl = 'https://faucet.metamask.io/';
 		InteractionManager.runAfterInteractions(() => {
 			this.props.navigation.navigate('BrowserView', {
-				newTabUrl: mmFaucetUrl
+				newTabUrl: mmFaucetUrl,
 			});
 		});
 	};
 
 	calculateTempGasFee = (gas, selected) => {
 		const {
-			transactionState: { transaction }
+			transactionState: { transaction },
 		} = this.props;
 		if (selected && gas) {
 			gas.suggestedGasLimit = fromWei(transaction.gas, 'wei');
@@ -1167,13 +1167,13 @@ class Confirm extends PureComponent {
 		this.setState({
 			EIP1559TransactionDataTemp: this.parseTransactionDataEIP1559({ ...gas, selectedOption: selected }),
 			stopUpdateGas: !selected,
-			gasSelectedTemp: selected
+			gasSelectedTemp: selected,
 		});
 	};
 
 	calculateTempGasFeeLegacy = (gas, selected) => {
 		const {
-			transactionState: { transaction }
+			transactionState: { transaction },
 		} = this.props;
 		if (selected && gas) {
 			gas.suggestedGasLimit = fromWei(transaction.gas, 'wei');
@@ -1182,7 +1182,7 @@ class Confirm extends PureComponent {
 		this.setState({
 			LegacyTransactionDataTemp: this.parseTransactionDataLegacy(gas),
 			stopUpdateGas: !selected,
-			gasSelectedTemp: selected
+			gasSelectedTemp: selected,
 		});
 	};
 
@@ -1195,15 +1195,8 @@ class Confirm extends PureComponent {
 
 	render = () => {
 		const { transactionToName, selectedAsset, paymentRequest } = this.props.transactionState;
-		const {
-			addressBook,
-			showHexData,
-			showCustomNonce,
-			primaryCurrency,
-			network,
-			chainId,
-			gasEstimateType
-		} = this.props;
+		const { addressBook, showHexData, showCustomNonce, primaryCurrency, network, chainId, gasEstimateType } =
+			this.props;
 		const { nonce } = this.props.transaction;
 		const {
 			gasEstimationReady,
@@ -1222,7 +1215,7 @@ class Confirm extends PureComponent {
 			warningModalVisible,
 			LegacyTransactionData,
 			isAnimating,
-			animateOnChange
+			animateOnChange,
 		} = this.state;
 
 		const showFeeMarket =
@@ -1398,7 +1391,7 @@ class Confirm extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	addressBook: state.engine.backgroundState.AddressBookController?.addressBook,
 	contractBalances: state.engine.backgroundState.TokenBalancesController.contractBalances,
@@ -1421,19 +1414,16 @@ const mapStateToProps = state => ({
 	gasFeeEstimates: state.engine.backgroundState.GasFeeController.gasFeeEstimates,
 	gasEstimateType: state.engine.backgroundState.GasFeeController.gasEstimateType,
 	isPaymentRequest: state.transaction.paymentRequest,
-	networkType: state.engine.backgroundState.NetworkController.provider.type
+	networkType: state.engine.backgroundState.NetworkController.provider.type,
 });
 
-const mapDispatchToProps = dispatch => ({
-	prepareTransaction: transaction => dispatch(prepareTransaction(transaction)),
+const mapDispatchToProps = (dispatch) => ({
+	prepareTransaction: (transaction) => dispatch(prepareTransaction(transaction)),
 	resetTransaction: () => dispatch(resetTransaction()),
-	setNonce: nonce => dispatch(setNonce(nonce)),
-	setProposedNonce: nonce => dispatch(setProposedNonce(nonce)),
+	setNonce: (nonce) => dispatch(setNonce(nonce)),
+	setProposedNonce: (nonce) => dispatch(setProposedNonce(nonce)),
 	removeFavoriteCollectible: (selectedAddress, chainId, collectible) =>
-		dispatch(removeFavoriteCollectible(selectedAddress, chainId, collectible))
+		dispatch(removeFavoriteCollectible(selectedAddress, chainId, collectible)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Confirm);
+export default connect(mapStateToProps, mapDispatchToProps)(Confirm);
diff --git a/app/components/Views/SendFlow/Confirm/index.test.js b/app/components/Views/SendFlow/Confirm/index.test.js
index c15b6221d8b..5a7bd32f2f9 100644
--- a/app/components/Views/SendFlow/Confirm/index.test.js
+++ b/app/components/Views/SendFlow/Confirm/index.test.js
@@ -13,49 +13,49 @@ describe('Confirm', () => {
 						network: '1',
 						provider: {
 							ticker: 'ETH',
-							type: 'mainnet'
-						}
+							type: 'mainnet',
+						},
 					},
 					AccountTrackerController: {
-						accounts: { '0x2': { balance: '0' } }
+						accounts: { '0x2': { balance: '0' } },
 					},
 					TransactionController: {
-						transactions: []
+						transactions: [],
 					},
 					TokenRatesController: {
-						contractExchangeRates: {}
+						contractExchangeRates: {},
 					},
 					CurrencyRateController: {
 						currentCurrency: 'USD',
-						conversionRate: 1
+						conversionRate: 1,
 					},
 					TokenBalancesController: {
-						contractBalances: {}
+						contractBalances: {},
 					},
 					PreferencesController: {
-						identities: {}
+						identities: {},
 					},
 					KeyringController: {
-						keyrings: [{ accounts: ['0x'], type: 'HD Key Tree' }]
+						keyrings: [{ accounts: ['0x'], type: 'HD Key Tree' }],
 					},
 					GasFeeController: {
-						gasEstimates: {}
-					}
-				}
+						gasEstimates: {},
+					},
+				},
 			},
 			settings: {
-				showHexData: true
+				showHexData: true,
 			},
 			transaction: {
 				selectedAsset: {},
 				transaction: {
 					from: '0x1',
-					to: '0x2'
-				}
-			}
+					to: '0x2',
+				},
+			},
 		};
 		const wrapper = shallow(<Confirm />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/SendFlow/ErrorMessage/index.js b/app/components/Views/SendFlow/ErrorMessage/index.js
index b7d0b983b45..625820b79ab 100644
--- a/app/components/Views/SendFlow/ErrorMessage/index.js
+++ b/app/components/Views/SendFlow/ErrorMessage/index.js
@@ -8,15 +8,15 @@ import Text from '../../../Base/Text';
 const styles = StyleSheet.create({
 	button: {
 		marginTop: 27,
-		marginBottom: 12
-	}
+		marginBottom: 12,
+	},
 });
 
 export default function ErrorMessage(props) {
 	const { errorMessage, errorContinue, onContinue, isOnlyWarning } = props;
 	return (
 		<Alert type={isOnlyWarning ? 'info' : 'error'} testID={'error-message-warning'}>
-			{textStyle => (
+			{(textStyle) => (
 				<View>
 					<Text small style={textStyle}>
 						{errorMessage}
@@ -50,5 +50,5 @@ ErrorMessage.propTypes = {
 	/**
 	 * Show a warning info instead of an error
 	 */
-	isOnlyWarning: PropTypes.bool
+	isOnlyWarning: PropTypes.bool,
 };
diff --git a/app/components/Views/SendFlow/ErrorMessage/index.test.js b/app/components/Views/SendFlow/ErrorMessage/index.test.js
index 33b09ff8be1..c9d71a1965f 100644
--- a/app/components/Views/SendFlow/ErrorMessage/index.test.js
+++ b/app/components/Views/SendFlow/ErrorMessage/index.test.js
@@ -9,7 +9,7 @@ describe('ErrorMessage', () => {
 		const initialState = {};
 
 		const wrapper = shallow(<ErrorMessage errorMessage={'error'} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/SendFlow/SendTo/index.js b/app/components/Views/SendFlow/SendTo/index.js
index 5ec8f475ceb..5ae2a3b1617 100644
--- a/app/components/Views/SendFlow/SendTo/index.js
+++ b/app/components/Views/SendFlow/SendTo/index.js
@@ -36,51 +36,51 @@ const { hexToBN } = util;
 const styles = StyleSheet.create({
 	wrapper: {
 		flex: 1,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	imputWrapper: {
 		flex: 0,
 		borderBottomWidth: 1,
 		borderBottomColor: colors.grey050,
-		paddingHorizontal: 8
+		paddingHorizontal: 8,
 	},
 	bottomModal: {
 		justifyContent: 'flex-end',
-		margin: 0
+		margin: 0,
 	},
 	myAccountsText: {
 		...fontStyles.normal,
 		color: colors.blue,
 		fontSize: 16,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	myAccountsTouchable: {
-		padding: 28
+		padding: 28,
 	},
 	addToAddressBookRoot: {
 		flex: 1,
-		padding: 24
+		padding: 24,
 	},
 	addToAddressBookWrapper: {
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	addTextTitle: {
 		...fontStyles.normal,
 		fontSize: 24,
 		color: colors.black,
-		marginBottom: 24
+		marginBottom: 24,
 	},
 	addTextSubtitle: {
 		...fontStyles.normal,
 		fontSize: 16,
 		color: colors.grey600,
-		marginBottom: 24
+		marginBottom: 24,
 	},
 	addTextInput: {
 		...fontStyles.normal,
 		color: colors.black,
-		fontSize: 20
+		fontSize: 20,
 	},
 	addInputWrapper: {
 		flexDirection: 'row',
@@ -88,42 +88,42 @@ const styles = StyleSheet.create({
 		borderRadius: 8,
 		borderColor: colors.grey050,
 		height: 50,
-		width: '100%'
+		width: '100%',
 	},
 	input: {
 		flex: 1,
 		flexDirection: 'row',
 		alignItems: 'center',
 		marginHorizontal: 6,
-		width: '100%'
+		width: '100%',
 	},
 	nextActionWrapper: {
 		flex: 1,
-		marginBottom: 16
+		marginBottom: 16,
 	},
 	buttonNextWrapper: {
 		flexDirection: 'row',
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	buttonNext: {
 		flex: 1,
-		marginHorizontal: 24
+		marginHorizontal: 24,
 	},
 	addressErrorWrapper: {
-		margin: 16
+		margin: 16,
 	},
 	footerContainer: {
 		flex: 1,
-		justifyContent: 'flex-end'
+		justifyContent: 'flex-end',
 	},
 	warningContainer: {
 		marginTop: 20,
 		marginHorizontal: 24,
-		marginBottom: 32
+		marginBottom: 32,
 	},
 	buyEth: {
 		color: colors.black,
-		textDecorationLine: 'underline'
+		textDecorationLine: 'underline',
 	},
 	confusabeError: {
 		display: 'flex',
@@ -134,30 +134,30 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		borderColor: colors.red,
 		backgroundColor: colors.red000,
-		borderRadius: 8
+		borderRadius: 8,
 	},
 	confusabeWarning: {
 		borderColor: colors.yellow,
-		backgroundColor: colors.yellow100
+		backgroundColor: colors.yellow100,
 	},
 	confusableTitle: {
 		marginTop: -3,
 		color: colors.red,
 		...fontStyles.bold,
-		fontSize: 14
+		fontSize: 14,
 	},
 	confusableMsg: {
 		color: colors.red,
 		fontSize: 12,
 		lineHeight: 16,
-		paddingRight: 10
+		paddingRight: 10,
 	},
 	black: {
-		color: colors.black
+		color: colors.black,
 	},
 	warningIcon: {
-		marginRight: 8
-	}
+		marginRight: 8,
+	},
 });
 
 const dummy = () => true;
@@ -225,7 +225,7 @@ class SendFlow extends PureComponent {
 		 * Indicates whether the current transaction is a deep link transaction
 		 */
 		isPaymentRequest: PropTypes.bool,
-		addRecent: PropTypes.func
+		addRecent: PropTypes.func,
 	};
 
 	addressToInputRef = React.createRef();
@@ -245,7 +245,7 @@ class SendFlow extends PureComponent {
 		addToAddressToAddressBook: false,
 		alias: undefined,
 		confusableCollection: [],
-		inputWidth: { width: '99%' }
+		inputWidth: { width: '99%' },
 	};
 
 	componentDidMount = async () => {
@@ -258,7 +258,7 @@ class SendFlow extends PureComponent {
 			navigation,
 			providerType,
 			route,
-			isPaymentRequest
+			isPaymentRequest,
 		} = this.props;
 		const { fromAccountName } = this.state;
 		// For analytics
@@ -272,7 +272,7 @@ class SendFlow extends PureComponent {
 				fromAccountName: ens || fromAccountName,
 				fromAccountBalance,
 				balanceIsZero: hexToBN(accounts[selectedAddress].balance).isZero(),
-				inputWidth: { width: '100%' }
+				inputWidth: { width: '100%' },
 			});
 		}, 100);
 		if (!Object.keys(networkAddressBook).length) {
@@ -298,7 +298,7 @@ class SendFlow extends PureComponent {
 		this.setState({ addToAddressBookModalVisible: !addToAddressBookModalVisible });
 	};
 
-	onAccountChange = async accountAddress => {
+	onAccountChange = async (accountAddress) => {
 		const { identities, ticker, accounts } = this.props;
 		const { name } = identities[accountAddress];
 		const { PreferencesController } = Engine.context;
@@ -312,12 +312,12 @@ class SendFlow extends PureComponent {
 			fromAccountName,
 			fromAccountBalance,
 			fromSelectedAddress: accountAddress,
-			balanceIsZero: hexToBN(accounts[accountAddress].balance).isZero()
+			balanceIsZero: hexToBN(accounts[accountAddress].balance).isZero(),
 		});
 		this.toggleFromAccountModal();
 	};
 
-	onToSelectedAddressChange = async toSelectedAddress => {
+	onToSelectedAddressChange = async (toSelectedAddress) => {
 		const { AssetsContractController } = Engine.context;
 		const { addressBook, network, identities, providerType } = this.props;
 		const networkAddressBook = addressBook[network] || {};
@@ -401,7 +401,7 @@ class SendFlow extends PureComponent {
 			toEnsName,
 			errorContinue,
 			isOnlyWarning,
-			confusableCollection
+			confusableCollection,
 		});
 	};
 
@@ -425,7 +425,7 @@ class SendFlow extends PureComponent {
 		this.onToSelectedAddressChange();
 	};
 
-	onChangeAlias = alias => {
+	onChangeAlias = (alias) => {
 		this.setState({ alias });
 	};
 
@@ -440,30 +440,25 @@ class SendFlow extends PureComponent {
 
 	onScan = () => {
 		this.props.navigation.navigate('QRScanner', {
-			onScanSuccess: meta => {
+			onScanSuccess: (meta) => {
 				if (meta.target_address) {
 					this.onToSelectedAddressChange(meta.target_address);
 				}
-			}
+			},
 		});
 	};
 
 	onTransactionDirectionSet = async () => {
 		const { setRecipient, navigation, providerType, addRecent } = this.props;
-		const {
-			fromSelectedAddress,
-			toSelectedAddress,
-			toEnsName,
-			toSelectedAddressName,
-			fromAccountName
-		} = this.state;
+		const { fromSelectedAddress, toSelectedAddress, toEnsName, toSelectedAddressName, fromAccountName } =
+			this.state;
 		const addressError = await this.validateToAddress();
 		if (addressError) return;
 		addRecent(toSelectedAddress);
 		setRecipient(fromSelectedAddress, toSelectedAddress, toEnsName, toSelectedAddressName, fromAccountName);
 		InteractionManager.runAfterInteractions(() => {
 			Analytics.trackEventWithParameters(ANALYTICS_EVENT_OPTS.SEND_FLOW_ADDS_RECIPIENT, {
-				network: providerType
+				network: providerType,
 			});
 		});
 		navigation.navigate('Amount');
@@ -551,7 +546,7 @@ class SendFlow extends PureComponent {
 			Analytics.trackEvent(ANALYTICS_EVENT_OPTS.WALLET_BUY_ETH);
 			AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.ONRAMP_OPENED, {
 				button_location: 'Send Flow warning',
-				button_copy: 'Buy ETH'
+				button_copy: 'Buy ETH',
 			});
 		});
 	};
@@ -588,7 +583,7 @@ class SendFlow extends PureComponent {
 			inputWidth,
 			errorContinue,
 			isOnlyWarning,
-			confusableCollection
+			confusableCollection,
 		} = this.state;
 
 		const checksummedAddress = toSelectedAddress && toChecksumAddress(toSelectedAddress);
@@ -678,7 +673,7 @@ class SendFlow extends PureComponent {
 										warningMessage={
 											<>
 												{strings('transaction.not_enough_for_gas', {
-													ticker: getTicker(ticker)
+													ticker: getTicker(ticker),
 												})}
 
 												{this.renderBuyEth()}
@@ -712,7 +707,7 @@ class SendFlow extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	addressBook: state.engine.backgroundState.AddressBookController.addressBook,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
@@ -722,18 +717,15 @@ const mapStateToProps = state => ({
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
 	network: state.engine.backgroundState.NetworkController.network,
 	providerType: state.engine.backgroundState.NetworkController.provider.type,
-	isPaymentRequest: state.transaction.paymentRequest
+	isPaymentRequest: state.transaction.paymentRequest,
 });
 
-const mapDispatchToProps = dispatch => ({
-	addRecent: address => dispatch(addRecent(address)),
+const mapDispatchToProps = (dispatch) => ({
+	addRecent: (address) => dispatch(addRecent(address)),
 	setRecipient: (from, to, ensRecipient, transactionToName, transactionFromName) =>
 		dispatch(setRecipient(from, to, ensRecipient, transactionToName, transactionFromName)),
-	newAssetTransaction: selectedAsset => dispatch(newAssetTransaction(selectedAsset)),
-	setSelectedAsset: selectedAsset => dispatch(setSelectedAsset(selectedAsset))
+	newAssetTransaction: (selectedAsset) => dispatch(newAssetTransaction(selectedAsset)),
+	setSelectedAsset: (selectedAsset) => dispatch(setSelectedAsset(selectedAsset)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(SendFlow);
+export default connect(mapStateToProps, mapDispatchToProps)(SendFlow);
diff --git a/app/components/Views/SendFlow/SendTo/index.test.js b/app/components/Views/SendFlow/SendTo/index.test.js
index f643a738529..1bb14d7c668 100644
--- a/app/components/Views/SendFlow/SendTo/index.test.js
+++ b/app/components/Views/SendFlow/SendTo/index.test.js
@@ -13,11 +13,11 @@ describe('SendTo', () => {
 						network: '1',
 						provider: {
 							ticker: 'ETH',
-							type: 'mainnet'
-						}
+							type: 'mainnet',
+						},
 					},
 					AccountTrackerController: {
-						accounts: { '0x2': { balance: '0' } }
+						accounts: { '0x2': { balance: '0' } },
 					},
 					AddressBookController: {
 						addressBook: {
@@ -26,47 +26,47 @@ describe('SendTo', () => {
 								chainId: '1',
 								isEns: false,
 								memo: '',
-								name: 'aa'
-							}
-						}
+								name: 'aa',
+							},
+						},
 					},
 					PreferencesController: {
 						identities: {
 							'0x51239E13Fe029cD52asA8babEBafb6814bc8Ba4b': {
 								address: '0x51239E13Fe029cD52asA8babEBafb6814bc8Ba4b',
-								name: 'Account 1'
-							}
+								name: 'Account 1',
+							},
 						},
-						selectedAddress: '0x51239E13Fe029cD52asA8babEBafb6814bc8Ba4b'
+						selectedAddress: '0x51239E13Fe029cD52asA8babEBafb6814bc8Ba4b',
 					},
 					TransactionController: {
-						transactions: []
+						transactions: [],
 					},
 					TokensController: {
-						tokens: []
+						tokens: [],
 					},
 					TokenRatesController: {
-						contractExchangeRates: {}
+						contractExchangeRates: {},
 					},
 					CurrencyRateController: {
 						currentCurrency: 'USD',
-						conversionRate: 1
+						conversionRate: 1,
 					},
 					TokenBalancesController: {
-						contractBalance: {}
+						contractBalance: {},
 					},
-					KeyringController: { keyrings: [{ accounts: ['0x'], type: 'HD Key Tree' }] }
-				}
+					KeyringController: { keyrings: [{ accounts: ['0x'], type: 'HD Key Tree' }] },
+				},
 			},
 			settings: {
-				primaryCurrency: 'fiat'
+				primaryCurrency: 'fiat',
 			},
 			transaction: {
-				selectedAsset: {}
-			}
+				selectedAsset: {},
+			},
 		};
 		const wrapper = shallow(<SendTo />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/SendFlow/WarningMessage/index.js b/app/components/Views/SendFlow/WarningMessage/index.js
index 5c54207bc5b..ab99c8074b0 100644
--- a/app/components/Views/SendFlow/WarningMessage/index.js
+++ b/app/components/Views/SendFlow/WarningMessage/index.js
@@ -9,8 +9,8 @@ import FAIcon from 'react-native-vector-icons/FontAwesome';
 const styles = StyleSheet.create({
 	icon: {
 		paddingTop: 4,
-		paddingRight: 8
-	}
+		paddingRight: 8,
+	},
 });
 
 export default function WarningMessage({ type, warningMessage }) {
@@ -35,5 +35,5 @@ WarningMessage.propTypes = {
 	/**
 	 * Message type for styling (default style is 'warning')
 	 */
-	type: PropTypes.oneOfType([PropTypes.string, PropTypes.object])
+	type: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 };
diff --git a/app/components/Views/Settings/AdvancedSettings/index.js b/app/components/Views/Settings/AdvancedSettings/index.js
index 7f1e3c5497d..83eef7fe342 100644
--- a/app/components/Views/Settings/AdvancedSettings/index.js
+++ b/app/components/Views/Settings/AdvancedSettings/index.js
@@ -29,64 +29,64 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		flex: 1,
 		padding: 24,
-		paddingBottom: 48
+		paddingBottom: 48,
 	},
 	title: {
 		...fontStyles.normal,
 		color: colors.fontPrimary,
 		fontSize: 20,
-		lineHeight: 20
+		lineHeight: 20,
 	},
 	desc: {
 		...fontStyles.normal,
 		color: colors.grey500,
 		fontSize: 14,
 		lineHeight: 20,
-		marginTop: 12
+		marginTop: 12,
 	},
 	marginTop: {
-		marginTop: 18
+		marginTop: 18,
 	},
 	setting: {
-		marginTop: 50
+		marginTop: 50,
 	},
 	firstSetting: {
-		marginTop: 0
+		marginTop: 0,
 	},
 	modalView: {
 		alignItems: 'center',
 		flex: 1,
 		flexDirection: 'column',
 		justifyContent: 'center',
-		padding: 20
+		padding: 20,
 	},
 	modalText: {
 		...fontStyles.normal,
 		fontSize: 16,
 		textAlign: 'center',
-		color: colors.black
+		color: colors.black,
 	},
 	modalTitle: {
 		...fontStyles.bold,
 		fontSize: 24,
 		textAlign: 'center',
 		marginBottom: 20,
-		color: colors.black
+		color: colors.black,
 	},
 	picker: {
 		borderColor: colors.grey200,
 		borderRadius: 5,
 		borderWidth: 2,
-		marginTop: 16
+		marginTop: 16,
 	},
 	inner: {
-		paddingBottom: 48
+		paddingBottom: 48,
 	},
 	ipfsGatewayLoadingWrapper: {
 		height: 37,
 		alignItems: 'center',
-		justifyContent: 'center'
-	}
+		justifyContent: 'center',
+	},
 });
 
 /**
@@ -121,7 +121,7 @@ class AdvancedSettings extends PureComponent {
 		/**
 		 * Entire redux state used to generate state logs
 		 */
-		fullState: PropTypes.object
+		fullState: PropTypes.object,
 	};
 
 	static navigationOptions = ({ navigation }) =>
@@ -131,7 +131,7 @@ class AdvancedSettings extends PureComponent {
 		resetModalVisible: false,
 		inputWidth: Device.isAndroid() ? '99%' : undefined,
 		onlineIpfsGateways: [],
-		gotAvailableGateways: false
+		gotAvailableGateways: false,
 	};
 
 	componentDidMount = async () => {
@@ -149,7 +149,7 @@ class AdvancedSettings extends PureComponent {
 	};
 
 	handleAvailableIpfsGateways = async () => {
-		const ipfsGatewaysPromises = ipfsGateways.map(async ipfsGateway => {
+		const ipfsGatewaysPromises = ipfsGateways.map(async (ipfsGateway) => {
 			const testUrl = ipfsGateway.value + HASH_TO_TEST + '#x-ipfs-companion-no-redirect';
 			try {
 				const res = await timeoutFetch(testUrl, 1200);
@@ -163,7 +163,7 @@ class AdvancedSettings extends PureComponent {
 			}
 		});
 		const ipfsGatewaysAvailability = await Promise.all(ipfsGatewaysPromises);
-		const onlineIpfsGateways = ipfsGatewaysAvailability.filter(ipfsGateway => ipfsGateway.available);
+		const onlineIpfsGateways = ipfsGatewaysAvailability.filter((ipfsGateway) => ipfsGateway.available);
 		const sortedOnlineIpfsGateways = onlineIpfsGateways.sort((a, b) => a.key < b.key);
 		this.setState({ gotAvailableGateways: true, onlineIpfsGateways: sortedOnlineIpfsGateways });
 	};
@@ -214,14 +214,14 @@ class AdvancedSettings extends PureComponent {
 			await Share.open({
 				subject: `${appName} State logs -  v${appVersion} (${buildNumber})`,
 				title: `${appName} State logs -  v${appVersion} (${buildNumber})`,
-				url
+				url,
 			});
 		} catch (err) {
 			Logger.error(err, 'State log error');
 		}
 	};
 
-	setIpfsGateway = ipfsGateway => {
+	setIpfsGateway = (ipfsGateway) => {
 		const { PreferencesController } = Engine.context;
 		PreferencesController.setIpfsGateway(ipfsGateway);
 	};
@@ -322,19 +322,16 @@ class AdvancedSettings extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	ipfsGateway: state.engine.backgroundState.PreferencesController.ipfsGateway,
 	showHexData: state.settings.showHexData,
 	showCustomNonce: state.settings.showCustomNonce,
-	fullState: state
+	fullState: state,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setShowHexData: showHexData => dispatch(setShowHexData(showHexData)),
-	setShowCustomNonce: showCustomNonce => dispatch(setShowCustomNonce(showCustomNonce))
+const mapDispatchToProps = (dispatch) => ({
+	setShowHexData: (showHexData) => dispatch(setShowHexData(showHexData)),
+	setShowCustomNonce: (showCustomNonce) => dispatch(setShowCustomNonce(showCustomNonce)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(AdvancedSettings);
+export default connect(mapStateToProps, mapDispatchToProps)(AdvancedSettings);
diff --git a/app/components/Views/Settings/AdvancedSettings/index.test.js b/app/components/Views/Settings/AdvancedSettings/index.test.js
index 3b9f993dbb9..f814b6901f9 100644
--- a/app/components/Views/Settings/AdvancedSettings/index.test.js
+++ b/app/components/Views/Settings/AdvancedSettings/index.test.js
@@ -12,14 +12,14 @@ describe('AdvancedSettings', () => {
 			engine: {
 				backgroundState: {
 					PreferencesController: {
-						ipfsGateway: 'https://ipfs.io/ipfs/'
-					}
-				}
-			}
+						ipfsGateway: 'https://ipfs.io/ipfs/',
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<AdvancedSettings route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Settings/AppInformation/index.js b/app/components/Views/Settings/AppInformation/index.js
index 13c4d942de0..2588612dd06 100644
--- a/app/components/Views/Settings/AppInformation/index.js
+++ b/app/components/Views/Settings/AppInformation/index.js
@@ -7,7 +7,7 @@ import {
 	InteractionManager,
 	View,
 	ScrollView,
-	TouchableOpacity
+	TouchableOpacity,
 } from 'react-native';
 import { getApplicationName, getVersion, getBuildNumber } from 'react-native-device-info';
 import { colors, fontStyles } from '../../../../styles/common';
@@ -19,35 +19,35 @@ import AppConstants from '../../../../core/AppConstants';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	wrapperContent: {
 		paddingLeft: 24,
 		paddingRight: 24,
-		paddingVertical: 24
+		paddingVertical: 24,
 	},
 	title: {
 		fontSize: 18,
 		textAlign: 'left',
 		marginBottom: 20,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	link: {
 		fontSize: 18,
 		textAlign: 'left',
 		marginBottom: 20,
 		...fontStyles.normal,
-		color: colors.blue
+		color: colors.blue,
 	},
 	division: {
 		borderBottomColor: colors.grey400,
 		borderBottomWidth: 1,
 		width: '30%',
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	image: {
 		width: 100,
-		height: 100
+		height: 100,
 	},
 	logoWrapper: {
 		flex: 1,
@@ -55,7 +55,7 @@ const styles = StyleSheet.create({
 		alignItems: 'center',
 		justifyContent: 'center',
 		top: 20,
-		marginBottom: 40
+		marginBottom: 40,
 	},
 	versionInfo: {
 		marginTop: 20,
@@ -63,8 +63,8 @@ const styles = StyleSheet.create({
 		textAlign: 'left',
 		marginBottom: 20,
 		color: colors.fontSecondary,
-		...fontStyles.normal
-	}
+		...fontStyles.normal,
+	},
 });
 
 const foxImage = require('../../../../images/fox.png'); // eslint-disable-line import/no-commonjs
@@ -80,11 +80,11 @@ export default class AppInformation extends PureComponent {
 		/**
 		/* navigation object required to push new views
 		*/
-		navigation: PropTypes.object
+		navigation: PropTypes.object,
 	};
 
 	state = {
-		appInfo: ''
+		appInfo: '',
 	};
 
 	componentDidMount = async () => {
@@ -100,8 +100,8 @@ export default class AppInformation extends PureComponent {
 				screen: 'SimpleWebview',
 				params: {
 					url,
-					title
-				}
+					title,
+				},
 			});
 		});
 	};
diff --git a/app/components/Views/Settings/Contacts/ContactForm/index.js b/app/components/Views/Settings/Contacts/ContactForm/index.js
index bfb612fc60b..27788ff4bc8 100644
--- a/app/components/Views/Settings/Contacts/ContactForm/index.js
+++ b/app/components/Views/Settings/Contacts/ContactForm/index.js
@@ -19,11 +19,11 @@ const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
 		flex: 1,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	scrollWrapper: {
 		flex: 1,
-		paddingVertical: 12
+		paddingVertical: 12,
 	},
 	input: {
 		...fontStyles.normal,
@@ -34,55 +34,55 @@ const styles = StyleSheet.create({
 		borderWidth: 2,
 		padding: 10,
 		flexDirection: 'row',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	resolvedInput: {
 		...fontStyles.normal,
-		fontSize: 10
+		fontSize: 10,
 	},
 	informationWrapper: {
 		flex: 1,
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	label: {
 		fontSize: 14,
 		paddingVertical: 12,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	buttonsWrapper: {
 		marginVertical: 12,
 		flexDirection: 'row',
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	buttonsContainer: {
 		flex: 1,
 		flexDirection: 'column',
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	scanIcon: {
 		flexDirection: 'column',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	iconWrapper: {
-		alignItems: 'flex-end'
+		alignItems: 'flex-end',
 	},
 	textInput: {
 		...fontStyles.normal,
 		padding: 0,
 		paddingRight: 8,
-		color: colors.black
+		color: colors.black,
 	},
 	inputWrapper: {
 		flex: 1,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	textInputDisaled: {
-		borderColor: colors.transparent
+		borderColor: colors.transparent,
 	},
 	actionButton: {
-		marginVertical: 4
-	}
+		marginVertical: 4,
+	},
 });
 
 const ADD = 'add';
@@ -115,7 +115,7 @@ class ContactForm extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	state = {
@@ -127,7 +127,7 @@ class ContactForm extends PureComponent {
 		mode: this.props.route.params?.mode ?? ADD,
 		memo: undefined,
 		editable: true,
-		inputWidth: Platform.OS === 'android' ? '99%' : undefined
+		inputWidth: Platform.OS === 'android' ? '99%' : undefined,
 	};
 
 	actionSheet = React.createRef();
@@ -166,11 +166,11 @@ class ContactForm extends PureComponent {
 		this.actionSheet && this.actionSheet.show();
 	};
 
-	onChangeName = name => {
+	onChangeName = (name) => {
 		this.setState({ name });
 	};
 
-	checkIfAlreadySaved = address => {
+	checkIfAlreadySaved = (address) => {
 		const { addressBook, network, identities } = this.props;
 		const { mode } = this.state;
 		const networkAddressBook = addressBook[network] || {};
@@ -184,7 +184,7 @@ class ContactForm extends PureComponent {
 		return;
 	};
 
-	onChangeAddress = async address => {
+	onChangeAddress = async (address) => {
 		const { network } = this.props;
 		let addressError, toEnsName;
 		let addressReady = false;
@@ -208,7 +208,7 @@ class ContactForm extends PureComponent {
 		this.setState({ address, addressError, toEnsName, addressReady });
 	};
 
-	onChangeMemo = memo => {
+	onChangeMemo = (memo) => {
 		this.setState({ memo });
 	};
 
@@ -241,15 +241,15 @@ class ContactForm extends PureComponent {
 
 	onScan = () => {
 		this.props.navigation.navigate('QRScanner', {
-			onScanSuccess: meta => {
+			onScanSuccess: (meta) => {
 				if (meta.target_address) {
 					this.onChangeAddress(meta.target_address);
 				}
-			}
+			},
 		});
 	};
 
-	createActionSheetRef = ref => {
+	createActionSheetRef = (ref) => {
 		this.actionSheet = ref;
 	};
 
@@ -272,7 +272,7 @@ class ContactForm extends PureComponent {
 							style={[
 								styles.input,
 								inputWidth ? { width: inputWidth } : {},
-								editable ? {} : styles.textInputDisaled
+								editable ? {} : styles.textInputDisaled,
 							]}
 							value={name}
 							onSubmitEditing={this.jumpToAddressInput}
@@ -366,7 +366,7 @@ class ContactForm extends PureComponent {
 						cancelButtonIndex={1}
 						destructiveButtonIndex={0}
 						// eslint-disable-next-line react/jsx-no-bind
-						onPress={index => (index === 0 ? this.deleteContact() : null)}
+						onPress={(index) => (index === 0 ? this.deleteContact() : null)}
 					/>
 				</KeyboardAwareScrollView>
 			</SafeAreaView>
@@ -374,10 +374,10 @@ class ContactForm extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	addressBook: state.engine.backgroundState.AddressBookController.addressBook,
 	identities: state.engine.backgroundState.PreferencesController.identities,
-	network: state.engine.backgroundState.NetworkController.network
+	network: state.engine.backgroundState.NetworkController.network,
 });
 
 export default connect(mapStateToProps)(ContactForm);
diff --git a/app/components/Views/Settings/Contacts/ContactForm/index.test.js b/app/components/Views/Settings/Contacts/ContactForm/index.test.js
index 96cb7fe7598..50243907dc4 100644
--- a/app/components/Views/Settings/Contacts/ContactForm/index.test.js
+++ b/app/components/Views/Settings/Contacts/ContactForm/index.test.js
@@ -10,7 +10,7 @@ describe('ContactForm', () => {
 			engine: {
 				backgroundState: {
 					NetworkController: {
-						network: '1'
+						network: '1',
 					},
 					AddressBookController: {
 						addressBook: {
@@ -19,23 +19,23 @@ describe('ContactForm', () => {
 								chainId: '1',
 								isEns: false,
 								memo: '',
-								name: 'aa'
-							}
-						}
+								name: 'aa',
+							},
+						},
 					},
 					PreferencesController: {
 						identities: {
 							'0x51239E13Fe029cD52asA8babEBafb6814bc8Ba4b': {
 								address: '0x51239E13Fe029cD52asA8babEBafb6814bc8Ba4b',
-								name: 'Account 1'
-							}
-						}
-					}
-				}
-			}
+								name: 'Account 1',
+							},
+						},
+					},
+				},
+			},
 		};
 		const wrapper = shallow(<ContactForm route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Settings/Contacts/index.js b/app/components/Views/Settings/Contacts/index.js
index 39efe729601..f6e4562a4b7 100644
--- a/app/components/Views/Settings/Contacts/index.js
+++ b/app/components/Views/Settings/Contacts/index.js
@@ -13,12 +13,12 @@ import ActionSheet from 'react-native-actionsheet';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	addContact: {
 		marginHorizontal: 24,
-		marginBottom: 16
-	}
+		marginBottom: 16,
+	},
 });
 
 const EDIT = 'edit';
@@ -43,17 +43,17 @@ class Contacts extends PureComponent {
 		/**
 		 * Network id
 		 */
-		network: PropTypes.string
+		network: PropTypes.string,
 	};
 
 	state = {
-		reloadAddressList: false
+		reloadAddressList: false,
 	};
 
 	actionSheet;
 	contactAddressToRemove;
 
-	componentDidUpdate = prevProps => {
+	componentDidUpdate = (prevProps) => {
 		const { network } = this.props;
 		if (
 			prevProps.addressBook &&
@@ -70,7 +70,7 @@ class Contacts extends PureComponent {
 		}, 100);
 	};
 
-	onAddressLongPress = address => {
+	onAddressLongPress = (address) => {
 		this.contactAddressToRemove = address;
 		this.actionSheet && this.actionSheet.show();
 	};
@@ -83,12 +83,12 @@ class Contacts extends PureComponent {
 		this.setState({ reloadAddressList: false });
 	};
 
-	onAddressPress = address => {
+	onAddressPress = (address) => {
 		this.props.navigation.navigate('ContactForm', {
 			mode: EDIT,
 			editMode: EDIT,
 			address,
-			onDelete: () => this.updateAddressList()
+			onDelete: () => this.updateAddressList(),
 		});
 	};
 
@@ -100,7 +100,7 @@ class Contacts extends PureComponent {
 		this.props.navigation.navigate('ContactsEdit');
 	};
 
-	createActionSheetRef = ref => {
+	createActionSheetRef = (ref) => {
 		this.actionSheet = ref;
 	};
 
@@ -129,16 +129,16 @@ class Contacts extends PureComponent {
 					cancelButtonIndex={1}
 					destructiveButtonIndex={0}
 					// eslint-disable-next-line react/jsx-no-bind
-					onPress={index => (index === 0 ? this.deleteContact() : null)}
+					onPress={(index) => (index === 0 ? this.deleteContact() : null)}
 				/>
 			</SafeAreaView>
 		);
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	addressBook: state.engine.backgroundState.AddressBookController.addressBook,
-	network: state.engine.backgroundState.NetworkController.network
+	network: state.engine.backgroundState.NetworkController.network,
 });
 
 export default connect(mapStateToProps)(Contacts);
diff --git a/app/components/Views/Settings/Contacts/index.test.js b/app/components/Views/Settings/Contacts/index.test.js
index 84d1b7ccc30..ee57635ec48 100644
--- a/app/components/Views/Settings/Contacts/index.test.js
+++ b/app/components/Views/Settings/Contacts/index.test.js
@@ -10,7 +10,7 @@ describe('Contacts', () => {
 			engine: {
 				backgroundState: {
 					NetworkController: {
-						network: '1'
+						network: '1',
 					},
 					AddressBookController: {
 						addressBook: {
@@ -19,15 +19,15 @@ describe('Contacts', () => {
 								chainId: '1',
 								isEns: false,
 								memo: '',
-								name: 'aa'
-							}
-						}
-					}
-				}
-			}
+								name: 'aa',
+							},
+						},
+					},
+				},
+			},
 		};
 		const wrapper = shallow(<Contacts route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Settings/ExperimentalSettings/index.js b/app/components/Views/Settings/ExperimentalSettings/index.js
index 8009aff5cce..0802c4f6589 100644
--- a/app/components/Views/Settings/ExperimentalSettings/index.js
+++ b/app/components/Views/Settings/ExperimentalSettings/index.js
@@ -12,27 +12,27 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		flex: 1,
 		padding: 24,
-		paddingBottom: 48
+		paddingBottom: 48,
 	},
 	title: {
 		...fontStyles.normal,
 		color: colors.fontPrimary,
 		fontSize: 20,
-		lineHeight: 20
+		lineHeight: 20,
 	},
 	desc: {
 		...fontStyles.normal,
 		color: colors.grey500,
 		fontSize: 14,
 		lineHeight: 20,
-		marginTop: 12
+		marginTop: 12,
 	},
 	setting: {
-		marginVertical: 18
+		marginVertical: 18,
 	},
 	clearHistoryConfirm: {
-		marginTop: 18
-	}
+		marginTop: 18,
+	},
 });
 
 /**
@@ -43,7 +43,7 @@ class ExperimentalSettings extends PureComponent {
 		/**
 		/* navigation object required to push new views
 		*/
-		navigation: PropTypes.object
+		navigation: PropTypes.object,
 	};
 
 	static navigationOptions = ({ navigation }) =>
@@ -72,8 +72,8 @@ class ExperimentalSettings extends PureComponent {
 	);
 }
 
-const mapStateToProps = state => ({
-	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress
+const mapStateToProps = (state) => ({
+	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
 });
 
 export default connect(mapStateToProps)(ExperimentalSettings);
diff --git a/app/components/Views/Settings/ExperimentalSettings/index.test.js b/app/components/Views/Settings/ExperimentalSettings/index.test.js
index b8ff602efe8..42af4f28609 100644
--- a/app/components/Views/Settings/ExperimentalSettings/index.test.js
+++ b/app/components/Views/Settings/ExperimentalSettings/index.test.js
@@ -14,13 +14,13 @@ describe('ExperimentalSettings', () => {
 			engine: {
 				backgroundState: {
 					PreferencesController: { selectedAddress: '0x', identities: { '0x': { name: 'Account 1' } } },
-					AccountTrackerController: { accounts: {} }
-				}
-			}
+					AccountTrackerController: { accounts: {} },
+				},
+			},
 		};
 
 		const wrapper = shallow(<ExperimentalSettings route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Settings/GeneralSettings/index.js b/app/components/Views/Settings/GeneralSettings/index.js
index 5917815e313..d337cc80304 100644
--- a/app/components/Views/Settings/GeneralSettings/index.js
+++ b/app/components/Views/Settings/GeneralSettings/index.js
@@ -13,7 +13,7 @@ import {
 	setSearchEngine,
 	setPrimaryCurrency,
 	setUseBlockieIcon,
-	setHideZeroBalanceTokens
+	setHideZeroBalanceTokens,
 } from '../../../../actions/settings';
 import PickComponent from '../../PickComponent';
 import { toDataUrl } from '../../../../util/blockies.js';
@@ -30,7 +30,7 @@ const sortedCurrencies = infuraCurrencies.objects.sort((a, b) =>
 const infuraCurrencyOptions = sortedCurrencies.map(({ quote: { code, name } }) => ({
 	label: `${code.toUpperCase()} - ${name}`,
 	key: code,
-	value: code
+	value: code,
 }));
 
 const styles = StyleSheet.create({
@@ -38,61 +38,61 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		flex: 1,
 		padding: 24,
-		zIndex: 99999999999999
+		zIndex: 99999999999999,
 	},
 	title: {
 		...fontStyles.normal,
 		color: colors.fontPrimary,
 		fontSize: 20,
-		lineHeight: 20
+		lineHeight: 20,
 	},
 	desc: {
 		...fontStyles.normal,
 		color: colors.grey500,
 		fontSize: 14,
 		lineHeight: 20,
-		marginTop: 12
+		marginTop: 12,
 	},
 	marginTop: {
-		marginTop: 18
+		marginTop: 18,
 	},
 	picker: {
 		borderColor: colors.grey200,
 		borderRadius: 5,
 		borderWidth: 2,
-		marginTop: 16
+		marginTop: 16,
 	},
 	simplePicker: {
-		marginTop: 16
+		marginTop: 16,
 	},
 	setting: {
-		marginTop: 50
+		marginTop: 50,
 	},
 	firstSetting: {
-		marginTop: 0
+		marginTop: 0,
 	},
 	inner: {
-		paddingBottom: 48
+		paddingBottom: 48,
 	},
 	identicon_container: {
 		marginVertical: 16,
 		display: 'flex',
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	identicon_row: {
 		width: '50%',
 		alignItems: 'center',
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	identicon_type: {
 		...fontStyles.bold,
 		fontSize: 14,
-		marginHorizontal: 10
+		marginHorizontal: 10,
 	},
 	blockie: {
 		height: diameter,
 		width: diameter,
-		borderRadius: diameter / 2
+		borderRadius: diameter / 2,
 	},
 	border: {
 		height: diameter + spacing,
@@ -102,14 +102,14 @@ const styles = StyleSheet.create({
 		borderWidth: 2,
 		borderColor: colors.white,
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	selected: {
-		borderColor: colors.blue
+		borderColor: colors.blue,
 	},
 	selected_text: {
-		color: colors.black
-	}
+		color: colors.black,
+	},
 });
 
 /**
@@ -160,7 +160,7 @@ class Settings extends PureComponent {
 		/**
 		 * Called to toggle zero balance token display
 		 */
-		setHideZeroBalanceTokens: PropTypes.func
+		setHideZeroBalanceTokens: PropTypes.func,
 	};
 
 	static navigationOptions = ({ navigation }) =>
@@ -168,44 +168,44 @@ class Settings extends PureComponent {
 
 	state = {
 		currentLanguage: I18n.locale.substr(0, 2),
-		languages: {}
+		languages: {},
 	};
 
-	selectCurrency = async currency => {
+	selectCurrency = async (currency) => {
 		const { CurrencyRateController } = Engine.context;
 		CurrencyRateController.setCurrentCurrency(currency);
 	};
 
-	selectLanguage = language => {
+	selectLanguage = (language) => {
 		if (language === this.state.currentLanguage) return;
 		setLocale(language);
 		this.setState({ currentLanguage: language });
 		setTimeout(() => this.props.navigation.navigate('Home'), 100);
 	};
 
-	selectSearchEngine = searchEngine => {
+	selectSearchEngine = (searchEngine) => {
 		this.props.setSearchEngine(searchEngine);
 	};
 
-	selectPrimaryCurrency = primaryCurrency => {
+	selectPrimaryCurrency = (primaryCurrency) => {
 		this.props.setPrimaryCurrency(primaryCurrency);
 	};
 
-	toggleHideZeroBalanceTokens = toggleHideZeroBalanceTokens => {
+	toggleHideZeroBalanceTokens = (toggleHideZeroBalanceTokens) => {
 		this.props.setHideZeroBalanceTokens(toggleHideZeroBalanceTokens);
 	};
 
 	componentDidMount = () => {
 		const languages = getLanguages();
 		this.setState({ languages });
-		this.languageOptions = Object.keys(languages).map(key => ({ value: key, label: languages[key], key }));
+		this.languageOptions = Object.keys(languages).map((key) => ({ value: key, label: languages[key], key }));
 		this.searchEngineOptions = [
 			{ value: 'DuckDuckGo', label: 'DuckDuckGo', key: 'DuckDuckGo' },
-			{ value: 'Google', label: 'Google', key: 'Google' }
+			{ value: 'Google', label: 'Google', key: 'Google' },
 		];
 		this.primaryCurrencyOptions = [
 			{ value: 'ETH', label: strings('app_settings.primary_currency_text_first'), key: 'Native' },
-			{ value: 'Fiat', label: strings('app_settings.primary_currency_text_second'), key: 'Fiat' }
+			{ value: 'Fiat', label: strings('app_settings.primary_currency_text_second'), key: 'Fiat' },
 		];
 	};
 
@@ -216,7 +216,7 @@ class Settings extends PureComponent {
 			useBlockieIcon,
 			setUseBlockieIcon,
 			selectedAddress,
-			hideZeroBalanceTokens
+			hideZeroBalanceTokens,
 		} = this.props;
 		return (
 			<ScrollView style={styles.wrapper}>
@@ -317,23 +317,20 @@ class Settings extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 	searchEngine: state.settings.searchEngine,
 	primaryCurrency: state.settings.primaryCurrency,
 	useBlockieIcon: state.settings.useBlockieIcon,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
-	hideZeroBalanceTokens: state.settings.hideZeroBalanceTokens
+	hideZeroBalanceTokens: state.settings.hideZeroBalanceTokens,
 });
 
-const mapDispatchToProps = dispatch => ({
-	setSearchEngine: searchEngine => dispatch(setSearchEngine(searchEngine)),
-	setPrimaryCurrency: primaryCurrency => dispatch(setPrimaryCurrency(primaryCurrency)),
-	setUseBlockieIcon: useBlockieIcon => dispatch(setUseBlockieIcon(useBlockieIcon)),
-	setHideZeroBalanceTokens: hideZeroBalanceTokens => dispatch(setHideZeroBalanceTokens(hideZeroBalanceTokens))
+const mapDispatchToProps = (dispatch) => ({
+	setSearchEngine: (searchEngine) => dispatch(setSearchEngine(searchEngine)),
+	setPrimaryCurrency: (primaryCurrency) => dispatch(setPrimaryCurrency(primaryCurrency)),
+	setUseBlockieIcon: (useBlockieIcon) => dispatch(setUseBlockieIcon(useBlockieIcon)),
+	setHideZeroBalanceTokens: (hideZeroBalanceTokens) => dispatch(setHideZeroBalanceTokens(hideZeroBalanceTokens)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Settings);
+export default connect(mapStateToProps, mapDispatchToProps)(Settings);
diff --git a/app/components/Views/Settings/GeneralSettings/index.test.js b/app/components/Views/Settings/GeneralSettings/index.test.js
index c5e8d9fb8de..f490780af8d 100644
--- a/app/components/Views/Settings/GeneralSettings/index.test.js
+++ b/app/components/Views/Settings/GeneralSettings/index.test.js
@@ -14,15 +14,15 @@ describe('GeneralSettings', () => {
 					CurrencyRateController: { currentCurrency: 'USD' },
 					NetworkController: {
 						provider: {
-							type: 'mainnet'
-						}
+							type: 'mainnet',
+						},
 					},
-					PreferencesController: { selectedAddress: '0x0' }
-				}
-			}
+					PreferencesController: { selectedAddress: '0x0' },
+				},
+			},
 		};
 		const wrapper = shallow(<GeneralSettings route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.js b/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.js
index 5b186f19f17..f735dc292f8 100644
--- a/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.js
+++ b/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.js
@@ -23,62 +23,62 @@ const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
 		flex: 1,
-		flexDirection: 'column'
+		flexDirection: 'column',
 	},
 	informationWrapper: {
 		flex: 1,
-		paddingHorizontal: 24
+		paddingHorizontal: 24,
 	},
 	scrollWrapper: {
 		flex: 1,
-		paddingVertical: 12
+		paddingVertical: 12,
 	},
 	input: {
 		...fontStyles.normal,
 		borderColor: colors.grey200,
 		borderRadius: 5,
 		borderWidth: 2,
-		padding: 10
+		padding: 10,
 	},
 	warningText: {
 		...fontStyles.normal,
 		color: colors.red,
 		marginTop: 4,
 		paddingLeft: 2,
-		paddingRight: 4
+		paddingRight: 4,
 	},
 	warningContainer: {
 		marginTop: 4,
 		flexGrow: 1,
-		flexShrink: 1
+		flexShrink: 1,
 	},
 	label: {
 		fontSize: 14,
 		paddingVertical: 12,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	title: {
 		fontSize: 20,
 		paddingVertical: 12,
 		color: colors.fontPrimary,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	desc: {
 		fontSize: 14,
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	buttonsWrapper: {
 		marginVertical: 12,
 		flexDirection: 'row',
-		alignSelf: 'flex-end'
+		alignSelf: 'flex-end',
 	},
 	buttonsContainer: {
 		flex: 1,
 		flexDirection: 'column',
-		alignSelf: 'flex-end'
-	}
+		alignSelf: 'flex-end',
+	},
 });
 
 const allNetworks = getAllNetworks();
@@ -99,7 +99,7 @@ class NetworkSettings extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	static navigationOptions = ({ navigation }) =>
@@ -119,7 +119,7 @@ class NetworkSettings extends PureComponent {
 		validatedChainId: true,
 		initialState: undefined,
 		enableAction: false,
-		inputWidth: { width: '99%' }
+		inputWidth: { width: '99%' },
 	};
 
 	inputRpcURL = React.createRef();
@@ -135,7 +135,7 @@ class NetworkSettings extends PureComponent {
 		let blockExplorerUrl, chainId, nickname, ticker, editable, rpcUrl;
 		// If no navigation param, user clicked on add network
 		if (network) {
-			if (allNetworks.find(net => network === net)) {
+			if (allNetworks.find((net) => network === net)) {
 				blockExplorerUrl = getEtherscanBaseUrl(network);
 				const networkInformation = Networks[network];
 				nickname = networkInformation.name;
@@ -159,7 +159,7 @@ class NetworkSettings extends PureComponent {
 		}
 		setTimeout(() => {
 			this.setState({
-				inputWidth: { width: '100%' }
+				inputWidth: { width: '100%' },
 			});
 		}, 100);
 	};
@@ -232,7 +232,7 @@ class NetworkSettings extends PureComponent {
 			}
 
 			errorMessage = strings('app_settings.endpoint_returned_different_chain_id', {
-				chainIdReturned: endpointChainId
+				chainIdReturned: endpointChainId,
 			});
 		}
 
@@ -270,7 +270,7 @@ class NetworkSettings extends PureComponent {
 			!isprivateConnection(url.hostname) && url.set('protocol', 'https:');
 			CurrencyRateController.setNativeCurrency(ticker);
 			PreferencesController.addToFrequentRpcList(url.href, decimalChainId, ticker, nickname, {
-				blockExplorerUrl
+				blockExplorerUrl,
 			});
 			NetworkController.setRpcTarget(url.href, decimalChainId, ticker, nickname);
 
@@ -280,7 +280,7 @@ class NetworkSettings extends PureComponent {
 				source: 'Settings',
 				symbol: ticker,
 				block_explorer_url: blockExplorerUrl,
-				network_name: 'rpc'
+				network_name: 'rpc',
 			};
 			AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.NETWORK_ADDED, analyticsParamsAdd);
 
@@ -321,7 +321,7 @@ class NetworkSettings extends PureComponent {
 		if (!chainId) {
 			return this.setState({
 				warningChainId: strings('app_settings.chain_id_required'),
-				validatedChainId: true
+				validatedChainId: true,
 			});
 		}
 
@@ -343,7 +343,7 @@ class NetworkSettings extends PureComponent {
 		if (errorMessage) {
 			return this.setState({
 				warningChainId: errorMessage,
-				validatedChainId: true
+				validatedChainId: true,
 			});
 		}
 
@@ -351,9 +351,9 @@ class NetworkSettings extends PureComponent {
 		if (!isSafeChainId(this.getDecimalChainIdNumber(chainId))) {
 			return this.setState({
 				warningChainId: strings('app_settings.invalid_number_range', {
-					maxSafeChainId: AppConstants.MAX_SAFE_CHAIN_ID
+					maxSafeChainId: AppConstants.MAX_SAFE_CHAIN_ID,
 				}),
-				validatedChainId: true
+				validatedChainId: true,
 			});
 		}
 
@@ -395,27 +395,27 @@ class NetworkSettings extends PureComponent {
 		return validatedChainId && !!warningChainId;
 	};
 
-	onRpcUrlChange = async url => {
+	onRpcUrlChange = async (url) => {
 		await this.setState({ rpcUrl: url, validatedRpcURL: false });
 		this.getCurrentState();
 	};
 
-	onNicknameChange = async nickname => {
+	onNicknameChange = async (nickname) => {
 		await this.setState({ nickname });
 		this.getCurrentState();
 	};
 
-	onChainIDChange = async chainId => {
+	onChainIDChange = async (chainId) => {
 		await this.setState({ chainId, validatedChainId: false });
 		this.getCurrentState();
 	};
 
-	onTickerChange = async ticker => {
+	onTickerChange = async (ticker) => {
 		await this.setState({ ticker });
 		this.getCurrentState();
 	};
 
-	onBlockExplorerUrlChange = async blockExplorerUrl => {
+	onBlockExplorerUrlChange = async (blockExplorerUrl) => {
 		await this.setState({ blockExplorerUrl });
 		this.getCurrentState();
 	};
@@ -449,7 +449,7 @@ class NetworkSettings extends PureComponent {
 			warningRpcUrl,
 			warningChainId,
 			enableAction,
-			inputWidth
+			inputWidth,
 		} = this.state;
 		return (
 			<SafeAreaView style={styles.wrapper} testID={'new-rpc-screen'}>
@@ -571,8 +571,8 @@ class NetworkSettings extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
-	frequentRpcList: state.engine.backgroundState.PreferencesController.frequentRpcList
+const mapStateToProps = (state) => ({
+	frequentRpcList: state.engine.backgroundState.PreferencesController.frequentRpcList,
 });
 
 export default connect(mapStateToProps)(NetworkSettings);
diff --git a/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.test.js b/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.test.js
index 9ccb20d77ce..4f996b9020e 100644
--- a/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.test.js
+++ b/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.test.js
@@ -9,13 +9,13 @@ describe('NetworkSettings', () => {
 			engine: {
 				backgroundState: {
 					PreferencesController: {
-						frequentRpcList: []
-					}
-				}
-			}
+						frequentRpcList: [],
+					},
+				},
+			},
 		};
 		const wrapper = shallow(<NetworkSettings route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Settings/NetworksSettings/index.js b/app/components/Views/Settings/NetworksSettings/index.js
index becb0b9c4b7..b82aafab1b7 100644
--- a/app/components/Views/Settings/NetworksSettings/index.js
+++ b/app/components/Views/Settings/NetworksSettings/index.js
@@ -17,42 +17,42 @@ const styles = StyleSheet.create({
 		flex: 1,
 		paddingVertical: 12,
 		paddingHorizontal: 24,
-		marginBottom: 24
+		marginBottom: 24,
 	},
 	networkIcon: {
 		width: 15,
 		height: 15,
 		borderRadius: 100,
 		marginTop: 2,
-		marginRight: 16
+		marginRight: 16,
 	},
 	otherNetworkIcon: {
 		width: 15,
 		height: 15,
 		borderRadius: 100,
 		marginTop: 2,
-		backgroundColor: colors.grey100
+		backgroundColor: colors.grey100,
 	},
 	network: {
 		flex: 1,
 		flexDirection: 'row',
-		paddingVertical: 12
+		paddingVertical: 12,
 	},
 	networkWrapper: {
 		flex: 0,
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	networkLabel: {
 		fontSize: 16,
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	sectionLabel: {
 		fontSize: 14,
 		paddingVertical: 12,
 		color: colors.fontPrimary,
-		...fontStyles.bold
-	}
+		...fontStyles.bold,
+	},
 });
 
 /**
@@ -75,7 +75,7 @@ class NetworksSettings extends PureComponent {
 		/**
 		 * Indicates whether third party API mode is enabled
 		 */
-		thirdPartyApiMode: PropTypes.bool
+		thirdPartyApiMode: PropTypes.bool,
 	};
 
 	actionSheet = null;
@@ -88,7 +88,7 @@ class NetworksSettings extends PureComponent {
 
 	getOtherNetworks = () => getAllNetworks().slice(1);
 
-	onPress = network => {
+	onPress = (network) => {
 		const { navigation } = this.props;
 		navigation.navigate('NetworkSettings', { network });
 	};
@@ -98,7 +98,7 @@ class NetworksSettings extends PureComponent {
 		navigation.navigate('NetworkSettings');
 	};
 
-	showRemoveMenu = network => {
+	showRemoveMenu = (network) => {
 		this.networkToRemove = network;
 		this.actionSheet.show();
 	};
@@ -123,11 +123,11 @@ class NetworksSettings extends PureComponent {
 		PreferencesController.removeFromFrequentRpcList(this.networkToRemove);
 	};
 
-	createActionSheetRef = ref => {
+	createActionSheetRef = (ref) => {
 		this.actionSheet = ref;
 	};
 
-	onActionSheetPress = index => (index === 0 ? this.removeNetwork() : null);
+	onActionSheetPress = (index) => (index === 0 ? this.removeNetwork() : null);
 
 	networkElement(name, color, i, network, isCustomRPC) {
 		return (
@@ -225,10 +225,10 @@ class NetworksSettings extends PureComponent {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	provider: state.engine.backgroundState.NetworkController.provider,
 	frequentRpcList: state.engine.backgroundState.PreferencesController.frequentRpcList,
-	thirdPartyApiMode: state.privacy.thirdPartyApiMode
+	thirdPartyApiMode: state.privacy.thirdPartyApiMode,
 });
 
 export default connect(mapStateToProps)(NetworksSettings);
diff --git a/app/components/Views/Settings/NetworksSettings/index.test.js b/app/components/Views/Settings/NetworksSettings/index.test.js
index 8a43e2c7133..35648f1a5da 100644
--- a/app/components/Views/Settings/NetworksSettings/index.test.js
+++ b/app/components/Views/Settings/NetworksSettings/index.test.js
@@ -9,17 +9,17 @@ describe('NetworksSettings', () => {
 			engine: {
 				backgroundState: {
 					NetworkController: {
-						provider: { type: 'mainnet', rpcTarget: 'http://10.0.2.2:8545' }
+						provider: { type: 'mainnet', rpcTarget: 'http://10.0.2.2:8545' },
 					},
-					PreferencesController: { frequentRpcList: ['http://10.0.2.2:8545'] }
-				}
+					PreferencesController: { frequentRpcList: ['http://10.0.2.2:8545'] },
+				},
 			},
 			privacy: {
-				thirdPartyApiMode: true
-			}
+				thirdPartyApiMode: true,
+			},
 		};
 		const wrapper = shallow(<NetworksSettings route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Settings/SecuritySettings/index.js b/app/components/Views/Settings/SecuritySettings/index.js
index 85703dfb4e1..13bc2f21351 100644
--- a/app/components/Views/Settings/SecuritySettings/index.js
+++ b/app/components/Views/Settings/SecuritySettings/index.js
@@ -9,7 +9,7 @@ import {
 	View,
 	ActivityIndicator,
 	TouchableOpacity,
-	Keyboard
+	Keyboard,
 } from 'react-native';
 import AsyncStorage from '@react-native-community/async-storage';
 import { connect } from 'react-redux';
@@ -37,7 +37,7 @@ import {
 	TRUE,
 	PASSCODE_DISABLED,
 	BIOMETRY_CHOICE_DISABLED,
-	SEED_PHRASE_HINTS
+	SEED_PHRASE_HINTS,
 } from '../../../../constants/storage';
 
 import CookieManager from '@react-native-community/cookies';
@@ -53,99 +53,99 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		flex: 1,
 		padding: 24,
-		paddingBottom: 48
+		paddingBottom: 48,
 	},
 	title: {
 		...fontStyles.normal,
 		color: colors.fontPrimary,
 		fontSize: 20,
-		lineHeight: 20
+		lineHeight: 20,
 	},
 	bump: {
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	heading: {
 		fontSize: 24,
 		lineHeight: 30,
-		marginBottom: 24
+		marginBottom: 24,
 	},
 	desc: {
 		...fontStyles.normal,
 		color: colors.grey500,
 		fontSize: 14,
 		lineHeight: 20,
-		marginTop: 12
+		marginTop: 12,
 	},
 	switchElement: {
-		marginTop: 18
+		marginTop: 18,
 	},
 	setting: {
-		marginTop: 50
+		marginTop: 50,
 	},
 	firstSetting: {
-		marginTop: 0
+		marginTop: 0,
 	},
 	modalView: {
 		alignItems: 'center',
 		flex: 1,
 		flexDirection: 'column',
 		justifyContent: 'center',
-		padding: 20
+		padding: 20,
 	},
 	modalText: {
 		...fontStyles.normal,
 		fontSize: 18,
-		textAlign: 'center'
+		textAlign: 'center',
 	},
 	modalTitle: {
 		...fontStyles.bold,
 		fontSize: 22,
 		textAlign: 'center',
-		marginBottom: 20
+		marginBottom: 20,
 	},
 	confirm: {
-		marginTop: 18
+		marginTop: 18,
 	},
 	protect: {
 		flexDirection: 'row',
-		justifyContent: 'space-between'
+		justifyContent: 'space-between',
 	},
 	col: {
-		width: '48%'
+		width: '48%',
 	},
 	inner: {
-		paddingBottom: 112
+		paddingBottom: 112,
 	},
 	picker: {
 		borderColor: colors.grey200,
 		borderRadius: 5,
 		borderWidth: 2,
-		marginTop: 16
+		marginTop: 16,
 	},
 	loader: {
 		flex: 1,
 		alignItems: 'center',
-		justifyContent: 'center'
+		justifyContent: 'center',
 	},
 	warningText: {
 		color: colors.black,
 		fontSize: 12,
 		flex: 1,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	warningTextRed: {
-		color: colors.red
+		color: colors.red,
 	},
 	warningTextGreen: {
-		color: colors.black
+		color: colors.black,
 	},
 	warningBold: {
 		...fontStyles.bold,
-		color: colors.blue
+		color: colors.blue,
 	},
 	viewHint: {
-		padding: 5
-	}
+		padding: 5,
+	},
 });
 
 const Heading = ({ children, first }) => (
@@ -158,7 +158,7 @@ const WarningIcon = () => <Icon size={16} color={colors.red} name="exclamation-t
 
 Heading.propTypes = {
 	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-	first: PropTypes.bool
+	first: PropTypes.bool,
 };
 
 /**
@@ -230,7 +230,7 @@ class Settings extends PureComponent {
 		 * redux flag that indicates if the user
 		 * completed the seed phrase backup flow
 		 */
-		seedphraseBackedUp: PropTypes.bool
+		seedphraseBackedUp: PropTypes.bool,
 	};
 
 	static navigationOptions = ({ navigation }) =>
@@ -245,50 +245,50 @@ class Settings extends PureComponent {
 		metricsOptIn: false,
 		passcodeChoice: false,
 		showHint: false,
-		hintText: ''
+		hintText: '',
 	};
 
 	autolockOptions = [
 		{
 			value: '0',
 			label: strings('app_settings.autolock_immediately'),
-			key: '0'
+			key: '0',
 		},
 		{
 			value: '5000',
 			label: strings('app_settings.autolock_after', { time: 5 }),
-			key: '5000'
+			key: '5000',
 		},
 		{
 			value: '15000',
 			label: strings('app_settings.autolock_after', { time: 15 }),
-			key: '15000'
+			key: '15000',
 		},
 		{
 			value: '30000',
 			label: strings('app_settings.autolock_after', { time: 30 }),
-			key: '30000'
+			key: '30000',
 		},
 		{
 			value: '60000',
 			label: strings('app_settings.autolock_after', { time: 60 }),
-			key: '60000'
+			key: '60000',
 		},
 		{
 			value: '300000',
 			label: strings('app_settings.autolock_after_minutes', { time: 5 }),
-			key: '300000'
+			key: '300000',
 		},
 		{
 			value: '600000',
 			label: strings('app_settings.autolock_after_minutes', { time: 10 }),
-			key: '600000'
+			key: '600000',
 		},
 		{
 			value: '-1',
 			label: strings('app_settings.autolock_never'),
-			key: '-1'
-		}
+			key: '-1',
+		},
 	];
 
 	componentDidMount = async () => {
@@ -313,17 +313,17 @@ class Settings extends PureComponent {
 				biometryChoice: !!biometryChoice,
 				metricsOptIn,
 				passcodeChoice: passcodeEnabled,
-				hintText: manualBackup
+				hintText: manualBackup,
 			});
 		} else {
 			this.setState({
 				metricsOptIn,
-				hintText: manualBackup
+				hintText: manualBackup,
 			});
 		}
 	};
 
-	onSingInWithBiometrics = async enabled => {
+	onSingInWithBiometrics = async (enabled) => {
 		this.setState({ loading: true }, async () => {
 			let credentials;
 			try {
@@ -335,15 +335,15 @@ class Settings extends PureComponent {
 				this.storeCredentials(credentials.password, enabled, 'biometryChoice');
 			} else {
 				this.props.navigation.navigate('EnterPasswordSimple', {
-					onPasswordSet: password => {
+					onPasswordSet: (password) => {
 						this.storeCredentials(password, enabled, 'biometryChoice');
-					}
+					},
 				});
 			}
 		});
 	};
 
-	onSignInWithPasscode = async enabled => {
+	onSignInWithPasscode = async (enabled) => {
 		this.setState({ loading: true }, async () => {
 			let credentials;
 			try {
@@ -356,9 +356,9 @@ class Settings extends PureComponent {
 				this.storeCredentials(credentials.password, enabled, 'passcodeChoice');
 			} else {
 				this.props.navigation.navigate('EnterPasswordSimple', {
-					onPasswordSet: password => {
+					onPasswordSet: (password) => {
 						this.storeCredentials(password, enabled, 'passcodeChoice');
-					}
+					},
 				});
 			}
 		});
@@ -435,15 +435,15 @@ class Settings extends PureComponent {
 		});
 	};
 
-	togglePrivacy = value => {
+	togglePrivacy = (value) => {
 		this.props.setPrivacyMode(value);
 	};
 
-	toggleThirdPartyAPI = value => {
+	toggleThirdPartyAPI = (value) => {
 		this.props.setThirdPartyApiMode(value);
 	};
 
-	toggleMetricsOptIn = async value => {
+	toggleMetricsOptIn = async (value) => {
 		if (value) {
 			Analytics.enable();
 			this.setState({ metricsOptIn: true });
@@ -465,7 +465,7 @@ class Settings extends PureComponent {
 		this.props.navigation.navigate('RevealPrivateCredentialView', { privateCredentialName: 'private_key' });
 	};
 
-	selectLockTime = lockTime => {
+	selectLockTime = (lockTime) => {
 		this.props.setLockTime(parseInt(lockTime, 10));
 	};
 
@@ -487,10 +487,10 @@ class Settings extends PureComponent {
 	};
 
 	toggleHint = () => {
-		this.setState(state => ({ showHint: !state.showHint }));
+		this.setState((state) => ({ showHint: !state.showHint }));
 	};
 
-	handleChangeText = text => this.setState({ hintText: text });
+	handleChangeText = (text) => this.setState({ hintText: text });
 
 	renderHint = () => {
 		const { showHint, hintText } = this.state;
@@ -517,7 +517,7 @@ class Settings extends PureComponent {
 			cookiesModalVisible,
 			metricsOptIn,
 			loading,
-			hintText
+			hintText,
 		} = this.state;
 		const { accounts, identities, selectedAddress } = this.props;
 		const account = { address: selectedAddress, ...identities[selectedAddress], ...accounts[selectedAddress] };
@@ -549,7 +549,7 @@ class Settings extends PureComponent {
 								style={[
 									styles.warningText,
 									seedphraseBackedUp ? styles.warningTextGreen : styles.warningTextRed,
-									styles.marginLeft
+									styles.marginLeft,
 								]}
 							>
 								{strings(
@@ -646,7 +646,7 @@ class Settings extends PureComponent {
 					<View style={styles.setting} testID={'reveal-private-key-section'}>
 						<Text style={styles.title}>
 							{strings('reveal_credential.private_key_title_for_account', {
-								accountName: account.name
+								accountName: account.name,
 							})}
 						</Text>
 						<Text style={styles.desc}>
@@ -781,7 +781,7 @@ class Settings extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	approvedHosts: state.privacy.approvedHosts,
 	browserHistory: state.browser.history,
 	lockTime: state.settings.lockTime,
@@ -792,19 +792,16 @@ const mapStateToProps = state => ({
 	identities: state.engine.backgroundState.PreferencesController.identities,
 	keyrings: state.engine.backgroundState.KeyringController.keyrings,
 	passwordHasBeenSet: state.user.passwordSet,
-	seedphraseBackedUp: state.user.seedphraseBackedUp
+	seedphraseBackedUp: state.user.seedphraseBackedUp,
 });
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
 	clearBrowserHistory: () => dispatch(clearHistory()),
 	clearHosts: () => dispatch(clearHosts()),
-	setLockTime: lockTime => dispatch(setLockTime(lockTime)),
-	setPrivacyMode: enabled => dispatch(setPrivacyMode(enabled)),
-	setThirdPartyApiMode: enabled => dispatch(setThirdPartyApiMode(enabled)),
-	passwordSet: () => dispatch(passwordSet())
+	setLockTime: (lockTime) => dispatch(setLockTime(lockTime)),
+	setPrivacyMode: (enabled) => dispatch(setPrivacyMode(enabled)),
+	setThirdPartyApiMode: (enabled) => dispatch(setThirdPartyApiMode(enabled)),
+	passwordSet: () => dispatch(passwordSet()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Settings);
+export default connect(mapStateToProps, mapDispatchToProps)(Settings);
diff --git a/app/components/Views/Settings/SecuritySettings/index.test.js b/app/components/Views/Settings/SecuritySettings/index.test.js
index dbafe9ff15c..58ec17cb3cd 100644
--- a/app/components/Views/Settings/SecuritySettings/index.test.js
+++ b/app/components/Views/Settings/SecuritySettings/index.test.js
@@ -16,13 +16,13 @@ describe('SecuritySettings', () => {
 				backgroundState: {
 					PreferencesController: { selectedAddress: '0x', identities: { '0x': { name: 'Account 1' } } },
 					AccountTrackerController: { accounts: {} },
-					KeyringController: { keyrings: [{ accounts: ['0x'], type: 'HD Key Tree' }] }
-				}
-			}
+					KeyringController: { keyrings: [{ accounts: ['0x'], type: 'HD Key Tree' }] },
+				},
+			},
 		};
 
 		const wrapper = shallow(<SecuritySettings route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/Settings/index.js b/app/components/Views/Settings/index.js
index 0402fdddf70..3e60f84ef84 100644
--- a/app/components/Views/Settings/index.js
+++ b/app/components/Views/Settings/index.js
@@ -14,8 +14,8 @@ const styles = StyleSheet.create({
 		backgroundColor: colors.white,
 		flex: 1,
 		paddingLeft: 18,
-		zIndex: 99999999999999
-	}
+		zIndex: 99999999999999,
+	},
 });
 
 /**
@@ -34,7 +34,7 @@ class Settings extends PureComponent {
 		 * redux flag that indicates if the user
 		 * completed the seed phrase backup flow
 		 */
-		seedphraseBackedUp: PropTypes.bool
+		seedphraseBackedUp: PropTypes.bool,
 	};
 
 	onPressGeneral = () => {
@@ -113,8 +113,8 @@ class Settings extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
-	seedphraseBackedUp: state.user.seedphraseBackedUp
+const mapStateToProps = (state) => ({
+	seedphraseBackedUp: state.user.seedphraseBackedUp,
 });
 
 export default connect(mapStateToProps)(Settings);
diff --git a/app/components/Views/Settings/index.test.js b/app/components/Views/Settings/index.test.js
index 7933b37ee09..20ca9b6ff33 100644
--- a/app/components/Views/Settings/index.test.js
+++ b/app/components/Views/Settings/index.test.js
@@ -16,15 +16,15 @@ describe('Settings', () => {
 					CurrencyRateController: { currentCurrency: 'USD' },
 					NetworkController: {
 						provider: {
-							type: 'mainnet'
-						}
+							type: 'mainnet',
+						},
 					},
-					PreferencesController: { selectedAddress: '0x0' }
-				}
-			}
+					PreferencesController: { selectedAddress: '0x0' },
+				},
+			},
 		};
 		const wrapper = shallow(<Settings route={{ params: {} }} />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper.dive()).toMatchSnapshot();
 	});
diff --git a/app/components/Views/SimpleWebview/index.js b/app/components/Views/SimpleWebview/index.js
index d037c603e6c..0bc151f5588 100644
--- a/app/components/Views/SimpleWebview/index.js
+++ b/app/components/Views/SimpleWebview/index.js
@@ -18,7 +18,7 @@ export default class SimpleWebview extends PureComponent {
 		/**
 		 * Object that represents the current route info like params passed to it
 		 */
-		route: PropTypes.object
+		route: PropTypes.object,
 	};
 
 	componentDidMount = () => {
@@ -31,8 +31,8 @@ export default class SimpleWebview extends PureComponent {
 		const url = route.params?.url;
 		if (url) {
 			Share.open({
-				url
-			}).catch(err => {
+				url,
+			}).catch((err) => {
 				Logger.log('Error while trying to share simple web view', err);
 			});
 		}
diff --git a/app/components/Views/SimpleWebview/index.test.js b/app/components/Views/SimpleWebview/index.test.js
index e0bc4bb59ec..1bdce164c12 100644
--- a/app/components/Views/SimpleWebview/index.test.js
+++ b/app/components/Views/SimpleWebview/index.test.js
@@ -9,7 +9,7 @@ describe('SimpleWebview', () => {
 				navigation={{
 					setParams: () => {
 						'';
-					}
+					},
 				}}
 				route={{ params: { url: 'https://etherscan.io', title: 'etherscan' } }}
 			/>
diff --git a/app/components/Views/SyncWithExtensionSuccess/index.js b/app/components/Views/SyncWithExtensionSuccess/index.js
index 1825b6ea063..4ca260c5088 100644
--- a/app/components/Views/SyncWithExtensionSuccess/index.js
+++ b/app/components/Views/SyncWithExtensionSuccess/index.js
@@ -8,7 +8,7 @@ import {
 	Text,
 	View,
 	TouchableOpacity,
-	ScrollView
+	ScrollView,
 } from 'react-native';
 import { colors, fontStyles } from '../../../styles/common';
 import { strings } from '../../../../locales/i18n';
@@ -23,12 +23,12 @@ import DefaultPreference from 'react-native-default-preference';
 const styles = StyleSheet.create({
 	mainWrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	wrapper: {
 		flex: 1,
 		padding: 30,
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	title: {
 		fontSize: 32,
@@ -37,27 +37,27 @@ const styles = StyleSheet.create({
 		color: colors.fontPrimary,
 		justifyContent: 'center',
 		textAlign: 'center',
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	textContainer: {
-		flex: 1
+		flex: 1,
 	},
 	text: {
 		marginTop: 20,
 		fontSize: 16,
 		textAlign: 'center',
 		color: colors.fontPrimary,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	bold: {
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	button: {
 		marginTop: 40,
-		flex: 1
+		flex: 1,
 	},
 	check: {
-		fontSize: 45
+		fontSize: 45,
 	},
 	passwordTipContainer: {
 		padding: 16,
@@ -65,29 +65,29 @@ const styles = StyleSheet.create({
 		borderWidth: 1,
 		borderColor: colors.blue200,
 		borderRadius: 8,
-		marginTop: 29
+		marginTop: 29,
 	},
 	passwordTipText: {
 		fontSize: 12,
 		lineHeight: 17,
-		color: colors.blue600
+		color: colors.blue600,
 	},
 	learnMoreText: {
 		marginTop: 29,
 		textAlign: 'center',
 		fontSize: 16,
 		color: colors.blue,
-		...fontStyles.normal
+		...fontStyles.normal,
 	},
 	buttonContainer: {
-		flexDirection: 'row'
+		flexDirection: 'row',
 	},
 	hitSlopLearnMore: {
 		top: 10,
 		left: 10,
 		bottom: 10,
-		right: 10
-	}
+		right: 10,
+	},
 });
 
 const hardwareBackPress = () => ({});
@@ -106,12 +106,12 @@ class SyncWithExtensionSuccess extends PureComponent {
 		/**
 		 * Action to set onboarding wizard step
 		 */
-		setOnboardingWizardStep: PropTypes.func
+		setOnboardingWizardStep: PropTypes.func,
 	};
 
 	static navigationOptions = ({ navigation, route }) => ({
 		...getOnboardingNavbarOptions(navigation, route),
-		headerLeft: () => <View />
+		headerLeft: () => <View />,
 	});
 
 	iconSpringVal = new Animated.Value(0.4);
@@ -130,7 +130,7 @@ class SyncWithExtensionSuccess extends PureComponent {
 			toValue: 1,
 			friction: 2,
 			useNativeDriver: true,
-			isInteraction: false
+			isInteraction: false,
 		}).start();
 	}
 
@@ -154,8 +154,8 @@ class SyncWithExtensionSuccess extends PureComponent {
 			screen: 'SimpleWebview',
 			params: {
 				url: 'https://metamask.zendesk.com/hc/en-us/articles/360015489591-Basic-Safety-Tips',
-				title: strings('drawer.metamask_support')
-			}
+				title: strings('drawer.metamask_support'),
+			},
 		});
 	};
 
@@ -167,8 +167,8 @@ class SyncWithExtensionSuccess extends PureComponent {
 					style={[
 						styles.iconWrapper,
 						{
-							transform: [{ scale: this.iconSpringVal }]
-						}
+							transform: [{ scale: this.iconSpringVal }],
+						},
 					]}
 				>
 					<Text style={styles.check}>✅</Text>
@@ -198,11 +198,8 @@ class SyncWithExtensionSuccess extends PureComponent {
 	);
 }
 
-const mapDispatchToProps = dispatch => ({
-	setOnboardingWizardStep: step => dispatch(setOnboardingWizardStep(step))
+const mapDispatchToProps = (dispatch) => ({
+	setOnboardingWizardStep: (step) => dispatch(setOnboardingWizardStep(step)),
 });
 
-export default connect(
-	null,
-	mapDispatchToProps
-)(SyncWithExtensionSuccess);
+export default connect(null, mapDispatchToProps)(SyncWithExtensionSuccess);
diff --git a/app/components/Views/SyncWithExtensionSuccess/index.test.js b/app/components/Views/SyncWithExtensionSuccess/index.test.js
index bd62de1bda7..de430a76d6d 100644
--- a/app/components/Views/SyncWithExtensionSuccess/index.test.js
+++ b/app/components/Views/SyncWithExtensionSuccess/index.test.js
@@ -10,7 +10,7 @@ describe('SyncWithExtensionSuccess', () => {
 		const initialState = {};
 
 		const wrapper = shallow(<SyncWithExtensionSuccess />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
diff --git a/app/components/Views/TermsAndConditions/index.js b/app/components/Views/TermsAndConditions/index.js
index 6ba4fc7c223..28865a8ac6d 100644
--- a/app/components/Views/TermsAndConditions/index.js
+++ b/app/components/Views/TermsAndConditions/index.js
@@ -10,11 +10,11 @@ const styles = StyleSheet.create({
 		...fontStyles.normal,
 		color: colors.grey500,
 		textAlign: 'center',
-		fontSize: 10
+		fontSize: 10,
 	},
 	link: {
-		textDecorationLine: 'underline'
-	}
+		textDecorationLine: 'underline',
+	},
 });
 
 /**
@@ -25,7 +25,7 @@ export default class TermsAndConditions extends PureComponent {
 		/**
 		/* navigation object required to push and pop other views
 		*/
-		navigation: PropTypes.object
+		navigation: PropTypes.object,
 	};
 
 	press = () => {
@@ -34,8 +34,8 @@ export default class TermsAndConditions extends PureComponent {
 			screen: 'SimpleWebview',
 			params: {
 				url: AppConstants.URLS.TERMS_AND_CONDITIONS,
-				title: strings('terms_and_conditions.title')
-			}
+				title: strings('terms_and_conditions.title'),
+			},
 		});
 	};
 
diff --git a/app/components/Views/TransactionDirection/index.js b/app/components/Views/TransactionDirection/index.js
index 5dbabbaa974..5cad2bcde1e 100644
--- a/app/components/Views/TransactionDirection/index.js
+++ b/app/components/Views/TransactionDirection/index.js
@@ -22,7 +22,7 @@ const styles = StyleSheet.create({
 		borderTopWidth: 1,
 		flexDirection: 'row',
 		flexGrow: 0,
-		flexShrink: 0
+		flexShrink: 0,
 	},
 	arrow: {
 		backgroundColor: colors.white,
@@ -36,59 +36,59 @@ const styles = StyleSheet.create({
 		left: '50%',
 		position: 'absolute',
 		zIndex: 1,
-		alignSelf: 'center'
+		alignSelf: 'center',
 	},
 	arrowIcon: {
 		color: colors.grey400,
 		marginLeft: 3,
-		marginTop: 3
+		marginTop: 3,
 	},
 	fromGraphic: {
 		borderColor: colors.grey100,
 		borderRightWidth: 1,
 		paddingRight: 35,
-		paddingLeft: 24
+		paddingLeft: 24,
 	},
 	addressText: {
 		...fontStyles.normal,
 		color: colors.black,
-		marginHorizontal: 8
+		marginHorizontal: 8,
 	},
 	addressGraphic: {
 		alignItems: 'center',
 		flexDirection: 'row',
 		minHeight: 42,
 		width: '50%',
-		flex: 1
+		flex: 1,
 	},
 	toGraphic: {
 		paddingRight: 20,
-		paddingLeft: 35
+		paddingLeft: 35,
 	},
 	ensRecipientContainer: {
 		flex: 1,
-		marginLeft: 9
+		marginLeft: 9,
 	},
 	ensRecipient: {
 		...fontStyles.bold,
 		color: colors.black,
-		fontSize: FONT_SIZE
+		fontSize: FONT_SIZE,
 	},
 	ensAddress: {
 		...fontStyles.normal,
 		color: colors.black,
-		fontSize: 10
+		fontSize: 10,
 	},
 	addressWrapper: { flex: 1 },
 	contractLogo: {
 		height: 24,
 		width: 24,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	contractLogoWrapper: {
 		backgroundColor: colors.white,
-		alignItems: 'flex-start'
-	}
+		alignItems: 'flex-start',
+	},
 });
 
 /**
@@ -105,7 +105,7 @@ class TransactionDirection extends PureComponent {
 		/**
 		 * Transaction state
 		 */
-		transaction: PropTypes.object.isRequired
+		transaction: PropTypes.object.isRequired,
 	};
 
 	state = {};
@@ -113,7 +113,7 @@ class TransactionDirection extends PureComponent {
 	renderToAddressDirection = () => {
 		const {
 			transaction: { to, ensRecipient },
-			identities
+			identities,
 		} = this.props;
 		let child;
 		if (ensRecipient) {
@@ -148,7 +148,7 @@ class TransactionDirection extends PureComponent {
 		);
 	};
 
-	renderToContractDirection = contract => (
+	renderToContractDirection = (contract) => (
 		<View style={[styles.addressGraphic, styles.toGraphic]}>
 			<View style={styles.contractLogoWrapper}>
 				<AssetIcon logo={contract.logo} customStyle={styles.contractLogo} />
@@ -162,7 +162,7 @@ class TransactionDirection extends PureComponent {
 	render = () => {
 		const {
 			transaction: { from, to },
-			identities
+			identities,
 		} = this.props;
 		const contract = contractMap[safeToChecksumAddress(to)];
 		return (
@@ -182,9 +182,9 @@ class TransactionDirection extends PureComponent {
 	};
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	identities: state.engine.backgroundState.PreferencesController.identities,
-	transaction: getNormalizedTxState(state)
+	transaction: getNormalizedTxState(state),
 });
 
 export default connect(mapStateToProps)(TransactionDirection);
diff --git a/app/components/Views/TransactionDirection/index.test.js b/app/components/Views/TransactionDirection/index.test.js
index 1751756eef8..aa24338c558 100644
--- a/app/components/Views/TransactionDirection/index.test.js
+++ b/app/components/Views/TransactionDirection/index.test.js
@@ -12,14 +12,14 @@ describe('TransactionDirection', () => {
 			engine: {
 				backgroundState: {
 					PreferencesController: {
-						identities: { '0x1': { name: 'Account 1' } }
-					}
-				}
-			}
+						identities: { '0x1': { name: 'Account 1' } },
+					},
+				},
+			},
 		};
 
 		const wrapper = shallow(<TransactionDirection />, {
-			context: { store: mockStore(initialState) }
+			context: { store: mockStore(initialState) },
 		});
 		expect(wrapper).toMatchSnapshot();
 	});
diff --git a/app/components/Views/TransactionSummary/index.js b/app/components/Views/TransactionSummary/index.js
index c7f73f8dad1..749d3bec2f2 100644
--- a/app/components/Views/TransactionSummary/index.js
+++ b/app/components/Views/TransactionSummary/index.js
@@ -10,8 +10,8 @@ import Text from '../../Base/Text';
 const styles = StyleSheet.create({
 	loader: {
 		backgroundColor: colors.white,
-		height: 10
-	}
+		height: 10,
+	},
 });
 
 export default class TransactionSummary extends PureComponent {
@@ -22,10 +22,10 @@ export default class TransactionSummary extends PureComponent {
 		secondaryTotalAmount: PropTypes.string,
 		gasEstimationReady: PropTypes.bool,
 		onEditPress: PropTypes.func,
-		transactionType: PropTypes.string
+		transactionType: PropTypes.string,
 	};
 
-	renderIfGastEstimationReady = children => {
+	renderIfGastEstimationReady = (children) => {
 		const { gasEstimationReady } = this.props;
 		return !gasEstimationReady ? (
 			<View style={styles.loader}>
diff --git a/app/components/Views/TransactionsView/index.js b/app/components/Views/TransactionsView/index.js
index 8a2aa3c87d1..1af82e76473 100644
--- a/app/components/Views/TransactionsView/index.js
+++ b/app/components/Views/TransactionsView/index.js
@@ -12,8 +12,8 @@ import { toLowerCaseEquals } from '../../../util/general';
 
 const styles = StyleSheet.create({
 	wrapper: {
-		flex: 1
-	}
+		flex: 1,
+	},
 });
 
 const TransactionsView = ({
@@ -25,7 +25,7 @@ const TransactionsView = ({
 	currentCurrency,
 	transactions,
 	chainId,
-	tokens
+	tokens,
 }) => {
 	const [allTransactions, setAllTransactions] = useState([]);
 	const [submittedTxs, setSubmittedTxs] = useState([]);
@@ -39,11 +39,11 @@ const TransactionsView = ({
 		let accountAddedTimeInsertPointFound = false;
 		const addedAccountTime = identities[selectedAddress]?.importTime;
 
-		const ethFilter = tx => {
+		const ethFilter = (tx) => {
 			const {
 				transaction: { from, to },
 				isTransfer,
-				transferInformation
+				transferInformation,
 			} = tx;
 			if (
 				(safeToChecksumAddress(from) === selectedAddress || safeToChecksumAddress(to) === selectedAddress) &&
@@ -65,7 +65,7 @@ const TransactionsView = ({
 
 		const allTransactionsSorted = transactions.sort((a, b) => (a.time > b.time ? -1 : b.time > a.time ? 1 : 0));
 
-		const allTransactions = allTransactionsSorted.filter(tx => {
+		const allTransactions = allTransactionsSorted.filter((tx) => {
 			const filter = ethFilter(tx);
 			if (!filter) return false;
 
@@ -89,10 +89,10 @@ const TransactionsView = ({
 		});
 
 		const submittedNonces = [];
-		const submittedTxsFiltered = submittedTxs.filter(transaction => {
+		const submittedTxsFiltered = submittedTxs.filter((transaction) => {
 			const alreadySubmitted = submittedNonces.includes(transaction.transaction.nonce);
 			const alreadyConfirmed = confirmedTxs.find(
-				tx =>
+				(tx) =>
 					safeToChecksumAddress(tx.transaction.from) === selectedAddress &&
 					tx.transaction.nonce === transaction.transaction.nonce
 			);
@@ -179,10 +179,10 @@ TransactionsView.propTypes = {
 	/**
 	 * Current chainId
 	 */
-	chainId: PropTypes.string
+	chainId: PropTypes.string,
 };
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
 	selectedAddress: state.engine.backgroundState.PreferencesController.selectedAddress,
@@ -190,14 +190,11 @@ const mapStateToProps = state => ({
 	identities: state.engine.backgroundState.PreferencesController.identities,
 	transactions: state.engine.backgroundState.TransactionController.transactions,
 	networkType: state.engine.backgroundState.NetworkController.provider.type,
-	chainId: state.engine.backgroundState.NetworkController.provider.chainId
+	chainId: state.engine.backgroundState.NetworkController.provider.chainId,
 });
 
-const mapDispatchToProps = dispatch => ({
-	showAlert: config => dispatch(showAlert(config))
+const mapDispatchToProps = (dispatch) => ({
+	showAlert: (config) => dispatch(showAlert(config)),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(withNavigation(TransactionsView));
+export default connect(mapStateToProps, mapDispatchToProps)(withNavigation(TransactionsView));
diff --git a/app/components/Views/TransactionsView/index.test.js b/app/components/Views/TransactionsView/index.test.js
index 682662baf2e..aa53422df38 100644
--- a/app/components/Views/TransactionsView/index.test.js
+++ b/app/components/Views/TransactionsView/index.test.js
@@ -12,8 +12,8 @@ describe('TransactionsView', () => {
 			'0xe7E125654064EEa56229f273dA586F10DF96B0a1': {
 				name: 'account 1',
 				address: '0xe7E125654064EEa56229f273dA586F10DF96B0a1',
-				balance: 0
-			}
+				balance: 0,
+			},
 		};
 
 		const wrapper = shallow(
diff --git a/app/components/Views/Wallet/index.js b/app/components/Views/Wallet/index.js
index 029489de824..6bf0f9ea8da 100644
--- a/app/components/Views/Wallet/index.js
+++ b/app/components/Views/Wallet/index.js
@@ -22,26 +22,26 @@ import ErrorBoundary from '../ErrorBoundary';
 const styles = StyleSheet.create({
 	wrapper: {
 		flex: 1,
-		backgroundColor: colors.white
+		backgroundColor: colors.white,
 	},
 	tabUnderlineStyle: {
 		height: 2,
-		backgroundColor: colors.blue
+		backgroundColor: colors.blue,
 	},
 	tabStyle: {
-		paddingBottom: 0
+		paddingBottom: 0,
 	},
 	textStyle: {
 		fontSize: 12,
 		letterSpacing: 0.5,
-		...fontStyles.bold
+		...fontStyles.bold,
 	},
 	loader: {
 		backgroundColor: colors.white,
 		flex: 1,
 		justifyContent: 'center',
-		alignItems: 'center'
-	}
+		alignItems: 'center',
+	},
 });
 
 /**
@@ -90,11 +90,11 @@ class Wallet extends PureComponent {
 		/**
 		 * Current onboarding wizard step
 		 */
-		wizardStep: PropTypes.number
+		wizardStep: PropTypes.number,
 	};
 
 	state = {
-		refreshing: false
+		refreshing: false,
 	};
 
 	accountOverviewRef = React.createRef();
@@ -118,13 +118,13 @@ class Wallet extends PureComponent {
 				AssetsDetectionController,
 				AccountTrackerController,
 				CurrencyRateController,
-				TokenRatesController
+				TokenRatesController,
 			} = Engine.context;
 			const actions = [
 				AssetsDetectionController.detectAssets(),
 				AccountTrackerController.refresh(),
 				CurrencyRateController.start(),
-				TokenRatesController.poll()
+				TokenRatesController.poll(),
 			];
 			await Promise.all(actions);
 			this.setState({ refreshing: false });
@@ -148,7 +148,7 @@ class Wallet extends PureComponent {
 		);
 	}
 
-	onChangeTab = obj => {
+	onChangeTab = (obj) => {
 		InteractionManager.runAfterInteractions(() => {
 			if (obj.ref.props.tabLabel === strings('wallet.tokens')) {
 				Analytics.trackEvent(ANALYTICS_EVENT_OPTS.WALLET_TOKENS);
@@ -158,7 +158,7 @@ class Wallet extends PureComponent {
 		});
 	};
 
-	onRef = ref => {
+	onRef = (ref) => {
 		this.accountOverviewRef = ref;
 	};
 
@@ -172,7 +172,7 @@ class Wallet extends PureComponent {
 			tokens,
 			collectibles,
 			navigation,
-			ticker
+			ticker,
 		} = this.props;
 
 		let balance = 0;
@@ -186,9 +186,9 @@ class Wallet extends PureComponent {
 					isETH: true,
 					balance,
 					balanceFiat: weiToFiat(hexToBN(accounts[selectedAddress].balance), conversionRate, currentCurrency),
-					logo: '../images/eth-logo.png'
+					logo: '../images/eth-logo.png',
 				},
-				...(tokens || [])
+				...(tokens || []),
 			];
 		} else {
 			assets = tokens;
@@ -200,7 +200,7 @@ class Wallet extends PureComponent {
 				<ScrollableTabView
 					renderTabBar={this.renderTabBar}
 					// eslint-disable-next-line react/jsx-no-bind
-					onChangeTab={obj => this.onChangeTab(obj)}
+					onChangeTab={(obj) => this.onChangeTab(obj)}
 				>
 					<Tokens navigation={navigation} tabLabel={strings('wallet.tokens')} tokens={assets} />
 					<CollectibleContracts
@@ -248,7 +248,7 @@ class Wallet extends PureComponent {
 	);
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
 	accounts: state.engine.backgroundState.AccountTrackerController.accounts,
 	conversionRate: state.engine.backgroundState.CurrencyRateController.conversionRate,
 	currentCurrency: state.engine.backgroundState.CurrencyRateController.currentCurrency,
@@ -257,15 +257,12 @@ const mapStateToProps = state => ({
 	tokens: state.engine.backgroundState.TokensController.tokens,
 	collectibles: state.engine.backgroundState.CollectiblesController.collectibles,
 	ticker: state.engine.backgroundState.NetworkController.provider.ticker,
-	wizardStep: state.wizard.step
+	wizardStep: state.wizard.step,
 });
 
-const mapDispatchToProps = dispatch => ({
-	showTransactionNotification: args => dispatch(showTransactionNotification(args)),
-	hideCurrentNotification: () => dispatch(hideCurrentNotification())
+const mapDispatchToProps = (dispatch) => ({
+	showTransactionNotification: (args) => dispatch(showTransactionNotification(args)),
+	hideCurrentNotification: () => dispatch(hideCurrentNotification()),
 });
 
-export default connect(
-	mapStateToProps,
-	mapDispatchToProps
-)(Wallet);
+export default connect(mapStateToProps, mapDispatchToProps)(Wallet);
diff --git a/app/components/Views/Wallet/index.test.js b/app/components/Views/Wallet/index.test.js
index 88be2f433bc..c7dde3306b6 100644
--- a/app/components/Views/Wallet/index.test.js
+++ b/app/components/Views/Wallet/index.test.js
@@ -12,8 +12,8 @@ describe('Wallet', () => {
 			'0xe7E125654064EEa56229f273dA586F10DF96B0a1': {
 				name: 'account 1',
 				address: '0xe7E125654064EEa56229f273dA586F10DF96B0a1',
-				balance: 0
-			}
+				balance: 0,
+			},
 		};
 
 		const wrapper = shallow(
diff --git a/app/components/Views/WalletConnectSessions/index.js b/app/components/Views/WalletConnectSessions/index.js
index 51cbd626d0c..64a8464c00c 100644
--- a/app/components/Views/WalletConnectSessions/index.js
+++ b/app/components/Views/WalletConnectSessions/index.js
@@ -13,51 +13,51 @@ import { WALLETCONNECT_SESSIONS } from '../../../constants/storage';
 const styles = StyleSheet.create({
 	wrapper: {
 		backgroundColor: colors.white,
-		flex: 1
+		flex: 1,
 	},
 	scrollviewContent: {
-		paddingTop: 20
+		paddingTop: 20,
 	},
 	websiteIcon: {
 		width: 44,
-		height: 44
+		height: 44,
 	},
 	row: {
 		flexDirection: 'row',
 		paddingVertical: 10,
 		paddingHorizontal: 20,
 		borderBottomColor: colors.grey000,
-		borderBottomWidth: 1
+		borderBottomWidth: 1,
 	},
 	info: {
 		marginLeft: 20,
-		flex: 1
+		flex: 1,
 	},
 	name: {
 		...fontStyles.bold,
 		fontSize: 16,
-		marginBottom: 10
+		marginBottom: 10,
 	},
 	desc: {
 		marginBottom: 10,
 		...fontStyles.normal,
-		fontSize: 12
+		fontSize: 12,
 	},
 	url: {
 		marginBottom: 10,
 		...fontStyles.normal,
 		fontSize: 12,
-		color: colors.fontSecondary
+		color: colors.fontSecondary,
 	},
 	emptyWrapper: {
 		flex: 1,
 		justifyContent: 'center',
-		alignItems: 'center'
+		alignItems: 'center',
 	},
 	emptyText: {
 		...fontStyles.normal,
-		fontSize: 16
-	}
+		fontSize: 16,
+	},
 });
 
 /**
@@ -68,7 +68,7 @@ export default class WalletConnectSessions extends PureComponent {
 		getNavigationOptionsTitle(strings(`experimental_settings.wallet_connect_dapps`), navigation);
 
 	state = {
-		sessions: []
+		sessions: [],
 	};
 
 	actionSheet = null;
@@ -88,7 +88,7 @@ export default class WalletConnectSessions extends PureComponent {
 		this.setState({ ready: true, sessions });
 	};
 
-	renderDesc = meta => {
+	renderDesc = (meta) => {
 		const { description } = meta;
 		if (description) {
 			return <Text style={styles.desc}>{meta.description}</Text>;
@@ -96,16 +96,16 @@ export default class WalletConnectSessions extends PureComponent {
 		return null;
 	};
 
-	onLongPress = session => {
+	onLongPress = (session) => {
 		this.sessionToRemove = session;
 		this.actionSheet.show();
 	};
 
-	createActionSheetRef = ref => {
+	createActionSheetRef = (ref) => {
 		this.actionSheet = ref;
 	};
 
-	onActionSheetPress = index => (index === 0 ? this.killSession() : null);
+	onActionSheetPress = (index) => (index === 0 ? this.killSession() : null);
 
 	killSession = async () => {
 		try {
@@ -122,7 +122,7 @@ export default class WalletConnectSessions extends PureComponent {
 
 	renderSessions = () => {
 		const { sessions } = this.state;
-		return sessions.map(session => (
+		return sessions.map((session) => (
 			<TouchableOpacity
 				// eslint-disable-next-line react/jsx-no-bind
 				onLongPress={() => this.onLongPress(session)}
diff --git a/app/constants/on-ramp.js b/app/constants/on-ramp.js
index 2d31b010beb..8491942ca00 100644
--- a/app/constants/on-ramp.js
+++ b/app/constants/on-ramp.js
@@ -4,7 +4,7 @@
 export const FIAT_ORDER_PROVIDERS = {
 	WYRE: 'WYRE',
 	WYRE_APPLE_PAY: 'WYRE_APPLE_PAY',
-	TRANSAK: 'TRANSAK'
+	TRANSAK: 'TRANSAK',
 };
 
 /**
@@ -14,7 +14,7 @@ export const FIAT_ORDER_STATES = {
 	PENDING: 'PENDING',
 	FAILED: 'FAILED',
 	COMPLETED: 'COMPLETED',
-	CANCELLED: 'CANCELLED'
+	CANCELLED: 'CANCELLED',
 };
 
 /**
@@ -22,7 +22,7 @@ export const FIAT_ORDER_STATES = {
  */
 export const PAYMENT_RAILS = {
 	APPLE_PAY: 'Apple Pay',
-	MULTIPLE: 'Multiple Options'
+	MULTIPLE: 'Multiple Options',
 };
 
 /**
@@ -31,5 +31,5 @@ export const PAYMENT_RAILS = {
 export const PAYMENT_CATEGORY = {
 	CARD_PAYMENT: 'Card Payment',
 	BANK_TRANSFER: 'Bank Transfer',
-	MULTIPLE: 'Multiple Options'
+	MULTIPLE: 'Multiple Options',
 };
diff --git a/app/constants/onboarding.js b/app/constants/onboarding.js
index 8c4a65b5a95..ee836409a01 100644
--- a/app/constants/onboarding.js
+++ b/app/constants/onboarding.js
@@ -3,13 +3,13 @@ import { strings } from '../../locales/i18n';
 export const CHOOSE_PASSWORD_STEPS = [
 	strings('choose_password.title'),
 	strings('choose_password.secure'),
-	strings('choose_password.confirm')
+	strings('choose_password.confirm'),
 ];
 
 export const MANUAL_BACKUP_STEPS = [
 	strings('manual_backup.progressOne'),
 	strings('manual_backup.progressTwo'),
-	strings('manual_backup.progressThree')
+	strings('manual_backup.progressThree'),
 ];
 
 export const WRONG_PASSWORD_ERROR = 'Error: Decrypt failed';
diff --git a/app/core/Analytics.js b/app/core/Analytics.js
index 8f1c1f655f7..3726cf29982 100644
--- a/app/core/Analytics.js
+++ b/app/core/Analytics.js
@@ -26,7 +26,7 @@ class Analytics {
 	 * Notifies subscribers of current enabled
 	 */
 	_notify = () => {
-		this.listeners.forEach(listener => {
+		this.listeners.forEach((listener) => {
 			listener(this.enabled);
 		});
 	};
@@ -49,14 +49,14 @@ class Analytics {
 					...event,
 					...params,
 					value,
-					info
+					info,
 				});
 			} else {
 				RCTAnalytics.trackEventAnonymously({
 					...event,
 					...params,
 					value,
-					info
+					info,
 				});
 			}
 		} else {
@@ -112,7 +112,7 @@ class Analytics {
 	 *
 	 * @param listener - Callback to add to listeners
 	 */
-	subscribe = listener => {
+	subscribe = (listener) => {
 		this.listeners.push(listener);
 	};
 
@@ -208,7 +208,7 @@ class Analytics {
 let instance;
 
 export default {
-	init: async enabled => {
+	init: async (enabled) => {
 		instance = new Analytics(enabled);
 		try {
 			const vars = await RCTAnalytics.getRemoteVariables();
@@ -252,5 +252,5 @@ export default {
 		} catch (e) {
 			// Do nothing
 		}
-	}
+	},
 };
diff --git a/app/core/AppConstants.js b/app/core/AppConstants.js
index a34bb8d7bcb..5089c46a3b7 100644
--- a/app/core/AppConstants.js
+++ b/app/core/AppConstants.js
@@ -23,9 +23,9 @@ export default {
 		BLOCKED_DEPOSIT_DURATION_MINUTES: 5,
 		CONTRACTS: {
 			4: '0x0Fa90eC3AC3245112c6955d8F9DD74Ec9D599996',
-			1: '0xdfa6edAe2EC0cF1d4A60542422724A48195A5071'
+			1: '0xdfa6edAe2EC0cF1d4A60542422724A48195A5071',
 		},
-		SUPPORTED_NETWORKS: [MAINNET, RINKEBY]
+		SUPPORTED_NETWORKS: [MAINNET, RINKEBY],
 	},
 	MM_UNIVERSAL_LINK_HOST: 'metamask.app.link',
 	SAI_ADDRESS: '0x89d24A6b4CcB1B6fAA2625fE562bDD9a23260359',
@@ -39,7 +39,7 @@ export default {
 	NOTIFICATION_NAMES: {
 		accountsChanged: 'metamask_accountsChanged',
 		unlockStateChanged: 'metamask_unlockStateChanged',
-		chainChanged: 'metamask_chainChanged'
+		chainChanged: 'metamask_chainChanged',
 	},
 	FIAT_ORDERS: {
 		TRANSAK_URL: 'https://global.transak.com/',
@@ -51,11 +51,11 @@ export default {
 		WYRE_API_ENDPOINT_TEST: 'https://api.testwyre.com/',
 		WYRE_MERCHANT_ID: 'merchant.io.metamask.wyre',
 		WYRE_MERCHANT_ID_TEST: 'merchant.io.metamask.wyre.test',
-		POLLING_FREQUENCY: 10000
+		POLLING_FREQUENCY: 10000,
 	},
 	DEEPLINKS: {
 		ORIGIN_DEEPLINK: 'deeplink',
-		ORIGIN_QR_CODE: 'qr-code'
+		ORIGIN_QR_CODE: 'qr-code',
 	},
 	SWAPS: {
 		ACTIVE: true,
@@ -66,22 +66,22 @@ export default {
 		DEFAULT_SLIPPAGE: 3,
 		CACHE_AGGREGATOR_METADATA_THRESHOLD: 5 * 60 * 1000,
 		CACHE_TOKENS_THRESHOLD: 5 * 60 * 1000,
-		CACHE_TOP_ASSETS_THRESHOLD: 5 * 60 * 1000
+		CACHE_TOP_ASSETS_THRESHOLD: 5 * 60 * 1000,
 	},
 	MAX_SAFE_CHAIN_ID: 4503599627370476,
 	URLS: {
 		TERMS_AND_CONDITIONS: 'https://consensys.net/terms-of-use/',
 		PRIVACY_POLICY: 'https://consensys.net/privacy-policy/',
 		CONNECTIVITY_ISSUES: 'https://metamask.zendesk.com/hc/en-us/articles/360059386712',
-		NFT: 'https://metamask.zendesk.com/hc/en-us/articles/360058238591-NFT-tokens-in-MetaMask-wallet'
+		NFT: 'https://metamask.zendesk.com/hc/en-us/articles/360058238591-NFT-tokens-in-MetaMask-wallet',
 	},
 	ERRORS: {
-		INFURA_BLOCKED_MESSAGE: 'EthQuery - RPC Error - This service is not available in your country'
+		INFURA_BLOCKED_MESSAGE: 'EthQuery - RPC Error - This service is not available in your country',
 	},
 	GAS_OPTIONS: {
 		LOW: 'low',
 		MEDIUM: 'medium',
-		HIGH: 'high'
+		HIGH: 'high',
 	},
 	GAS_TIMES: {
 		UNKNOWN: 'unknown',
@@ -90,6 +90,6 @@ export default {
 		VERY_LIKELY: 'very_likely',
 		AT_LEAST: 'at_least',
 		LESS_THAN: 'less_than',
-		RANGE: 'range'
-	}
+		RANGE: 'range',
+	},
 };
diff --git a/app/core/BackgroundBridge.js b/app/core/BackgroundBridge.js
index 42386131b41..05c021de6f1 100644
--- a/app/core/BackgroundBridge.js
+++ b/app/core/BackgroundBridge.js
@@ -76,14 +76,14 @@ export class BackgroundBridge extends EventEmitter {
 	onUnlock() {
 		this.sendNotification({
 			method: NOTIFICATION_NAMES.unlockStateChanged,
-			params: true
+			params: true,
 		});
 	}
 
 	onLock() {
 		this.sendNotification({
 			method: NOTIFICATION_NAMES.unlockStateChanged,
-			params: false
+			params: false,
 		});
 	}
 
@@ -106,7 +106,7 @@ export class BackgroundBridge extends EventEmitter {
 
 		const result = {
 			networkVersion: network,
-			chainId
+			chainId,
 		};
 		return result;
 	}
@@ -123,7 +123,7 @@ export class BackgroundBridge extends EventEmitter {
 
 		this.sendNotification({
 			method: NOTIFICATION_NAMES.chainChanged,
-			params: publicState
+			params: publicState,
 		});
 	}
 
@@ -135,7 +135,7 @@ export class BackgroundBridge extends EventEmitter {
 		const memState = this.getState();
 		return {
 			isUnlocked: this.isUnlocked(),
-			...this.getProviderNetworkState(memState)
+			...this.getProviderNetworkState(memState),
 		};
 	}
 
@@ -143,7 +143,7 @@ export class BackgroundBridge extends EventEmitter {
 		this.emit('update');
 	};
 
-	onMessage = msg => {
+	onMessage = (msg) => {
 		this.port.emit('message', { name: msg.name, data: msg.data });
 	};
 
@@ -161,9 +161,9 @@ export class BackgroundBridge extends EventEmitter {
 		// setup connection
 		const providerStream = createEngineStream({ engine: this.engine });
 
-		pump(outStream, providerStream, outStream, err => {
+		pump(outStream, providerStream, outStream, (err) => {
 			// handle any middleware cleanup
-			this.engine._middleware.forEach(mid => {
+			this.engine._middleware.forEach((mid) => {
 				if (mid.destroy && typeof mid.destroy === 'function') {
 					mid.destroy();
 				}
@@ -188,7 +188,7 @@ export class BackgroundBridge extends EventEmitter {
 
 		// create subscription polyfill middleware
 		const subscriptionManager = createSubscriptionManager({ provider, blockTracker });
-		subscriptionManager.events.on('notification', message => engine.emit('notification', message));
+		subscriptionManager.events.on('notification', (message) => engine.emit('notification', message));
 
 		// metadata
 		engine.push(createOriginMiddleware({ origin }));
@@ -202,7 +202,7 @@ export class BackgroundBridge extends EventEmitter {
 		engine.push(
 			this.createMiddleware({
 				hostname: this.hostname,
-				getProviderState: this.getProviderState.bind(this)
+				getProviderState: this.getProviderState.bind(this),
 			})
 		);
 
@@ -227,7 +227,7 @@ export class BackgroundBridge extends EventEmitter {
 			isInitialized: !!vault,
 			isUnlocked: true,
 			network,
-			selectedAddress
+			selectedAddress,
 		};
 	}
 }
diff --git a/app/core/DeeplinkManager.js b/app/core/DeeplinkManager.js
index 6d38b6cd7e3..b355bb73997 100644
--- a/app/core/DeeplinkManager.js
+++ b/app/core/DeeplinkManager.js
@@ -18,7 +18,7 @@ class DeeplinkManager {
 		this.pendingDeeplink = null;
 	}
 
-	setDeeplink = url => (this.pendingDeeplink = url);
+	setDeeplink = (url) => (this.pendingDeeplink = url);
 
 	getPendingDeeplink = () => this.pendingDeeplink;
 
@@ -39,7 +39,7 @@ class DeeplinkManager {
 			if (ethUrl.parameters?.value) {
 				this.navigation.navigate('SendView', {
 					screen: 'Send',
-					params: { txMeta: { ...txMeta, action: 'send-eth' } }
+					params: { txMeta: { ...txMeta, action: 'send-eth' } },
 				});
 			} else {
 				this.navigation.navigate('SendFlowView', { screen: 'SendTo', params: { txMeta } });
@@ -48,14 +48,14 @@ class DeeplinkManager {
 			const txMeta = { ...ethUrl, source: url };
 			this.navigation.navigate('SendView', {
 				screen: 'Send',
-				params: { txMeta: { ...txMeta, action: 'send-token' } }
+				params: { txMeta: { ...txMeta, action: 'send-token' } },
 			});
 		} else if (functionName === 'approve') {
 			// add approve transaction
 			const {
 				parameters: { address, uint256 },
 				target_address,
-				chain_id
+				chain_id,
 			} = ethUrl;
 			const { TransactionController, PreferencesController, NetworkController } = Engine.context;
 			if (chain_id) {
@@ -82,7 +82,7 @@ class DeeplinkManager {
 				callback(url);
 			} else {
 				this.navigation.navigate('BrowserView', {
-					newTabUrl: url
+					newTabUrl: url,
 				});
 			}
 		});
@@ -200,13 +200,13 @@ class DeeplinkManager {
 let instance = null;
 
 const SharedDeeplinkManager = {
-	init: navigation => {
+	init: (navigation) => {
 		instance = new DeeplinkManager(navigation);
 	},
 	parse: (url, args) => instance.parse(url, args),
-	setDeeplink: url => instance.setDeeplink(url),
+	setDeeplink: (url) => instance.setDeeplink(url),
 	getPendingDeeplink: () => instance.getPendingDeeplink(),
-	expireDeeplink: () => instance.expireDeeplink()
+	expireDeeplink: () => instance.expireDeeplink(),
 };
 
 export default SharedDeeplinkManager;
diff --git a/app/core/DrawerStatusTracker.js b/app/core/DrawerStatusTracker.js
index 0296ba855b3..3384a4f0a92 100644
--- a/app/core/DrawerStatusTracker.js
+++ b/app/core/DrawerStatusTracker.js
@@ -23,11 +23,11 @@ const SharedDrawerStatusTracker = {
 	init: () => {
 		instance = new DrawerStatusTracker();
 	},
-	setStatus: status => {
+	setStatus: (status) => {
 		instance.setStatus(status);
 	},
 	getStatus: () => (instance.open ? 'open' : 'closed'),
-	hub
+	hub,
 };
 
 export default SharedDrawerStatusTracker;
diff --git a/app/core/Encryptor.js b/app/core/Encryptor.js
index c3ad9163d7d..6f5b0c54b34 100644
--- a/app/core/Encryptor.js
+++ b/app/core/Encryptor.js
@@ -25,7 +25,7 @@ export default class Encryptor {
 
 	_encryptWithKey = async (text, keyBase64) => {
 		const iv = await Aes.randomKey(16);
-		return Aes.encrypt(text, keyBase64, iv).then(cipher => ({ cipher, iv }));
+		return Aes.encrypt(text, keyBase64, iv).then((cipher) => ({ cipher, iv }));
 	};
 
 	_decryptWithKey = (encryptedData, key, lib) =>
diff --git a/app/core/EntryScriptWeb3.js b/app/core/EntryScriptWeb3.js
index 3b09639c754..0cf6d977640 100644
--- a/app/core/EntryScriptWeb3.js
+++ b/app/core/EntryScriptWeb3.js
@@ -17,7 +17,7 @@ const EntryScriptWeb3 = {
 
 		// If for some reason it is not available, get it again
 		return await this.init();
-	}
+	},
 };
 
 export default EntryScriptWeb3;
diff --git a/app/core/LockManager.js b/app/core/LockManager.js
index ea361886d84..28b83d81f61 100644
--- a/app/core/LockManager.js
+++ b/app/core/LockManager.js
@@ -16,7 +16,7 @@ export default class LockManager {
 		this.lockTime = lockTime;
 	}
 
-	handleAppStateChange = async nextAppState => {
+	handleAppStateChange = async (nextAppState) => {
 		// Don't auto-lock
 		if (this.lockTime === -1) {
 			return;
@@ -45,7 +45,7 @@ export default class LockManager {
 		this.appState = nextAppState;
 	};
 
-	setLockedError = error => {
+	setLockedError = (error) => {
 		Logger.log('Failed to lock KeyringController', error);
 	};
 
diff --git a/app/core/MobilePortStream.js b/app/core/MobilePortStream.js
index 42184dc08c7..30f95f4137f 100644
--- a/app/core/MobilePortStream.js
+++ b/app/core/MobilePortStream.js
@@ -8,7 +8,7 @@ const noop = () => {};
 export default class PortDuplexStream extends Duplex {
 	constructor(port, url) {
 		super({
-			objectMode: true
+			objectMode: true,
 		});
 		this._port = port;
 		this._url = url;
@@ -23,7 +23,7 @@ export default class PortDuplexStream extends Duplex {
 	 * @private
 	 * @param {Object} msg - Payload from the onMessage listener of Port
 	 */
-	_onMessage = function(msg) {
+	_onMessage = function (msg) {
 		if (Buffer.isBuffer(msg)) {
 			delete msg._isBuffer;
 			const data = new Buffer(msg);
@@ -39,7 +39,7 @@ export default class PortDuplexStream extends Duplex {
 	 *
 	 * @private
 	 */
-	_onDisconnect = function() {
+	_onDisconnect = function () {
 		this.destroy && this.destroy();
 	};
 
@@ -57,7 +57,7 @@ export default class PortDuplexStream extends Duplex {
 	 * @param {string} encoding Encoding to use when writing payload
 	 * @param {Function} cb Called when writing is complete or an error occurs
 	 */
-	_write = function(msg, encoding, cb) {
+	_write = function (msg, encoding, cb) {
 		try {
 			if (Buffer.isBuffer(msg)) {
 				const data = msg.toJSON();
diff --git a/app/core/NotificationManager.js b/app/core/NotificationManager.js
index 9b3ac0458a6..6a697ee8c8e 100644
--- a/app/core/NotificationManager.js
+++ b/app/core/NotificationManager.js
@@ -13,7 +13,7 @@ import { PUSH_NOTIFICATIONS_PROMPT_COUNT, PUSH_NOTIFICATIONS_PROMPT_TIME } from
 import { RPC } from '../constants/network';
 import { safeToChecksumAddress } from '../util/address';
 
-const constructTitleAndMessage = data => {
+const constructTitleAndMessage = (data) => {
 	let title, message;
 	switch (data.type) {
 		case 'pending':
@@ -55,14 +55,14 @@ const constructTitleAndMessage = data => {
 		case 'received':
 			title = strings('notifications.received_title', {
 				amount: data.transaction.amount,
-				assetType: data.transaction.assetType
+				assetType: data.transaction.assetType,
 			});
 			message = strings('notifications.received_message');
 			break;
 		case 'received_payment':
 			title = strings('notifications.received_payment_title');
 			message = strings('notifications.received_payment_message', {
-				amount: data.transaction.amount
+				amount: data.transaction.amount,
 			});
 			break;
 	}
@@ -94,16 +94,16 @@ class NotificationManager {
 	 */
 	_transactionsWatchTable = {};
 
-	_handleAppStateChange = appState => {
+	_handleAppStateChange = (appState) => {
 		this._backgroundMode = appState === 'background';
 	};
 
-	_viewTransaction = id => {
+	_viewTransaction = (id) => {
 		this._transactionToView.push(id);
 		this.goTo('TransactionsHome');
 	};
 
-	_removeListeners = transactionId => {
+	_removeListeners = (transactionId) => {
 		const { TransactionController } = Engine.context;
 		TransactionController.hub.removeAllListeners(`${transactionId}:confirmed`);
 		TransactionController.hub.removeAllListeners(`${transactionId}:finished`);
@@ -117,7 +117,7 @@ class NotificationManager {
 				title,
 				message,
 				largeIcon: 'ic_notification',
-				smallIcon: 'ic_notification_small'
+				smallIcon: 'ic_notification_small',
 			};
 			const id = data?.transaction?.id || null;
 
@@ -137,12 +137,12 @@ class NotificationManager {
 			this._showTransactionNotification({
 				autodismiss: data.duration,
 				transaction: data.transaction,
-				status: data.type
+				status: data.type,
 			});
 		}
 	}
 
-	_finishedCallback = transactionMeta => {
+	_finishedCallback = (transactionMeta) => {
 		// If it fails we hide the pending tx notification
 		this._removeNotificationById(transactionMeta.id);
 		const transaction = this._transactionsWatchTable[transactionMeta.transaction.nonce];
@@ -154,7 +154,7 @@ class NotificationManager {
 					type: transactionMeta.status === 'cancelled' ? 'cancelled' : 'error',
 					autoHide: true,
 					transaction: { id: transactionMeta.id },
-					duration: 5000
+					duration: 5000,
 				});
 				// Clean up
 				this._removeListeners(transactionMeta.id);
@@ -173,9 +173,9 @@ class NotificationManager {
 					autoHide: true,
 					transaction: {
 						id: transactionMeta.id,
-						nonce: `${hexToBN(transactionMeta.transaction.nonce).toString()}`
+						nonce: `${hexToBN(transactionMeta.transaction.nonce).toString()}`,
 					},
-					duration: 5000
+					duration: 5000,
 				});
 				// Clean up
 				this._removeListeners(transactionMeta.id);
@@ -207,7 +207,7 @@ class NotificationManager {
 			}, 2000);
 	};
 
-	_speedupCallback = transactionMeta => {
+	_speedupCallback = (transactionMeta) => {
 		this.watchSubmittedTransaction(transactionMeta, true);
 		setTimeout(() => {
 			this._showNotification({
@@ -215,8 +215,8 @@ class NotificationManager {
 				type: 'speedup',
 				transaction: {
 					id: transactionMeta.id,
-					nonce: `${hexToBN(transactionMeta.transaction.nonce).toString()}`
-				}
+					nonce: `${hexToBN(transactionMeta.transaction.nonce).toString()}`,
+				},
 			});
 		}, 2000);
 	};
@@ -260,7 +260,7 @@ class NotificationManager {
 	requestPushNotificationsPermission = async () => {
 		const promptCount = await AsyncStorage.getItem(PUSH_NOTIFICATIONS_PROMPT_COUNT);
 		if (!promptCount || Number(promptCount) < AppConstants.MAX_PUSH_NOTIFICATION_PROMPT_TIMES) {
-			PushNotification.checkPermissions(permissions => {
+			PushNotification.checkPermissions((permissions) => {
 				if (!permissions || !permissions.alert) {
 					Alert.alert(
 						strings('notifications.prompt_title'),
@@ -269,12 +269,12 @@ class NotificationManager {
 							{
 								text: strings('notifications.prompt_cancel'),
 								onPress: () => false,
-								style: 'default'
+								style: 'default',
 							},
 							{
 								text: strings('notifications.prompt_ok'),
-								onPress: () => PushNotification.requestPermissions()
-							}
+								onPress: () => PushNotification.requestPermissions(),
+							},
 						],
 						{ cancelable: false }
 					);
@@ -298,21 +298,21 @@ class NotificationManager {
 	 * Sets the id of the transaction that should
 	 * be displayed in memory
 	 */
-	setTransactionToView = id => {
+	setTransactionToView = (id) => {
 		this._transactionToView.push(id);
 	};
 
 	/**
 	 * Shows a notification with title and description
 	 */
-	showSimpleNotification = data => {
+	showSimpleNotification = (data) => {
 		const id = Date.now();
 		this._showSimpleNotification({
 			id,
 			autodismiss: data.duration,
 			title: data.title,
 			description: data.description,
-			status: data.status
+			status: data.status,
 		});
 		return id;
 	};
@@ -332,21 +332,21 @@ class NotificationManager {
 				type: 'pending',
 				autoHide: false,
 				transaction: {
-					id: transaction.id
-				}
+					id: transaction.id,
+				},
 			});
 
 		this._transactionsWatchTable[nonce]
 			? this._transactionsWatchTable[nonce].push(transaction.id)
 			: (this._transactionsWatchTable[nonce] = [transaction.id]);
 
-		TransactionController.hub.once(`${transaction.id}:confirmed`, transactionMeta => {
+		TransactionController.hub.once(`${transaction.id}:confirmed`, (transactionMeta) => {
 			this._confirmedCallback(transactionMeta, transaction);
 		});
-		TransactionController.hub.once(`${transaction.id}:finished`, transactionMeta => {
+		TransactionController.hub.once(`${transaction.id}:finished`, (transactionMeta) => {
 			this._finishedCallback(transactionMeta);
 		});
-		TransactionController.hub.once(`${transaction.id}:speedup`, transactionMeta => {
+		TransactionController.hub.once(`${transaction.id}:speedup`, (transactionMeta) => {
 			this._speedupCallback(transactionMeta);
 		});
 	}
@@ -354,13 +354,9 @@ class NotificationManager {
 	/**
 	 * Generates a notification for an incoming transaction
 	 */
-	gotIncomingTransaction = async lastBlock => {
-		const {
-			AccountTrackerController,
-			TransactionController,
-			PreferencesController,
-			NetworkController
-		} = Engine.context;
+	gotIncomingTransaction = async (lastBlock) => {
+		const { AccountTrackerController, TransactionController, PreferencesController, NetworkController } =
+			Engine.context;
 		const { selectedAddress } = PreferencesController.state;
 		const { type: networkType } = NetworkController.state.provider;
 
@@ -375,7 +371,7 @@ class NotificationManager {
 			const txs = transactions
 				.reverse()
 				.filter(
-					tx =>
+					(tx) =>
 						safeToChecksumAddress(tx.transaction?.to) === selectedAddress &&
 						safeToChecksumAddress(tx.transaction?.from) !== selectedAddress &&
 						((networkId && networkId.toString() === tx.networkID) ||
@@ -391,10 +387,10 @@ class NotificationManager {
 						nonce: `${hexToBN(txs[0].transaction.nonce).toString()}`,
 						amount: `${renderFromWei(hexToBN(txs[0].transaction.value))}`,
 						id: txs[0]?.id,
-						assetType: strings('unit.eth')
+						assetType: strings('unit.eth'),
 					},
 					autoHide: true,
-					duration: 5000
+					duration: 5000,
 				});
 			}
 		}
@@ -411,7 +407,7 @@ export default {
 		showTransactionNotification,
 		hideCurrentNotification,
 		showSimpleNotification,
-		removeNotificationById
+		removeNotificationById,
 	}) {
 		instance = new NotificationManager(
 			navigation,
@@ -439,5 +435,5 @@ export default {
 	},
 	showSimpleNotification(data) {
 		return instance?.showSimpleNotification(data);
-	}
+	},
 };
diff --git a/app/core/PreventScreenshot.js b/app/core/PreventScreenshot.js
index 95b4e0c3f53..f7950207d63 100644
--- a/app/core/PreventScreenshot.js
+++ b/app/core/PreventScreenshot.js
@@ -4,5 +4,5 @@ const isAndroid = Platform.OS === 'android';
 
 export default {
 	forbid: isAndroid ? NativeModules.PreventScreenshot.forbid : () => true,
-	allow: isAndroid ? NativeModules.PreventScreenshot.allow : () => true
+	allow: isAndroid ? NativeModules.PreventScreenshot.allow : () => true,
 };
diff --git a/app/core/RPCMethods/index.js b/app/core/RPCMethods/index.js
index 61be6f1395c..25aab3544c0 100644
--- a/app/core/RPCMethods/index.js
+++ b/app/core/RPCMethods/index.js
@@ -3,7 +3,7 @@ import wallet_switchEthereumChain from './wallet_switchEthereumChain.js';
 
 const RPCMethods = {
 	wallet_addEthereumChain,
-	wallet_switchEthereumChain
+	wallet_switchEthereumChain,
 };
 
 export default RPCMethods;
diff --git a/app/core/RPCMethods/wallet_addEthereumChain.js b/app/core/RPCMethods/wallet_addEthereumChain.js
index 48b55efab08..e6e1589c76b 100644
--- a/app/core/RPCMethods/wallet_addEthereumChain.js
+++ b/app/core/RPCMethods/wallet_addEthereumChain.js
@@ -18,7 +18,7 @@ const wallet_addEthereumChain = async ({
 	setCustomNetworkToSwitch,
 	setShowSwitchCustomNetworkDialog,
 	setCustomNetworkToAdd,
-	setShowAddCustomNetworkDialog
+	setShowAddCustomNetworkDialog,
 }) => {
 	if (showAddCustomNetworkDialog || showSwitchCustomNetworkDialog) return;
 	addCustomNetworkRequest.current = null;
@@ -28,7 +28,7 @@ const wallet_addEthereumChain = async ({
 
 	if (!req.params?.[0] || typeof req.params[0] !== 'object') {
 		throw ethErrors.rpc.invalidParams({
-			message: `Expected single, object parameter. Received:\n${JSON.stringify(req.params)}`
+			message: `Expected single, object parameter. Received:\n${JSON.stringify(req.params)}`,
 		});
 	}
 
@@ -42,21 +42,21 @@ const wallet_addEthereumChain = async ({
 		blockExplorerUrls: true,
 		nativeCurrency: true,
 		rpcUrls: true,
-		iconUrls: true
+		iconUrls: true,
 	};
 
-	const extraKeys = Object.keys(params).filter(key => !allowedKeys[key]);
+	const extraKeys = Object.keys(params).filter((key) => !allowedKeys[key]);
 	if (extraKeys.length) {
 		throw ethErrors.rpc.invalidParams(
 			`Received unexpected keys on object parameter. Unsupported keys:\n${extraKeys}`
 		);
 	}
 
-	const firstValidRPCUrl = Array.isArray(rpcUrls) ? rpcUrls.find(rpcUrl => validUrl.isHttpsUri(rpcUrl)) : null;
+	const firstValidRPCUrl = Array.isArray(rpcUrls) ? rpcUrls.find((rpcUrl) => validUrl.isHttpsUri(rpcUrl)) : null;
 
 	const firstValidBlockExplorerUrl =
 		blockExplorerUrls !== null && Array.isArray(blockExplorerUrls)
-			? blockExplorerUrls.find(blockExplorerUrl => validUrl.isHttpsUri(blockExplorerUrl))
+			? blockExplorerUrls.find((blockExplorerUrl) => validUrl.isHttpsUri(blockExplorerUrl))
 			: null;
 
 	if (!firstValidRPCUrl) {
@@ -87,12 +87,12 @@ const wallet_addEthereumChain = async ({
 
 	const chainIdDecimal = parseInt(_chainId, 16).toString(10);
 
-	if (Object.values(NetworksChainId).find(value => value === chainIdDecimal)) {
+	if (Object.values(NetworksChainId).find((value) => value === chainIdDecimal)) {
 		throw ethErrors.rpc.invalidParams(`May not specify default MetaMask chain.`);
 	}
 
 	const frequentRpcList = PreferencesController.state.frequentRpcList;
-	const existingNetwork = frequentRpcList.find(rpc => rpc.chainId === chainIdDecimal);
+	const existingNetwork = frequentRpcList.find((rpc) => rpc.chainId === chainIdDecimal);
 
 	if (existingNetwork) {
 		const currentChainId = NetworkController.state.provider.chainId;
@@ -105,7 +105,7 @@ const wallet_addEthereumChain = async ({
 			rpcUrl: existingNetwork.rpcUrl,
 			chainId: _chainId,
 			chainName: existingNetwork.nickname,
-			ticker: existingNetwork.ticker
+			ticker: existingNetwork.ticker,
 		});
 		setShowSwitchCustomNetworkDialog('switch');
 
@@ -119,7 +119,7 @@ const wallet_addEthereumChain = async ({
 			source: 'Custom Network API',
 			symbol: existingNetwork?.ticker,
 			block_explorer_url: existingNetwork?.blockExplorerUrl,
-			network_name: 'rpc'
+			network_name: 'rpc',
 		};
 
 		if (!switchCustomNetworkApprove) {
@@ -148,20 +148,20 @@ const wallet_addEthereumChain = async ({
 	} catch (err) {
 		throw ethErrors.rpc.internal({
 			message: `Request for method 'eth_chainId on ${firstValidRPCUrl} failed`,
-			data: { networkErr: err }
+			data: { networkErr: err },
 		});
 	}
 
 	if (_chainId !== endpointChainId) {
 		throw ethErrors.rpc.invalidParams({
 			message: `Chain ID returned by RPC URL ${firstValidRPCUrl} does not match ${_chainId}`,
-			data: { chainId: endpointChainId }
+			data: { chainId: endpointChainId },
 		});
 	}
 
 	if (typeof chainName !== 'string' || !chainName) {
 		throw ethErrors.rpc.invalidParams({
-			message: `Expected non-empty string 'chainName'. Received:\n${chainName}`
+			message: `Expected non-empty string 'chainName'. Received:\n${chainName}`,
 		});
 	}
 	const _chainName = chainName.length > 100 ? chainName.substring(0, 100) : chainName;
@@ -169,20 +169,18 @@ const wallet_addEthereumChain = async ({
 	if (nativeCurrency !== null) {
 		if (typeof nativeCurrency !== 'object' || Array.isArray(nativeCurrency)) {
 			throw ethErrors.rpc.invalidParams({
-				message: `Expected null or object 'nativeCurrency'. Received:\n${nativeCurrency}`
+				message: `Expected null or object 'nativeCurrency'. Received:\n${nativeCurrency}`,
 			});
 		}
 		if (nativeCurrency.decimals !== 18) {
 			throw ethErrors.rpc.invalidParams({
-				message: `Expected the number 18 for 'nativeCurrency.decimals' when 'nativeCurrency' is provided. Received: ${
-					nativeCurrency.decimals
-				}`
+				message: `Expected the number 18 for 'nativeCurrency.decimals' when 'nativeCurrency' is provided. Received: ${nativeCurrency.decimals}`,
 			});
 		}
 
 		if (!nativeCurrency.symbol || typeof nativeCurrency.symbol !== 'string') {
 			throw ethErrors.rpc.invalidParams({
-				message: `Expected a string 'nativeCurrency.symbol'. Received: ${nativeCurrency.symbol}`
+				message: `Expected a string 'nativeCurrency.symbol'. Received: ${nativeCurrency.symbol}`,
 			});
 		}
 	}
@@ -190,7 +188,7 @@ const wallet_addEthereumChain = async ({
 
 	if (typeof ticker !== 'string' || ticker.length < 2 || ticker.length > 6) {
 		throw ethErrors.rpc.invalidParams({
-			message: `Expected 2-6 character string 'nativeCurrency.symbol'. Received:\n${ticker}`
+			message: `Expected 2-6 character string 'nativeCurrency.symbol'. Received:\n${ticker}`,
 		});
 	}
 
@@ -199,13 +197,13 @@ const wallet_addEthereumChain = async ({
 		blockExplorerUrl: firstValidBlockExplorerUrl,
 		chainName: _chainName,
 		rpcUrl: firstValidRPCUrl,
-		ticker
+		ticker,
 	};
 
 	let alert = null;
 	const safeChainsListRequest = await fetch('https://chainid.network/chains.json');
 	const safeChainsList = await safeChainsListRequest.json();
-	const matchedChain = safeChainsList.find(chain => chain.chainId.toString() === chainIdDecimal);
+	const matchedChain = safeChainsList.find((chain) => chain.chainId.toString() === chainIdDecimal);
 	let validated = !!matchedChain;
 
 	if (matchedChain) {
@@ -218,7 +216,7 @@ const wallet_addEthereumChain = async ({
 		}
 
 		const { origin } = new URL(requestData.rpcUrl);
-		if (!matchedChain.rpc.map(rpc => new URL(rpc).origin).includes(origin)) {
+		if (!matchedChain.rpc.map((rpc) => new URL(rpc).origin).includes(origin)) {
 			validated = false;
 		}
 	}
@@ -236,7 +234,7 @@ const wallet_addEthereumChain = async ({
 		source: 'Custom Network API',
 		symbol: ticker,
 		block_explorer_url: firstValidBlockExplorerUrl,
-		network_name: 'rpc'
+		network_name: 'rpc',
 	};
 
 	AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.NETWORK_REQUESTED, analyticsParamsAdd);
@@ -254,7 +252,7 @@ const wallet_addEthereumChain = async ({
 	}
 
 	PreferencesController.addToFrequentRpcList(firstValidRPCUrl, chainIdDecimal, ticker, _chainName, {
-		blockExplorerUrl: firstValidBlockExplorerUrl
+		blockExplorerUrl: firstValidBlockExplorerUrl,
 	});
 
 	AnalyticsV2.trackEvent(AnalyticsV2.ANALYTICS_EVENTS.NETWORK_ADDED, analyticsParamsAdd);
diff --git a/app/core/RPCMethods/wallet_addEthereumChain.test.js b/app/core/RPCMethods/wallet_addEthereumChain.test.js
index 68432dfbdda..a669ff7b0ac 100644
--- a/app/core/RPCMethods/wallet_addEthereumChain.test.js
+++ b/app/core/RPCMethods/wallet_addEthereumChain.test.js
@@ -5,13 +5,13 @@ const correctParams = {
 	chainName: 'xDai',
 	blockExplorerUrls: ['https://blockscout.com/xdai/mainnet'],
 	nativeCurrency: { symbol: 'xDai', decimals: 18 },
-	rpcUrls: ['https://rpc.xdaichain.com/']
+	rpcUrls: ['https://rpc.xdaichain.com/'],
 };
 
 const otherOptions = {
 	res: {},
 	addCustomNetworkRequest: {},
-	switchCustomNetworkRequest: {}
+	switchCustomNetworkRequest: {},
 };
 
 describe('RPC Method - wallet_addEthereumChain', () => {
@@ -19,17 +19,17 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		context: {
 			PreferencesController: {
 				state: {
-					frequentRpcList: []
-				}
+					frequentRpcList: [],
+				},
 			},
 			NetworkController: {
 				state: {
 					provider: {
-						chainId: '1'
-					}
-				}
-			}
-		}
+						chainId: '1',
+					},
+				},
+			},
+		},
 	};
 	Engine.context = MOCK_ENGINE.context;
 
@@ -37,9 +37,9 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		try {
 			await wallet_addEthereumChain({
 				req: {
-					params: null
+					params: null,
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain('Expected single, object parameter.');
@@ -50,9 +50,9 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		try {
 			await wallet_addEthereumChain({
 				req: {
-					params: [{ ...correctParams, extraKey: 10 }]
+					params: [{ ...correctParams, extraKey: 10 }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain('Received unexpected keys on object parameter. Unsupported keys');
@@ -63,9 +63,9 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		try {
 			await wallet_addEthereumChain({
 				req: {
-					params: [{ ...correctParams, rpcUrls: ['invalid'] }]
+					params: [{ ...correctParams, rpcUrls: ['invalid'] }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain(`Expected an array with at least one valid string HTTPS url 'rpcUrls'`);
@@ -76,9 +76,9 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		try {
 			await wallet_addEthereumChain({
 				req: {
-					params: [{ ...correctParams, blockExplorerUrls: ['invalid'] }]
+					params: [{ ...correctParams, blockExplorerUrls: ['invalid'] }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain(
@@ -91,9 +91,9 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		try {
 			await wallet_addEthereumChain({
 				req: {
-					params: [{ ...correctParams, chainId: '10' }]
+					params: [{ ...correctParams, chainId: '10' }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain(`Expected 0x-prefixed, unpadded, non-zero hexadecimal string 'chainId'.`);
@@ -104,9 +104,9 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		try {
 			await wallet_addEthereumChain({
 				req: {
-					params: [{ ...correctParams, chainId: '0xFFFFFFFFFFFED' }]
+					params: [{ ...correctParams, chainId: '0xFFFFFFFFFFFED' }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain('numerical value greater than max safe value.');
@@ -117,9 +117,9 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		try {
 			await wallet_addEthereumChain({
 				req: {
-					params: [{ ...correctParams, chainId: '0x65' }]
+					params: [{ ...correctParams, chainId: '0x65' }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain('does not match');
@@ -130,9 +130,9 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		try {
 			await wallet_addEthereumChain({
 				req: {
-					params: [{ ...correctParams, chainName: undefined }]
+					params: [{ ...correctParams, chainName: undefined }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain(`Expected non-empty string 'chainName'.`);
@@ -143,9 +143,9 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		try {
 			await wallet_addEthereumChain({
 				req: {
-					params: [{ ...correctParams, nativeCurrency: 'invalid' }]
+					params: [{ ...correctParams, nativeCurrency: 'invalid' }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain(`Expected null or object 'nativeCurrency'.`);
@@ -156,9 +156,9 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		try {
 			await wallet_addEthereumChain({
 				req: {
-					params: [{ ...correctParams, nativeCurrency: { symbol: 'xDai', decimals: 10 } }]
+					params: [{ ...correctParams, nativeCurrency: { symbol: 'xDai', decimals: 10 } }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain(
@@ -171,9 +171,9 @@ describe('RPC Method - wallet_addEthereumChain', () => {
 		try {
 			await wallet_addEthereumChain({
 				req: {
-					params: [{ ...correctParams, nativeCurrency: { symbol: null, decimals: 18 } }]
+					params: [{ ...correctParams, nativeCurrency: { symbol: null, decimals: 18 } }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain(`Expected a string 'nativeCurrency.symbol'.`);
diff --git a/app/core/RPCMethods/wallet_switchEthereumChain.js b/app/core/RPCMethods/wallet_switchEthereumChain.js
index a273ed2c8e9..7bae7cb85ea 100644
--- a/app/core/RPCMethods/wallet_switchEthereumChain.js
+++ b/app/core/RPCMethods/wallet_switchEthereumChain.js
@@ -9,7 +9,7 @@ const wallet_switchEthereumChain = async ({
 	showSwitchCustomNetworkDialog,
 	switchCustomNetworkRequest,
 	setCustomNetworkToSwitch,
-	setShowSwitchCustomNetworkDialog
+	setShowSwitchCustomNetworkDialog,
 }) => {
 	if (showSwitchCustomNetworkDialog) return;
 	switchCustomNetworkRequest.current = null;
@@ -19,17 +19,17 @@ const wallet_switchEthereumChain = async ({
 
 	if (!params || typeof params !== 'object') {
 		throw ethErrors.rpc.invalidParams({
-			message: `Expected single, object parameter. Received:\n${JSON.stringify(req.params)}`
+			message: `Expected single, object parameter. Received:\n${JSON.stringify(req.params)}`,
 		});
 	}
 
 	const { chainId } = params;
 
 	const allowedKeys = {
-		chainId: true
+		chainId: true,
 	};
 
-	const extraKeys = Object.keys(params).filter(key => !allowedKeys[key]);
+	const extraKeys = Object.keys(params).filter((key) => !allowedKeys[key]);
 	if (extraKeys.length) {
 		throw ethErrors.rpc.invalidParams(
 			`Received unexpected keys on object parameter. Unsupported keys:\n${extraKeys}`
@@ -54,7 +54,7 @@ const wallet_switchEthereumChain = async ({
 
 	const frequentRpcList = PreferencesController.state.frequentRpcList;
 	const existingNetworkDefault = getDefaultNetworkByChainId(chainIdDecimal);
-	const existingNetworkRPC = frequentRpcList.find(rpc => rpc.chainId === chainIdDecimal);
+	const existingNetworkRPC = frequentRpcList.find((rpc) => rpc.chainId === chainIdDecimal);
 	if (existingNetworkRPC || existingNetworkDefault) {
 		const currentChainId = NetworkController.state.provider.chainId;
 		if (currentChainId === chainIdDecimal) {
@@ -67,14 +67,14 @@ const wallet_switchEthereumChain = async ({
 				rpcUrl: existingNetworkRPC.rpcUrl,
 				chainId: _chainId,
 				chainName: existingNetworkRPC.nickname,
-				ticker: existingNetworkRPC.ticker
+				ticker: existingNetworkRPC.ticker,
 			});
 		} else {
 			setCustomNetworkToSwitch({
 				chainId: _chainId,
 				chainColor: existingNetworkDefault.color,
 				chainName: existingNetworkDefault.shortName,
-				ticker: 'ETH'
+				ticker: 'ETH',
 			});
 		}
 
@@ -86,7 +86,7 @@ const wallet_switchEthereumChain = async ({
 
 		let analyticsParams = {
 			chain_id: _chainId,
-			source: 'Switch Network API'
+			source: 'Switch Network API',
 		};
 		if (existingNetworkRPC) {
 			analyticsParams = {
@@ -94,12 +94,12 @@ const wallet_switchEthereumChain = async ({
 				rpc_url: existingNetworkRPC?.rpcUrl,
 				symbol: existingNetworkRPC?.ticker,
 				block_explorer_url: existingNetworkRPC?.blockExplorerUrl,
-				network_name: 'rpc'
+				network_name: 'rpc',
 			};
 		} else {
 			analyticsParams = {
 				...analyticsParams,
-				network_name: existingNetworkDefault?.shortName
+				network_name: existingNetworkDefault?.shortName,
 			};
 		}
 
@@ -129,7 +129,7 @@ const wallet_switchEthereumChain = async ({
 
 	throw ethErrors.provider.custom({
 		code: 4902, // To-be-standardized "unrecognized chain ID" error
-		message: `Unrecognized chain ID "${_chainId}". Try adding the chain using wallet_addEthereumChain first.`
+		message: `Unrecognized chain ID "${_chainId}". Try adding the chain using wallet_addEthereumChain first.`,
 	});
 };
 
diff --git a/app/core/RPCMethods/wallet_switchEthereumChain.test.js b/app/core/RPCMethods/wallet_switchEthereumChain.test.js
index 832ec92a369..0be9962b23d 100644
--- a/app/core/RPCMethods/wallet_switchEthereumChain.test.js
+++ b/app/core/RPCMethods/wallet_switchEthereumChain.test.js
@@ -1,12 +1,12 @@
 import wallet_switchEthereumChain from './wallet_switchEthereumChain';
 import Engine from '../Engine';
 const correctParams = {
-	chainId: '0x1'
+	chainId: '0x1',
 };
 
 const otherOptions = {
 	res: {},
-	switchCustomNetworkRequest: {}
+	switchCustomNetworkRequest: {},
 };
 
 describe('RPC Method - wallet_switchEthereumChain', () => {
@@ -14,17 +14,17 @@ describe('RPC Method - wallet_switchEthereumChain', () => {
 		context: {
 			PreferencesController: {
 				state: {
-					frequentRpcList: []
-				}
+					frequentRpcList: [],
+				},
 			},
 			NetworkController: {
 				state: {
 					provider: {
-						chainId: '1'
-					}
-				}
-			}
-		}
+						chainId: '1',
+					},
+				},
+			},
+		},
 	};
 	Engine.context = MOCK_ENGINE.context;
 
@@ -32,9 +32,9 @@ describe('RPC Method - wallet_switchEthereumChain', () => {
 		try {
 			await wallet_switchEthereumChain({
 				req: {
-					params: null
+					params: null,
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain('Expected single, object parameter.');
@@ -45,9 +45,9 @@ describe('RPC Method - wallet_switchEthereumChain', () => {
 		try {
 			await wallet_switchEthereumChain({
 				req: {
-					params: [{ ...correctParams, extraKey: 10 }]
+					params: [{ ...correctParams, extraKey: 10 }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain('Received unexpected keys on object parameter. Unsupported keys');
@@ -58,9 +58,9 @@ describe('RPC Method - wallet_switchEthereumChain', () => {
 		try {
 			await wallet_switchEthereumChain({
 				req: {
-					params: [{ ...correctParams, chainId: '10' }]
+					params: [{ ...correctParams, chainId: '10' }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain(`Expected 0x-prefixed, unpadded, non-zero hexadecimal string 'chainId'.`);
@@ -71,9 +71,9 @@ describe('RPC Method - wallet_switchEthereumChain', () => {
 		try {
 			await wallet_switchEthereumChain({
 				req: {
-					params: [{ ...correctParams, chainId: '0xFFFFFFFFFFFED' }]
+					params: [{ ...correctParams, chainId: '0xFFFFFFFFFFFED' }],
 				},
-				...otherOptions
+				...otherOptions,
 			});
 		} catch (error) {
 			expect(error.message).toContain('numerical value greater than max safe value.');
diff --git a/app/core/SecureKeychain.js b/app/core/SecureKeychain.js
index b66b64726a2..d3a5c870ddc 100644
--- a/app/core/SecureKeychain.js
+++ b/app/core/SecureKeychain.js
@@ -8,7 +8,7 @@ import {
 	BIOMETRY_CHOICE_DISABLED,
 	PASSCODE_CHOICE,
 	PASSCODE_DISABLED,
-	TRUE
+	TRUE,
 } from '../constants/storage';
 
 const privates = new WeakMap();
@@ -20,7 +20,7 @@ const defaultOptions = {
 	authenticationPromptDesc: strings('authentication.auth_prompt_desc'),
 	fingerprintPromptTitle: strings('authentication.fingerprint_prompt_title'),
 	fingerprintPromptDesc: strings('authentication.fingerprint_prompt_desc'),
-	fingerprintPromptCancel: strings('authentication.fingerprint_prompt_cancel')
+	fingerprintPromptCancel: strings('authentication.fingerprint_prompt_cancel'),
 };
 
 /**
@@ -90,7 +90,7 @@ export default {
 
 	async setGenericPassword(password, type) {
 		const authOptions = {
-			accessible: Keychain.ACCESSIBLE.WHEN_UNLOCKED_THIS_DEVICE_ONLY
+			accessible: Keychain.ACCESSIBLE.WHEN_UNLOCKED_THIS_DEVICE_ONLY,
 		};
 
 		if (type === this.TYPES.BIOMETRICS) {
@@ -137,6 +137,6 @@ export default {
 	TYPES: {
 		BIOMETRICS: 'BIOMETRICS',
 		PASSCODE: 'PASSCODE',
-		REMEMBER_ME: 'REMEMBER_ME'
-	}
+		REMEMBER_ME: 'REMEMBER_ME',
+	},
 };
diff --git a/app/core/TransactionTypes.js b/app/core/TransactionTypes.js
index 15841db1012..f7bf6f4d756 100644
--- a/app/core/TransactionTypes.js
+++ b/app/core/TransactionTypes.js
@@ -3,12 +3,12 @@ export default {
 		AVERAGE_GAS: 20,
 		LOW_GAS: 10,
 		FAST_GAS: 40,
-		DEFAULT_GAS_LIMIT: '0x5208'
+		DEFAULT_GAS_LIMIT: '0x5208',
 	},
 	ASSET: {
 		ETH: 'ETH',
 		ERC20: 'ERC20',
-		ERC721: 'ERC721'
+		ERC721: 'ERC721',
 	},
-	MMM: 'MetaMask Mobile'
+	MMM: 'MetaMask Mobile',
 };
diff --git a/app/core/Vault.js b/app/core/Vault.js
index b001330f5ae..06e95eda1ce 100644
--- a/app/core/Vault.js
+++ b/app/core/Vault.js
@@ -27,11 +27,11 @@ export const recreateVaultWithSamePassword = async (password = '', selectedAddre
 	let importedAccounts = [];
 	try {
 		// Get imported accounts
-		const simpleKeyrings = KeyringController.state.keyrings.filter(keyring => keyring.type === 'Simple Key Pair');
+		const simpleKeyrings = KeyringController.state.keyrings.filter((keyring) => keyring.type === 'Simple Key Pair');
 		for (let i = 0; i < simpleKeyrings.length; i++) {
 			const simpleKeyring = simpleKeyrings[i];
 			const simpleKeyringAccounts = await Promise.all(
-				simpleKeyring.accounts.map(account => KeyringController.exportAccount(password, account))
+				simpleKeyring.accounts.map((account) => KeyringController.exportAccount(password, account))
 			);
 			importedAccounts = [...importedAccounts, ...simpleKeyringAccounts];
 		}
diff --git a/app/core/WalletConnect.js b/app/core/WalletConnect.js
index 802bcbfee8a..ca12322017f 100644
--- a/app/core/WalletConnect.js
+++ b/app/core/WalletConnect.js
@@ -16,8 +16,10 @@ const tempCallIds = [];
 
 const persistSessions = async () => {
 	const sessions = connectors
-		.filter(connector => connector && connector.walletConnector && connector && connector.walletConnector.connected)
-		.map(connector => connector.walletConnector.session);
+		.filter(
+			(connector) => connector && connector.walletConnector && connector && connector.walletConnector.connected
+		)
+		.map((connector) => connector.walletConnector.session);
 
 	await AsyncStorage.setItem(WALLETCONNECT_SESSIONS, JSON.stringify(sessions));
 };
@@ -25,7 +27,7 @@ const persistSessions = async () => {
 const waitForInitialization = async () => {
 	let i = 0;
 	while (!initialized) {
-		await new Promise(res => setTimeout(() => res(), 1000));
+		await new Promise((res) => setTimeout(() => res(), 1000));
 		if (i++ > 5) initialized = true;
 	}
 };
@@ -34,7 +36,7 @@ const waitForKeychainUnlocked = async () => {
 	let i = 0;
 	const { KeyringController } = Engine.context;
 	while (!KeyringController.isUnlocked()) {
-		await new Promise(res => setTimeout(() => res(), 1000));
+		await new Promise((res) => setTimeout(() => res(), 1000));
 		if (i++ > 60) break;
 	}
 };
@@ -68,7 +70,7 @@ class WalletConnect {
 			try {
 				const sessionData = {
 					...payload.params[0],
-					autosign: this.autosign
+					autosign: this.autosign,
 				};
 
 				Logger.log('WC:', sessionData);
@@ -80,7 +82,7 @@ class WalletConnect {
 				this.selectedAddress = Engine.context.PreferencesController.state.selectedAddress;
 				const approveData = {
 					chainId: parseInt(network, 10),
-					accounts: [this.selectedAddress]
+					accounts: [this.selectedAddress],
 				};
 				await this.walletConnector.approveSession(approveData);
 				persistSessions();
@@ -117,19 +119,21 @@ class WalletConnect {
 						txParams.gas = payload.params[0].gas;
 						txParams.gasPrice = payload.params[0].gasPrice;
 						txParams.data = payload.params[0].data;
-						const hash = await (await TransactionController.addTransaction(
-							txParams,
-							meta ? WALLET_CONNECT_ORIGIN + meta.url : undefined,
-							WalletDevice.MM_MOBILE
-						)).result;
+						const hash = await (
+							await TransactionController.addTransaction(
+								txParams,
+								meta ? WALLET_CONNECT_ORIGIN + meta.url : undefined,
+								WalletDevice.MM_MOBILE
+							)
+						).result;
 						this.walletConnector.approveRequest({
 							id: payload.id,
-							result: hash
+							result: hash,
 						});
 					} catch (error) {
 						this.walletConnector.rejectRequest({
 							id: payload.id,
-							error
+							error,
 						});
 					}
 				} else if (payload.method === 'eth_sign') {
@@ -153,19 +157,19 @@ class WalletConnect {
 								meta: {
 									title: meta && meta.name,
 									url: meta && meta.url,
-									icon: meta && meta.icons && meta.icons[0]
+									icon: meta && meta.icons && meta.icons[0],
 								},
-								origin: WALLET_CONNECT_ORIGIN
+								origin: WALLET_CONNECT_ORIGIN,
 							});
 						}
 						this.walletConnector.approveRequest({
 							id: payload.id,
-							result: rawSig
+							result: rawSig,
 						});
 					} catch (error) {
 						this.walletConnector.rejectRequest({
 							id: payload.id,
-							error
+							error,
 						});
 					}
 				} else if (payload.method === 'personal_sign') {
@@ -190,19 +194,19 @@ class WalletConnect {
 								meta: {
 									title: meta && meta.name,
 									url: meta && meta.url,
-									icon: meta && meta.icons && meta.icons[0]
+									icon: meta && meta.icons && meta.icons[0],
 								},
-								origin: WALLET_CONNECT_ORIGIN
+								origin: WALLET_CONNECT_ORIGIN,
 							});
 						}
 						this.walletConnector.approveRequest({
 							id: payload.id,
-							result: rawSig
+							result: rawSig,
 						});
 					} catch (error) {
 						this.walletConnector.rejectRequest({
 							id: payload.id,
-							error
+							error,
 						});
 					}
 				} else if (payload.method && payload.method === 'eth_signTypedData') {
@@ -215,21 +219,21 @@ class WalletConnect {
 								meta: {
 									title: meta && meta.name,
 									url: meta && meta.url,
-									icon: meta && meta.icons && meta.icons[0]
+									icon: meta && meta.icons && meta.icons[0],
 								},
-								origin: WALLET_CONNECT_ORIGIN
+								origin: WALLET_CONNECT_ORIGIN,
 							},
 							'V3'
 						);
 
 						this.walletConnector.approveRequest({
 							id: payload.id,
-							result: rawSig
+							result: rawSig,
 						});
 					} catch (error) {
 						this.walletConnector.rejectRequest({
 							id: payload.id,
-							error
+							error,
 						});
 					}
 				}
@@ -239,7 +243,7 @@ class WalletConnect {
 			tempCallIds.length = 0;
 		});
 
-		this.walletConnector.on('disconnect', error => {
+		this.walletConnector.on('disconnect', (error) => {
 			if (error) {
 				throw error;
 			}
@@ -288,7 +292,7 @@ class WalletConnect {
 		const { selectedAddress } = Engine.context.PreferencesController.state;
 		const sessionData = {
 			chainId: parseInt(network, 10),
-			accounts: [selectedAddress]
+			accounts: [selectedAddress],
 		};
 		try {
 			this.walletConnector.updateSession(sessionData);
@@ -302,16 +306,16 @@ class WalletConnect {
 		this.walletConnector = null;
 	};
 
-	sessionRequest = peerInfo =>
+	sessionRequest = (peerInfo) =>
 		new Promise((resolve, reject) => {
 			hub.emit('walletconnectSessionRequest', peerInfo);
 
-			hub.on('walletconnectSessionRequest::approved', peerId => {
+			hub.on('walletconnectSessionRequest::approved', (peerId) => {
 				if (peerInfo.peerId === peerId) {
 					resolve(true);
 				}
 			});
-			hub.on('walletconnectSessionRequest::rejected', peerId => {
+			hub.on('walletconnectSessionRequest::rejected', (peerId) => {
 				if (peerInfo.peerId === peerId) {
 					reject(new Error('walletconnectSessionRequest::rejected'));
 				}
@@ -332,7 +336,7 @@ const instance = {
 		const sessionData = await AsyncStorage.getItem(WALLETCONNECT_SESSIONS);
 		if (sessionData) {
 			const sessions = JSON.parse(sessionData);
-			sessions.forEach(session => {
+			sessions.forEach((session) => {
 				connectors.push(new WalletConnect({ session }));
 			});
 		}
@@ -359,17 +363,17 @@ const instance = {
 		}
 		return sessions;
 	},
-	killSession: async id => {
+	killSession: async (id) => {
 		// 1) First kill the session
 		const connectorToKill = connectors.find(
-			connector => connector && connector.walletConnector && connector.walletConnector.session.peerId === id
+			(connector) => connector && connector.walletConnector && connector.walletConnector.session.peerId === id
 		);
 		if (connectorToKill) {
 			await connectorToKill.killSession();
 		}
 		// 2) Remove from the list of connectors
 		connectors = connectors.filter(
-			connector =>
+			(connector) =>
 				connector &&
 				connector.walletConnector &&
 				connector.walletConnector.connected &&
@@ -389,7 +393,7 @@ const instance = {
 			return false;
 		}
 		return true;
-	}
+	},
 };
 
 export default instance;
diff --git a/app/lib/ens-ipfs/contracts/registry.js b/app/lib/ens-ipfs/contracts/registry.js
index 607b44cef11..72fe62b67b3 100644
--- a/app/lib/ens-ipfs/contracts/registry.js
+++ b/app/lib/ens-ipfs/contracts/registry.js
@@ -5,7 +5,7 @@ export default [
 		name: 'resolver',
 		outputs: [{ name: '', type: 'address' }],
 		payable: false,
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: true,
@@ -13,27 +13,30 @@ export default [
 		name: 'owner',
 		outputs: [{ name: '', type: 'address' }],
 		payable: false,
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: false,
 		inputs: [
 			{ name: 'node', type: 'bytes32' },
 			{ name: 'label', type: 'bytes32' },
-			{ name: 'owner', type: 'address' }
+			{ name: 'owner', type: 'address' },
 		],
 		name: 'setSubnodeOwner',
 		outputs: [],
 		payable: false,
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: false,
-		inputs: [{ name: 'node', type: 'bytes32' }, { name: 'ttl', type: 'uint64' }],
+		inputs: [
+			{ name: 'node', type: 'bytes32' },
+			{ name: 'ttl', type: 'uint64' },
+		],
 		name: 'setTTL',
 		outputs: [],
 		payable: false,
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: true,
@@ -41,53 +44,65 @@ export default [
 		name: 'ttl',
 		outputs: [{ name: '', type: 'uint64' }],
 		payable: false,
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: false,
-		inputs: [{ name: 'node', type: 'bytes32' }, { name: 'resolver', type: 'address' }],
+		inputs: [
+			{ name: 'node', type: 'bytes32' },
+			{ name: 'resolver', type: 'address' },
+		],
 		name: 'setResolver',
 		outputs: [],
 		payable: false,
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: false,
-		inputs: [{ name: 'node', type: 'bytes32' }, { name: 'owner', type: 'address' }],
+		inputs: [
+			{ name: 'node', type: 'bytes32' },
+			{ name: 'owner', type: 'address' },
+		],
 		name: 'setOwner',
 		outputs: [],
 		payable: false,
-		type: 'function'
+		type: 'function',
 	},
 	{
 		anonymous: false,
-		inputs: [{ indexed: true, name: 'node', type: 'bytes32' }, { indexed: false, name: 'owner', type: 'address' }],
+		inputs: [
+			{ indexed: true, name: 'node', type: 'bytes32' },
+			{ indexed: false, name: 'owner', type: 'address' },
+		],
 		name: 'Transfer',
-		type: 'event'
+		type: 'event',
 	},
 	{
 		anonymous: false,
 		inputs: [
 			{ indexed: true, name: 'node', type: 'bytes32' },
 			{ indexed: true, name: 'label', type: 'bytes32' },
-			{ indexed: false, name: 'owner', type: 'address' }
+			{ indexed: false, name: 'owner', type: 'address' },
 		],
 		name: 'NewOwner',
-		type: 'event'
+		type: 'event',
 	},
 	{
 		anonymous: false,
 		inputs: [
 			{ indexed: true, name: 'node', type: 'bytes32' },
-			{ indexed: false, name: 'resolver', type: 'address' }
+			{ indexed: false, name: 'resolver', type: 'address' },
 		],
 		name: 'NewResolver',
-		type: 'event'
+		type: 'event',
 	},
 	{
 		anonymous: false,
-		inputs: [{ indexed: true, name: 'node', type: 'bytes32' }, { indexed: false, name: 'ttl', type: 'uint64' }],
+		inputs: [
+			{ indexed: true, name: 'node', type: 'bytes32' },
+			{ indexed: false, name: 'ttl', type: 'uint64' },
+		],
 		name: 'NewTTL',
-		type: 'event'
-	}
+		type: 'event',
+	},
 ];
diff --git a/app/lib/ens-ipfs/contracts/resolver.js b/app/lib/ens-ipfs/contracts/resolver.js
index de5f5ce0d57..a16f6f46edd 100644
--- a/app/lib/ens-ipfs/contracts/resolver.js
+++ b/app/lib/ens-ipfs/contracts/resolver.js
@@ -1,12 +1,15 @@
 export default [
 	{
 		constant: false,
-		inputs: [{ name: 'node', type: 'bytes32' }, { name: 'hash', type: 'bytes32' }],
+		inputs: [
+			{ name: 'node', type: 'bytes32' },
+			{ name: 'hash', type: 'bytes32' },
+		],
 		name: 'setContent',
 		outputs: [],
 		payable: false,
 		stateMutability: 'nonpayable',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: true,
@@ -15,7 +18,7 @@ export default [
 		outputs: [{ name: '', type: 'bytes32' }],
 		payable: false,
 		stateMutability: 'view',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: true,
@@ -24,43 +27,60 @@ export default [
 		outputs: [{ name: '', type: 'bool' }],
 		payable: false,
 		stateMutability: 'pure',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: false,
-		inputs: [{ name: 'node', type: 'bytes32' }, { name: 'key', type: 'string' }, { name: 'value', type: 'string' }],
+		inputs: [
+			{ name: 'node', type: 'bytes32' },
+			{ name: 'key', type: 'string' },
+			{ name: 'value', type: 'string' },
+		],
 		name: 'setText',
 		outputs: [],
 		payable: false,
 		stateMutability: 'nonpayable',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: true,
-		inputs: [{ name: 'node', type: 'bytes32' }, { name: 'contentTypes', type: 'uint256' }],
+		inputs: [
+			{ name: 'node', type: 'bytes32' },
+			{ name: 'contentTypes', type: 'uint256' },
+		],
 		name: 'ABI',
-		outputs: [{ name: 'contentType', type: 'uint256' }, { name: 'data', type: 'bytes' }],
+		outputs: [
+			{ name: 'contentType', type: 'uint256' },
+			{ name: 'data', type: 'bytes' },
+		],
 		payable: false,
 		stateMutability: 'view',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: false,
-		inputs: [{ name: 'node', type: 'bytes32' }, { name: 'x', type: 'bytes32' }, { name: 'y', type: 'bytes32' }],
+		inputs: [
+			{ name: 'node', type: 'bytes32' },
+			{ name: 'x', type: 'bytes32' },
+			{ name: 'y', type: 'bytes32' },
+		],
 		name: 'setPubkey',
 		outputs: [],
 		payable: false,
 		stateMutability: 'nonpayable',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: false,
-		inputs: [{ name: 'node', type: 'bytes32' }, { name: 'hash', type: 'bytes' }],
+		inputs: [
+			{ name: 'node', type: 'bytes32' },
+			{ name: 'hash', type: 'bytes' },
+		],
 		name: 'setContenthash',
 		outputs: [],
 		payable: false,
 		stateMutability: 'nonpayable',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: true,
@@ -69,29 +89,32 @@ export default [
 		outputs: [{ name: '', type: 'address' }],
 		payable: false,
 		stateMutability: 'view',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: true,
-		inputs: [{ name: 'node', type: 'bytes32' }, { name: 'key', type: 'string' }],
+		inputs: [
+			{ name: 'node', type: 'bytes32' },
+			{ name: 'key', type: 'string' },
+		],
 		name: 'text',
 		outputs: [{ name: '', type: 'string' }],
 		payable: false,
 		stateMutability: 'view',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: false,
 		inputs: [
 			{ name: 'node', type: 'bytes32' },
 			{ name: 'contentType', type: 'uint256' },
-			{ name: 'data', type: 'bytes' }
+			{ name: 'data', type: 'bytes' },
 		],
 		name: 'setABI',
 		outputs: [],
 		payable: false,
 		stateMutability: 'nonpayable',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: true,
@@ -100,16 +123,19 @@ export default [
 		outputs: [{ name: '', type: 'string' }],
 		payable: false,
 		stateMutability: 'view',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: false,
-		inputs: [{ name: 'node', type: 'bytes32' }, { name: 'name', type: 'string' }],
+		inputs: [
+			{ name: 'node', type: 'bytes32' },
+			{ name: 'name', type: 'string' },
+		],
 		name: 'setName',
 		outputs: [],
 		payable: false,
 		stateMutability: 'nonpayable',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: true,
@@ -118,77 +144,92 @@ export default [
 		outputs: [{ name: '', type: 'bytes' }],
 		payable: false,
 		stateMutability: 'view',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: true,
 		inputs: [{ name: 'node', type: 'bytes32' }],
 		name: 'pubkey',
-		outputs: [{ name: 'x', type: 'bytes32' }, { name: 'y', type: 'bytes32' }],
+		outputs: [
+			{ name: 'x', type: 'bytes32' },
+			{ name: 'y', type: 'bytes32' },
+		],
 		payable: false,
 		stateMutability: 'view',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		constant: false,
-		inputs: [{ name: 'node', type: 'bytes32' }, { name: 'addr', type: 'address' }],
+		inputs: [
+			{ name: 'node', type: 'bytes32' },
+			{ name: 'addr', type: 'address' },
+		],
 		name: 'setAddr',
 		outputs: [],
 		payable: false,
 		stateMutability: 'nonpayable',
-		type: 'function'
+		type: 'function',
 	},
 	{
 		inputs: [{ name: 'ensAddr', type: 'address' }],
 		payable: false,
 		stateMutability: 'nonpayable',
-		type: 'constructor'
+		type: 'constructor',
 	},
 	{
 		anonymous: false,
-		inputs: [{ indexed: true, name: 'node', type: 'bytes32' }, { indexed: false, name: 'a', type: 'address' }],
+		inputs: [
+			{ indexed: true, name: 'node', type: 'bytes32' },
+			{ indexed: false, name: 'a', type: 'address' },
+		],
 		name: 'AddrChanged',
-		type: 'event'
+		type: 'event',
 	},
 	{
 		anonymous: false,
-		inputs: [{ indexed: true, name: 'node', type: 'bytes32' }, { indexed: false, name: 'name', type: 'string' }],
+		inputs: [
+			{ indexed: true, name: 'node', type: 'bytes32' },
+			{ indexed: false, name: 'name', type: 'string' },
+		],
 		name: 'NameChanged',
-		type: 'event'
+		type: 'event',
 	},
 	{
 		anonymous: false,
 		inputs: [
 			{ indexed: true, name: 'node', type: 'bytes32' },
-			{ indexed: true, name: 'contentType', type: 'uint256' }
+			{ indexed: true, name: 'contentType', type: 'uint256' },
 		],
 		name: 'ABIChanged',
-		type: 'event'
+		type: 'event',
 	},
 	{
 		anonymous: false,
 		inputs: [
 			{ indexed: true, name: 'node', type: 'bytes32' },
 			{ indexed: false, name: 'x', type: 'bytes32' },
-			{ indexed: false, name: 'y', type: 'bytes32' }
+			{ indexed: false, name: 'y', type: 'bytes32' },
 		],
 		name: 'PubkeyChanged',
-		type: 'event'
+		type: 'event',
 	},
 	{
 		anonymous: false,
 		inputs: [
 			{ indexed: true, name: 'node', type: 'bytes32' },
 			{ indexed: false, name: 'indexedKey', type: 'string' },
-			{ indexed: false, name: 'key', type: 'string' }
+			{ indexed: false, name: 'key', type: 'string' },
 		],
 		name: 'TextChanged',
-		type: 'event'
+		type: 'event',
 	},
 	{
 		anonymous: false,
-		inputs: [{ indexed: true, name: 'node', type: 'bytes32' }, { indexed: false, name: 'hash', type: 'bytes' }],
+		inputs: [
+			{ indexed: true, name: 'node', type: 'bytes32' },
+			{ indexed: false, name: 'hash', type: 'bytes' },
+		],
 		name: 'ContenthashChanged',
-		type: 'event'
-	}
+		type: 'event',
+	},
 ];
diff --git a/app/lib/ens-ipfs/resolver.js b/app/lib/ens-ipfs/resolver.js
index 9097105127a..1530f5b3fb9 100644
--- a/app/lib/ens-ipfs/resolver.js
+++ b/app/lib/ens-ipfs/resolver.js
@@ -60,7 +60,7 @@ function hexValueIsEmpty(value) {
 		null,
 		'0x',
 		'0x0',
-		'0x0000000000000000000000000000000000000000000000000000000000000000'
+		'0x0000000000000000000000000000000000000000000000000000000000000000',
 	].includes(value);
 }
 
diff --git a/app/reducers/alert/index.js b/app/reducers/alert/index.js
index ff527eacf99..3e9bf78123e 100644
--- a/app/reducers/alert/index.js
+++ b/app/reducers/alert/index.js
@@ -2,7 +2,7 @@ const initialState = {
 	isVisible: false,
 	autodismiss: null,
 	content: null,
-	data: null
+	data: null,
 };
 
 const alertReducer = (state = initialState, action) => {
@@ -13,13 +13,13 @@ const alertReducer = (state = initialState, action) => {
 				isVisible: true,
 				autodismiss: action.autodismiss,
 				content: action.content,
-				data: action.data
+				data: action.data,
 			};
 		case 'HIDE_ALERT':
 			return {
 				...state,
 				isVisible: false,
-				autodismiss: null
+				autodismiss: null,
 			};
 		default:
 			return state;
diff --git a/app/reducers/analytics/index.js b/app/reducers/analytics/index.js
index 349d387d9f8..7df15152bc0 100644
--- a/app/reducers/analytics/index.js
+++ b/app/reducers/analytics/index.js
@@ -3,7 +3,7 @@ import Analytics from '../../core/Analytics';
 import { store } from '../../store';
 
 const initialState = {
-	enabled: false
+	enabled: false,
 };
 
 function initalizeAnalytics(enabled = true) {
diff --git a/app/reducers/bookmarks/index.js b/app/reducers/bookmarks/index.js
index 4022eb33b4d..5bbb20dac58 100644
--- a/app/reducers/bookmarks/index.js
+++ b/app/reducers/bookmarks/index.js
@@ -9,7 +9,7 @@ const bookmarksReducer = (state = [], action) => {
 		case 'ADD_BOOKMARK':
 			return [...state, action.bookmark];
 		case 'REMOVE_BOOKMARK':
-			return state.filter(item => item.url !== action.bookmark.url);
+			return state.filter((item) => item.url !== action.bookmark.url);
 		default:
 			return state;
 	}
diff --git a/app/reducers/browser/index.js b/app/reducers/browser/index.js
index 25e022b123e..641b410dc38 100644
--- a/app/reducers/browser/index.js
+++ b/app/reducers/browser/index.js
@@ -4,7 +4,7 @@ const initialState = {
 	history: [],
 	whitelist: [],
 	tabs: [],
-	activeTab: null
+	activeTab: null,
 };
 const browserReducer = (state = initialState, action) => {
 	switch (action.type) {
@@ -16,47 +16,47 @@ const browserReducer = (state = initialState, action) => {
 		case 'ADD_TO_BROWSER_HISTORY':
 			return {
 				...state,
-				history: [...state.history, { url: action.url, name: action.name }]
+				history: [...state.history, { url: action.url, name: action.name }],
 			};
 		case 'ADD_TO_BROWSER_WHITELIST':
 			return {
 				...state,
-				whitelist: [...state.whitelist, action.url]
+				whitelist: [...state.whitelist, action.url],
 			};
 		case 'CLEAR_BROWSER_HISTORY':
 			return {
 				...state,
-				history: []
+				history: [],
 			};
 		case 'CLOSE_ALL_TABS':
 			return {
 				...state,
-				tabs: []
+				tabs: [],
 			};
 		case 'CREATE_NEW_TAB':
 			return {
 				...state,
-				tabs: [...state.tabs, { url: action.url, id: action.id }]
+				tabs: [...state.tabs, { url: action.url, id: action.id }],
 			};
 		case 'CLOSE_TAB':
 			return {
 				...state,
-				tabs: state.tabs.filter(tab => tab.id !== action.id)
+				tabs: state.tabs.filter((tab) => tab.id !== action.id),
 			};
 		case 'SET_ACTIVE_TAB':
 			return {
 				...state,
-				activeTab: action.id
+				activeTab: action.id,
 			};
 		case 'UPDATE_TAB':
 			return {
 				...state,
-				tabs: state.tabs.map(tab => {
+				tabs: state.tabs.map((tab) => {
 					if (tab.id === action.id) {
 						return { ...tab, ...action.data };
 					}
 					return { ...tab };
-				})
+				}),
 			};
 		default:
 			return state;
diff --git a/app/reducers/collectibles/index.js b/app/reducers/collectibles/index.js
index 1bbbc6b16bf..dd68c35eab4 100644
--- a/app/reducers/collectibles/index.js
+++ b/app/reducers/collectibles/index.js
@@ -3,7 +3,7 @@ import { createSelector } from 'reselect';
 const getFavoritesCollectibles = (favoriteCollectibles, selectedAddress, chainId) =>
 	favoriteCollectibles[selectedAddress]?.[chainId] || [];
 
-export const favoritesCollectiblesSelector = state => {
+export const favoritesCollectiblesSelector = (state) => {
 	const favoriteCollectibles = state.collectibles.favorites;
 	const selectedAddress = state.engine.backgroundState.PreferencesController.selectedAddress;
 	const chainId = state.engine.backgroundState.NetworkController.provider.chainId;
@@ -12,7 +12,7 @@ export const favoritesCollectiblesSelector = state => {
 
 export const favoritesCollectiblesObjectSelector = createSelector(
 	favoritesCollectiblesSelector,
-	favoriteCollectibles => favoriteCollectibles
+	(favoriteCollectibles) => favoriteCollectibles
 );
 
 export const isCollectibleInFavorites = (favoriteCollectibles, collectible) =>
@@ -26,7 +26,7 @@ export const ADD_FAVORITE_COLLECTIBLE = 'ADD_FAVORITE_COLLECTIBLE';
 export const REMOVE_FAVORITE_COLLECTIBLE = 'REMOVE_FAVORITE_COLLECTIBLE';
 
 const initialState = {
-	favorites: {}
+	favorites: {},
 };
 
 const fiatOrderReducer = (state = initialState, action) => {
@@ -42,9 +42,9 @@ const fiatOrderReducer = (state = initialState, action) => {
 					...state.favorites,
 					[selectedAddress]: {
 						...selectedAddressCollectibles,
-						[chainId]: collectibles.slice()
-					}
-				}
+						[chainId]: collectibles.slice(),
+					},
+				},
 			};
 		}
 		case REMOVE_FAVORITE_COLLECTIBLE: {
@@ -61,9 +61,9 @@ const fiatOrderReducer = (state = initialState, action) => {
 					...state.favorites,
 					[selectedAddress]: {
 						...selectedAddressCollectibles,
-						[chainId]: collectibles.slice()
-					}
-				}
+						[chainId]: collectibles.slice(),
+					},
+				},
 			};
 		}
 		default: {
diff --git a/app/reducers/collectibles/index.test.js b/app/reducers/collectibles/index.test.js
index 7c3c9211415..7c9c9b8ee7c 100644
--- a/app/reducers/collectibles/index.test.js
+++ b/app/reducers/collectibles/index.test.js
@@ -17,10 +17,10 @@ describe('swaps reducer', () => {
 			type: ADD_FAVORITE_COLLECTIBLE,
 			selectedAddress: selectedAddressA,
 			chainId: NetworksChainId.mainnet,
-			collectible: collectibleA1
+			collectible: collectibleA1,
 		});
 		expect(firstState).toEqual({
-			favorites: { [selectedAddressA]: { [NetworksChainId.mainnet]: [collectibleA1] } }
+			favorites: { [selectedAddressA]: { [NetworksChainId.mainnet]: [collectibleA1] } },
 		});
 	});
 
@@ -30,23 +30,23 @@ describe('swaps reducer', () => {
 			type: ADD_FAVORITE_COLLECTIBLE,
 			selectedAddress: selectedAddressA,
 			chainId: NetworksChainId.mainnet,
-			collectible: collectibleA1
+			collectible: collectibleA1,
 		});
 		const secondState = reducer(firstState, {
 			type: ADD_FAVORITE_COLLECTIBLE,
 			selectedAddress: selectedAddressB,
 			chainId: NetworksChainId.mainnet,
-			collectible: collectibleA2
+			collectible: collectibleA2,
 		});
 		expect(secondState).toEqual({
 			favorites: {
 				[selectedAddressA]: {
-					[NetworksChainId.mainnet]: [collectibleA1]
+					[NetworksChainId.mainnet]: [collectibleA1],
 				},
 				[selectedAddressB]: {
-					[NetworksChainId.mainnet]: [collectibleA2]
-				}
-			}
+					[NetworksChainId.mainnet]: [collectibleA2],
+				},
+			},
 		});
 	});
 
@@ -56,21 +56,21 @@ describe('swaps reducer', () => {
 			type: ADD_FAVORITE_COLLECTIBLE,
 			selectedAddress: selectedAddressA,
 			chainId: NetworksChainId.mainnet,
-			collectible: collectibleA1
+			collectible: collectibleA1,
 		});
 		const secondState = reducer(firstState, {
 			type: ADD_FAVORITE_COLLECTIBLE,
 			selectedAddress: selectedAddressA,
 			chainId: NetworksChainId.rinkeby,
-			collectible: collectibleA2
+			collectible: collectibleA2,
 		});
 		expect(secondState).toEqual({
 			favorites: {
 				[selectedAddressA]: {
 					[NetworksChainId.mainnet]: [collectibleA1],
-					[NetworksChainId.rinkeby]: [collectibleA2]
-				}
-			}
+					[NetworksChainId.rinkeby]: [collectibleA2],
+				},
+			},
 		});
 	});
 
@@ -80,7 +80,7 @@ describe('swaps reducer', () => {
 			type: REMOVE_FAVORITE_COLLECTIBLE,
 			selectedAddress: selectedAddressA,
 			chainId: NetworksChainId.mainnet,
-			collectible: collectibleA1
+			collectible: collectibleA1,
 		});
 		expect(secondState).toEqual({ favorites: { [selectedAddressA]: { [NetworksChainId.mainnet]: [] } } });
 	});
@@ -89,20 +89,20 @@ describe('swaps reducer', () => {
 		const firstState = {
 			favorites: {
 				[selectedAddressA]: { [NetworksChainId.mainnet]: [collectibleA1, collectibleA2] },
-				[selectedAddressB]: { [NetworksChainId.mainnet]: [collectibleB1, collectibleB2] }
-			}
+				[selectedAddressB]: { [NetworksChainId.mainnet]: [collectibleB1, collectibleB2] },
+			},
 		};
 		const secondState = reducer(firstState, {
 			type: REMOVE_FAVORITE_COLLECTIBLE,
 			selectedAddress: selectedAddressB,
 			chainId: NetworksChainId.mainnet,
-			collectible: collectibleB1
+			collectible: collectibleB1,
 		});
 		expect(secondState).toEqual({
 			favorites: {
 				[selectedAddressA]: { [NetworksChainId.mainnet]: [collectibleA1, collectibleA2] },
-				[selectedAddressB]: { [NetworksChainId.mainnet]: [collectibleB2] }
-			}
+				[selectedAddressB]: { [NetworksChainId.mainnet]: [collectibleB2] },
+			},
 		});
 	});
 
@@ -111,23 +111,23 @@ describe('swaps reducer', () => {
 			favorites: {
 				[selectedAddressA]: {
 					[NetworksChainId.mainnet]: [collectibleA1, collectibleA2],
-					[NetworksChainId.rinkeby]: [collectibleA1]
-				}
-			}
+					[NetworksChainId.rinkeby]: [collectibleA1],
+				},
+			},
 		};
 		const secondState = reducer(firstState, {
 			type: REMOVE_FAVORITE_COLLECTIBLE,
 			selectedAddress: selectedAddressA,
 			chainId: NetworksChainId.rinkeby,
-			collectible: collectibleA1
+			collectible: collectibleA1,
 		});
 		expect(secondState).toEqual({
 			favorites: {
 				[selectedAddressA]: {
 					[NetworksChainId.mainnet]: [collectibleA1, collectibleA2],
-					[NetworksChainId.rinkeby]: []
-				}
-			}
+					[NetworksChainId.rinkeby]: [],
+				},
+			},
 		});
 	});
 });
diff --git a/app/reducers/engine/index.js b/app/reducers/engine/index.js
index d6bf76dc0b4..2cf7ccfd819 100644
--- a/app/reducers/engine/index.js
+++ b/app/reducers/engine/index.js
@@ -3,7 +3,7 @@ import Engine from '../../core/Engine';
 import { store } from '../../store';
 
 const initialState = {
-	backgroundState: {}
+	backgroundState: {},
 };
 
 let engineInitialized = false;
diff --git a/app/reducers/fiatOrders/index.js b/app/reducers/fiatOrders/index.js
index a7712575a42..de8129ded13 100644
--- a/app/reducers/fiatOrders/index.js
+++ b/app/reducers/fiatOrders/index.js
@@ -30,12 +30,12 @@ const ACTIONS = {
 	FIAT_UPDATE_ORDER: 'FIAT_UPDATE_ORDER',
 	FIAT_REMOVE_ORDER: 'FIAT_REMOVE_ORDER',
 	FIAT_RESET: 'FIAT_RESET',
-	FIAT_SET_COUNTRY: 'FIAT_SET_COUNTRY'
+	FIAT_SET_COUNTRY: 'FIAT_SET_COUNTRY',
 };
 
-export const addFiatOrder = order => ({ type: ACTIONS.FIAT_ADD_ORDER, payload: order });
-export const updateFiatOrder = order => ({ type: ACTIONS.FIAT_UPDATE_ORDER, payload: order });
-export const setFiatOrdersCountry = countryCode => ({ type: ACTIONS.FIAT_SET_COUNTRY, payload: countryCode });
+export const addFiatOrder = (order) => ({ type: ACTIONS.FIAT_ADD_ORDER, payload: order });
+export const updateFiatOrder = (order) => ({ type: ACTIONS.FIAT_UPDATE_ORDER, payload: order });
+export const setFiatOrdersCountry = (countryCode) => ({ type: ACTIONS.FIAT_SET_COUNTRY, payload: countryCode });
 
 /**
  * Selectors
@@ -45,7 +45,7 @@ export const setFiatOrdersCountry = countryCode => ({ type: ACTIONS.FIAT_SET_COU
  * Get the provider display name
  * @param {FIAT_ORDER_PROVIDERS} provider
  */
-export const getProviderName = provider => {
+export const getProviderName = (provider) => {
 	switch (provider) {
 		case FIAT_ORDER_PROVIDERS.WYRE:
 		case FIAT_ORDER_PROVIDERS.WYRE_APPLE_PAY: {
@@ -60,18 +60,18 @@ export const getProviderName = provider => {
 	}
 };
 
-const ordersSelector = state => state.fiatOrders.orders || [];
-const selectedAddressSelector = state => state.engine.backgroundState.PreferencesController.selectedAddress;
-const chainIdSelector = state => state.engine.backgroundState.NetworkController.provider.chainId;
+const ordersSelector = (state) => state.fiatOrders.orders || [];
+const selectedAddressSelector = (state) => state.engine.backgroundState.PreferencesController.selectedAddress;
+const chainIdSelector = (state) => state.engine.backgroundState.NetworkController.provider.chainId;
 
-export const fiatOrdersCountrySelector = state => state.fiatOrders.selectedCountry;
+export const fiatOrdersCountrySelector = (state) => state.fiatOrders.selectedCountry;
 
 export const getOrders = createSelector(
 	ordersSelector,
 	selectedAddressSelector,
 	chainIdSelector,
 	(orders, selectedAddress, chainId) =>
-		orders.filter(order => order.account === selectedAddress && order.network === chainId)
+		orders.filter((order) => order.account === selectedAddress && order.network === chainId)
 );
 
 export const getPendingOrders = createSelector(
@@ -80,25 +80,22 @@ export const getPendingOrders = createSelector(
 	chainIdSelector,
 	(orders, selectedAddress, chainId) =>
 		orders.filter(
-			order =>
+			(order) =>
 				order.account === selectedAddress &&
 				order.network === chainId &&
 				order.state === FIAT_ORDER_STATES.PENDING
 		)
 );
 
-export const getHasOrders = createSelector(
-	getOrders,
-	orders => orders.length > 0
-);
+export const getHasOrders = createSelector(getOrders, (orders) => orders.length > 0);
 
 const initialState = {
 	orders: [],
-	selectedCountry: 'US'
+	selectedCountry: 'US',
 };
 
 const findOrderIndex = (provider, id, orders) =>
-	orders.findIndex(order => order.id === id && order.provider === provider);
+	orders.findIndex((order) => order.id === id && order.provider === provider);
 
 const fiatOrderReducer = (state = initialState, action) => {
 	switch (action.type) {
@@ -111,7 +108,7 @@ const fiatOrderReducer = (state = initialState, action) => {
 			}
 			return {
 				...state,
-				orders: [action.payload, ...state.orders]
+				orders: [action.payload, ...state.orders],
 			};
 		}
 		case ACTIONS.FIAT_UPDATE_ORDER: {
@@ -124,10 +121,10 @@ const fiatOrderReducer = (state = initialState, action) => {
 					...orders.slice(0, index),
 					{
 						...orders[index],
-						...order
+						...order,
 					},
-					...orders.slice(index + 1)
-				]
+					...orders.slice(index + 1),
+				],
 			};
 		}
 		case ACTIONS.FIAT_REMOVE_ORDER: {
@@ -136,7 +133,7 @@ const fiatOrderReducer = (state = initialState, action) => {
 			const index = findOrderIndex(order.provider, order.id, state.orders);
 			return {
 				...state,
-				orders: [...orders.slice(0, index), ...orders.slice(index + 1)]
+				orders: [...orders.slice(0, index), ...orders.slice(index + 1)],
 			};
 		}
 		case ACTIONS.FIAT_RESET: {
@@ -145,7 +142,7 @@ const fiatOrderReducer = (state = initialState, action) => {
 		case ACTIONS.FIAT_SET_COUNTRY: {
 			return {
 				...state,
-				selectedCountry: action.payload
+				selectedCountry: action.payload,
 			};
 		}
 		default: {
diff --git a/app/reducers/index.js b/app/reducers/index.js
index d098ec8a9fc..fbab092a9de 100644
--- a/app/reducers/index.js
+++ b/app/reducers/index.js
@@ -36,7 +36,7 @@ const rootReducer = combineReducers({
 	notification: notificationReducer,
 	swaps: swapsReducer,
 	fiatOrders,
-	infuraAvailability: infuraAvailabilityReducer
+	infuraAvailability: infuraAvailabilityReducer,
 });
 
 export default rootReducer;
diff --git a/app/reducers/infuraAvailability/index.js b/app/reducers/infuraAvailability/index.js
index 4079763a530..19ebcbd78bd 100644
--- a/app/reducers/infuraAvailability/index.js
+++ b/app/reducers/infuraAvailability/index.js
@@ -1,23 +1,23 @@
 const initialState = {
-	isBlocked: false
+	isBlocked: false,
 };
 
 export const INFURA_AVAILABILITY_BLOCKED = 'INFURA_AVAILABILITY_BLOCKED';
 export const INFURA_AVAILABILITY_NOT_BLOCKED = 'INFURA_AVAILABILITY_NOT_BLOCKED';
 
-export const getInfuraBlockedSelector = state => state.infuraAvailability?.isBlocked;
+export const getInfuraBlockedSelector = (state) => state.infuraAvailability?.isBlocked;
 
 const infuraAvailabilityReducer = (state = initialState, action) => {
 	switch (action.type) {
 		case INFURA_AVAILABILITY_BLOCKED:
 			return {
 				...state,
-				isBlocked: true
+				isBlocked: true,
 			};
 		case INFURA_AVAILABILITY_NOT_BLOCKED:
 			return {
 				...state,
-				isBlocked: false
+				isBlocked: false,
 			};
 		default:
 			return state;
diff --git a/app/reducers/modals/index.js b/app/reducers/modals/index.js
index 96f98e181ed..7fce1ccee21 100644
--- a/app/reducers/modals/index.js
+++ b/app/reducers/modals/index.js
@@ -5,7 +5,7 @@ const initialState = {
 	receiveModalVisible: false,
 	receiveAsset: undefined,
 	dappTransactionModalVisible: false,
-	approveModalVisible: false
+	approveModalVisible: false,
 };
 
 const modalsReducer = (state = initialState, action) => {
@@ -13,34 +13,34 @@ const modalsReducer = (state = initialState, action) => {
 		case 'TOGGLE_NETWORK_MODAL':
 			return {
 				...state,
-				networkModalVisible: !state.networkModalVisible
+				networkModalVisible: !state.networkModalVisible,
 			};
 		case 'TOGGLE_RECEIVE_MODAL': {
 			return {
 				...state,
 				receiveModalVisible: !state.receiveModalVisible,
-				receiveAsset: action.asset
+				receiveAsset: action.asset,
 			};
 		}
 		case 'TOGGLE_ACCOUNT_MODAL':
 			return {
 				...state,
-				accountsModalVisible: !state.accountsModalVisible
+				accountsModalVisible: !state.accountsModalVisible,
 			};
 		case 'TOGGLE_COLLECTIBLE_CONTRACT_MODAL':
 			return {
 				...state,
-				collectibleContractModalVisible: !state.collectibleContractModalVisible
+				collectibleContractModalVisible: !state.collectibleContractModalVisible,
 			};
 		case 'TOGGLE_DAPP_TRANSACTION_MODAL':
 			return {
 				...state,
-				dappTransactionModalVisible: action.show === null ? !state.dappTransactionModalVisible : action.show
+				dappTransactionModalVisible: action.show === null ? !state.dappTransactionModalVisible : action.show,
 			};
 		case 'TOGGLE_APPROVE_MODAL':
 			return {
 				...state,
-				approveModalVisible: !state.approveModalVisible
+				approveModalVisible: !state.approveModalVisible,
 			};
 		default:
 			return state;
diff --git a/app/reducers/notification/index.js b/app/reducers/notification/index.js
index 66680a22ee0..eb875b73a63 100644
--- a/app/reducers/notification/index.js
+++ b/app/reducers/notification/index.js
@@ -2,7 +2,7 @@ import notificationTypes from '../../util/notifications';
 const { TRANSACTION, SIMPLE } = notificationTypes;
 
 export const initialState = {
-	notifications: []
+	notifications: [],
 };
 
 export const ACTIONS = {
@@ -15,13 +15,13 @@ export const ACTIONS = {
 	REMOVE_CURRENT_NOTIFICATION: 'REMOVE_CURRENT_NOTIFICATION',
 	REMOVE_NOT_VISIBLE_NOTIFICATIONS: 'REMOVE_NOT_VISIBLE_NOTIFICATIONS',
 	SHOW_SIMPLE_NOTIFICATION: 'SHOW_SIMPLE_NOTIFICATION',
-	SHOW_TRANSACTION_NOTIFICATION: 'SHOW_TRANSACTION_NOTIFICATION'
+	SHOW_TRANSACTION_NOTIFICATION: 'SHOW_TRANSACTION_NOTIFICATION',
 };
 
 const enqueue = (notifications, notification) => [...notifications, notification];
-const dequeue = notifications => notifications.slice(1);
+const dequeue = (notifications) => notifications.slice(1);
 
-export const currentNotificationSelector = state => state?.notifications[0] || {};
+export const currentNotificationSelector = (state) => state?.notifications[0] || {};
 
 const notificationReducer = (state = initialState, action) => {
 	const { notifications } = state;
@@ -31,7 +31,7 @@ const notificationReducer = (state = initialState, action) => {
 			if (notifications[0]) {
 				return {
 					...state,
-					notifications: [{ ...notifications[0], isVisible: false }, ...notifications.slice(1)]
+					notifications: [{ ...notifications[0], isVisible: false }, ...notifications.slice(1)],
 				};
 			}
 			return state;
@@ -46,8 +46,8 @@ const notificationReducer = (state = initialState, action) => {
 				notifications: [
 					...notifications.slice(0, index),
 					{ ...notifications[index], isVisible: false },
-					...notifications.slice(index + 1)
-				]
+					...notifications.slice(index + 1),
+				],
 			};
 		}
 		case ACTIONS.MODIFY_OR_SHOW_TRANSACTION_NOTIFICATION: {
@@ -65,11 +65,11 @@ const notificationReducer = (state = initialState, action) => {
 								autodismiss: action.autodismiss,
 								transaction: action.transaction,
 								status: action.status,
-								type: TRANSACTION
-							}
+								type: TRANSACTION,
+							},
 						},
-						...notifications.slice(index + 1)
-					]
+						...notifications.slice(index + 1),
+					],
 				};
 			}
 			return {
@@ -80,8 +80,8 @@ const notificationReducer = (state = initialState, action) => {
 					autodismiss: action.autodismiss,
 					transaction: action.transaction,
 					status: action.status,
-					type: TRANSACTION
-				})
+					type: TRANSACTION,
+				}),
 			};
 		}
 		case ACTIONS.MODIFY_OR_SHOW_SIMPLE_NOTIFICATION: {
@@ -100,11 +100,11 @@ const notificationReducer = (state = initialState, action) => {
 								title: action.title,
 								description: action.description,
 								status: action.status,
-								type: SIMPLE
-							}
+								type: SIMPLE,
+							},
 						},
-						...notifications.slice(index + 1)
-					]
+						...notifications.slice(index + 1),
+					],
 				};
 			}
 			return {
@@ -116,8 +116,8 @@ const notificationReducer = (state = initialState, action) => {
 					title: action.title,
 					description: action.description,
 					status: action.status,
-					type: SIMPLE
-				})
+					type: SIMPLE,
+				}),
 			};
 		}
 		case ACTIONS.REPLACE_NOTIFICATION_BY_ID: {
@@ -130,20 +130,20 @@ const notificationReducer = (state = initialState, action) => {
 				notifications: [
 					...notifications.slice(0, index),
 					action.notification,
-					...notifications.slice(index + 1)
-				]
+					...notifications.slice(index + 1),
+				],
 			};
 		}
 		case ACTIONS.REMOVE_NOTIFICATION_BY_ID: {
 			return {
 				...state,
-				notifications: notifications.filter(({ id }) => id !== action.id)
+				notifications: notifications.filter(({ id }) => id !== action.id),
 			};
 		}
 		case ACTIONS.REMOVE_CURRENT_NOTIFICATION: {
 			return {
 				...state,
-				notifications: dequeue(notifications)
+				notifications: dequeue(notifications),
 			};
 		}
 		case ACTIONS.SHOW_SIMPLE_NOTIFICATION: {
@@ -156,8 +156,8 @@ const notificationReducer = (state = initialState, action) => {
 					title: action.title,
 					description: action.description,
 					status: action.status,
-					type: SIMPLE
-				})
+					type: SIMPLE,
+				}),
 			};
 		}
 		case ACTIONS.SHOW_TRANSACTION_NOTIFICATION: {
@@ -169,15 +169,15 @@ const notificationReducer = (state = initialState, action) => {
 					autodismiss: action.autodismiss || 5000,
 					transaction: action.transaction,
 					status: action.status,
-					type: TRANSACTION
-				})
+					type: TRANSACTION,
+				}),
 			};
 		}
 		case ACTIONS.REMOVE_NOT_VISIBLE_NOTIFICATIONS: {
-			const visibleNotifications = notifications?.filter(notification => notification.isVisible) || [];
+			const visibleNotifications = notifications?.filter((notification) => notification.isVisible) || [];
 			return {
 				...state,
-				notifications: visibleNotifications
+				notifications: visibleNotifications,
 			};
 		}
 		default:
diff --git a/app/reducers/notification/notification.test.js b/app/reducers/notification/notification.test.js
index 31cbfaaa29b..59839e92d39 100644
--- a/app/reducers/notification/notification.test.js
+++ b/app/reducers/notification/notification.test.js
@@ -4,20 +4,20 @@ const { TRANSACTION, SIMPLE } = notificationTypes;
 
 const emptyAction = { type: null };
 
-const simpleNotification = number => ({
+const simpleNotification = (number) => ({
 	id: `simple${number}`,
 	status: `simple${number} status`,
 	duration: 5000,
 	title: `Simple Notification ${number}`,
-	description: `Simple Notification ${number} description}`
+	description: `Simple Notification ${number} description}`,
 });
 
-const txNotification = number => ({
+const txNotification = (number) => ({
 	transaction: { id: `tx${number}` },
 	status: `tx${number} status`,
 	duration: 5000,
 	title: `Transaction Notification ${number}`,
-	description: `Transaction Notification ${number} description}`
+	description: `Transaction Notification ${number} description}`,
 });
 
 describe('notifications reducer', () => {
@@ -81,12 +81,12 @@ describe('notifications reducer', () => {
 
 		beforeEach(() => {
 			stateWithNotifications = [
-				state => reducer(state, { type: ACTIONS.SHOW_SIMPLE_NOTIFICATION, ...simpleNotification(0) }),
-				state => reducer(state, { type: ACTIONS.SHOW_TRANSACTION_NOTIFICATION, ...txNotification(1) }),
-				state => reducer(state, { type: ACTIONS.SHOW_SIMPLE_NOTIFICATION, ...simpleNotification(1) }),
-				state => reducer(state, { type: ACTIONS.SHOW_TRANSACTION_NOTIFICATION, ...txNotification(2) }),
-				state => reducer(state, { type: ACTIONS.SHOW_SIMPLE_NOTIFICATION, ...simpleNotification(2) }),
-				state => reducer(state, { type: ACTIONS.SHOW_SIMPLE_NOTIFICATION, ...simpleNotification(3) })
+				(state) => reducer(state, { type: ACTIONS.SHOW_SIMPLE_NOTIFICATION, ...simpleNotification(0) }),
+				(state) => reducer(state, { type: ACTIONS.SHOW_TRANSACTION_NOTIFICATION, ...txNotification(1) }),
+				(state) => reducer(state, { type: ACTIONS.SHOW_SIMPLE_NOTIFICATION, ...simpleNotification(1) }),
+				(state) => reducer(state, { type: ACTIONS.SHOW_TRANSACTION_NOTIFICATION, ...txNotification(2) }),
+				(state) => reducer(state, { type: ACTIONS.SHOW_SIMPLE_NOTIFICATION, ...simpleNotification(2) }),
+				(state) => reducer(state, { type: ACTIONS.SHOW_SIMPLE_NOTIFICATION, ...simpleNotification(3) }),
 			].reduce((acc, current) => current(acc), undefined);
 		});
 
@@ -99,9 +99,9 @@ describe('notifications reducer', () => {
 			const id = txNotification(2).transaction.id;
 			const state = reducer(stateWithNotifications, {
 				type: ACTIONS.HIDE_NOTIFICATION_BY_ID,
-				id
+				id,
 			});
-			const notification = state.notifications.find(notification => notification.id === id);
+			const notification = state.notifications.find((notification) => notification.id === id);
 			expect(notification.isVisible).toBe(false);
 		});
 
@@ -113,21 +113,21 @@ describe('notifications reducer', () => {
 			const state = reducer(stateWithNotifications, {
 				type: ACTIONS.MODIFY_OR_SHOW_TRANSACTION_NOTIFICATION,
 				id: notificationId,
-				...{ ...txNotification(1), status }
+				...{ ...txNotification(1), status },
 			});
 			expect(state.notifications.length).toBe(currentCount);
-			expect(state.notifications.find(notification => notification.id === notificationId)?.status).toEqual(
+			expect(state.notifications.find((notification) => notification.id === notificationId)?.status).toEqual(
 				status
 			);
 
 			const newNotification = txNotification(3);
 			const state2 = reducer(stateWithNotifications, {
 				type: ACTIONS.MODIFY_OR_SHOW_TRANSACTION_NOTIFICATION,
-				...newNotification
+				...newNotification,
 			});
 			expect(state2.notifications.length).toBe(currentCount + 1);
 			expect(
-				state2.notifications.find(notification => notification.id === newNotification.transaction.id)
+				state2.notifications.find((notification) => notification.id === newNotification.transaction.id)
 			).not.toBeUndefined();
 		});
 
@@ -139,21 +139,21 @@ describe('notifications reducer', () => {
 			const state = reducer(stateWithNotifications, {
 				type: ACTIONS.MODIFY_OR_SHOW_SIMPLE_NOTIFICATION,
 				id: notificationId,
-				...{ ...simpleNotification(1), description }
+				...{ ...simpleNotification(1), description },
 			});
 			expect(state.notifications.length).toBe(currentCount);
-			expect(state.notifications.find(notification => notification.id === notificationId)?.description).toBe(
+			expect(state.notifications.find((notification) => notification.id === notificationId)?.description).toBe(
 				description
 			);
 
 			const newNotification = simpleNotification(4);
 			const state2 = reducer(stateWithNotifications, {
 				type: ACTIONS.MODIFY_OR_SHOW_SIMPLE_NOTIFICATION,
-				...newNotification
+				...newNotification,
 			});
 			expect(state2.notifications.length).toBe(currentCount + 1);
 			expect(
-				state2.notifications.find(notification => notification.id === newNotification.id)
+				state2.notifications.find((notification) => notification.id === newNotification.id)
 			).not.toBeUndefined();
 		});
 
@@ -164,10 +164,10 @@ describe('notifications reducer', () => {
 			const state = reducer(stateWithNotifications, {
 				type: ACTIONS.REPLACE_NOTIFICATION_BY_ID,
 				id: notificationId,
-				notification
+				notification,
 			});
 
-			const replacedNotification = state.notifications.find(notification => notification.id === notificationId);
+			const replacedNotification = state.notifications.find((notification) => notification.id === notificationId);
 			expect(state.notifications.length).toBe(currentCount);
 			expect(replacedNotification.description).toEqual('Replaced notification');
 		});
@@ -177,10 +177,10 @@ describe('notifications reducer', () => {
 			const notificationId = simpleNotification(2).id;
 			const state = reducer(stateWithNotifications, {
 				type: ACTIONS.REMOVE_NOTIFICATION_BY_ID,
-				id: notificationId
+				id: notificationId,
 			});
 			expect(state.notifications.length).toEqual(currentCount - 1);
-			expect(state.notifications.find(notification => notification.id === notificationId)).toBeUndefined();
+			expect(state.notifications.find((notification) => notification.id === notificationId)).toBeUndefined();
 		});
 
 		it('should remove current notification', () => {
@@ -188,7 +188,9 @@ describe('notifications reducer', () => {
 			const currentNotificationId = stateWithNotifications.notifications[0].id;
 			const state = reducer(stateWithNotifications, { type: ACTIONS.REMOVE_CURRENT_NOTIFICATION });
 			expect(state.notifications.length).toEqual(currentCount - 1);
-			expect(state.notifications.find(notification => notification.id === currentNotificationId)).toBeUndefined();
+			expect(
+				state.notifications.find((notification) => notification.id === currentNotificationId)
+			).toBeUndefined();
 		});
 	});
 });
diff --git a/app/reducers/onboarding/index.js b/app/reducers/onboarding/index.js
index 6898ee0b30c..b1c85433646 100644
--- a/app/reducers/onboarding/index.js
+++ b/app/reducers/onboarding/index.js
@@ -1,7 +1,7 @@
 import { REHYDRATE } from 'redux-persist';
 
 const initialState = {
-	events: []
+	events: [],
 };
 
 /**
@@ -21,7 +21,7 @@ const onboardingReducer = (state = initialState, action) => {
 		case 'CLEAR_EVENTS':
 			return {
 				...state,
-				events: []
+				events: [],
 			};
 		default:
 			return state;
diff --git a/app/reducers/privacy/index.js b/app/reducers/privacy/index.js
index 07fa90adbb9..42c9d18ee4f 100644
--- a/app/reducers/privacy/index.js
+++ b/app/reducers/privacy/index.js
@@ -3,7 +3,7 @@ import { REHYDRATE } from 'redux-persist';
 const initialState = {
 	approvedHosts: {},
 	privacyMode: true,
-	thirdPartyApiMode: true
+	thirdPartyApiMode: true,
 };
 
 const privacyReducer = (state = initialState, action) => {
@@ -19,29 +19,29 @@ const privacyReducer = (state = initialState, action) => {
 				...state,
 				approvedHosts: {
 					...state.approvedHosts,
-					[action.hostname]: true
-				}
+					[action.hostname]: true,
+				},
 			};
 		case 'REJECT_HOST':
 			delete newHosts[action.hostname];
 			return {
 				...state,
-				approvedHosts: newHosts
+				approvedHosts: newHosts,
 			};
 		case 'CLEAR_HOSTS':
 			return {
 				...state,
-				approvedHosts: {}
+				approvedHosts: {},
 			};
 		case 'SET_PRIVACY_MODE':
 			return {
 				...state,
-				privacyMode: action.enabled
+				privacyMode: action.enabled,
 			};
 		case 'SET_THIRD_PARTY_API_MODE':
 			return {
 				...state,
-				thirdPartyApiMode: action.enabled
+				thirdPartyApiMode: action.enabled,
 			};
 		default:
 			return state;
diff --git a/app/reducers/settings/index.js b/app/reducers/settings/index.js
index 12e43aba595..a9f25d3cb01 100644
--- a/app/reducers/settings/index.js
+++ b/app/reducers/settings/index.js
@@ -6,7 +6,7 @@ const initialState = {
 	primaryCurrency: 'ETH',
 	lockTime: -1, // Disabled by default
 	useBlockieIcon: true,
-	hideZeroBalanceTokens: false
+	hideZeroBalanceTokens: false,
 };
 
 const settingsReducer = (state = initialState, action) => {
@@ -19,37 +19,37 @@ const settingsReducer = (state = initialState, action) => {
 		case 'SET_SEARCH_ENGINE':
 			return {
 				...state,
-				searchEngine: action.searchEngine
+				searchEngine: action.searchEngine,
 			};
 		case 'SET_LOCK_TIME':
 			return {
 				...state,
-				lockTime: action.lockTime
+				lockTime: action.lockTime,
 			};
 		case 'SET_SHOW_HEX_DATA':
 			return {
 				...state,
-				showHexData: action.showHexData
+				showHexData: action.showHexData,
 			};
 		case 'SET_SHOW_CUSTOM_NONCE':
 			return {
 				...state,
-				showCustomNonce: action.showCustomNonce
+				showCustomNonce: action.showCustomNonce,
 			};
 		case 'SET_HIDE_ZERO_BALANCE_TOKENS':
 			return {
 				...state,
-				hideZeroBalanceTokens: action.hideZeroBalanceTokens
+				hideZeroBalanceTokens: action.hideZeroBalanceTokens,
 			};
 		case 'SET_USE_BLOCKIE_ICON':
 			return {
 				...state,
-				useBlockieIcon: action.useBlockieIcon
+				useBlockieIcon: action.useBlockieIcon,
 			};
 		case 'SET_PRIMARY_CURRENCY':
 			return {
 				...state,
-				primaryCurrency: action.primaryCurrency
+				primaryCurrency: action.primaryCurrency,
 			};
 		default:
 			return state;
diff --git a/app/reducers/swaps/index.js b/app/reducers/swaps/index.js
index 79186852eff..419aab9f782 100644
--- a/app/reducers/swaps/index.js
+++ b/app/reducers/swaps/index.js
@@ -11,7 +11,7 @@ const MAX_TOKENS_WITH_BALANCE = 5;
 
 // * Action Creator
 export const setSwapsLiveness = (live, chainId) => ({ type: SWAPS_SET_LIVENESS, payload: { live, chainId } });
-export const setSwapsHasOnboarded = hasOnboarded => ({ type: SWAPS_SET_HAS_ONBOARDED, payload: hasOnboarded });
+export const setSwapsHasOnboarded = (hasOnboarded) => ({ type: SWAPS_SET_HAS_ONBOARDED, payload: hasOnboarded });
 
 // * Functions
 
@@ -19,7 +19,7 @@ function addMetadata(chainId, tokens) {
 	if (!isMainnetByChainId(chainId)) {
 		return tokens;
 	}
-	return tokens.map(token => {
+	return tokens.map((token) => {
 		const tokenMetadata = contractMetadata[safeToChecksumAddress(token.address)];
 		if (tokenMetadata) {
 			return { ...token, name: tokenMetadata.name };
@@ -31,8 +31,8 @@ function addMetadata(chainId, tokens) {
 
 // * Selectors
 
-const chainIdSelector = state => state.engine.backgroundState.NetworkController.provider.chainId;
-const swapsStateSelector = state => state.swaps;
+const chainIdSelector = (state) => state.engine.backgroundState.NetworkController.provider.chainId;
+const swapsStateSelector = (state) => state.swaps;
 /**
  * Returns the swaps liveness state
  */
@@ -47,69 +47,57 @@ export const swapsLivenessSelector = createSelector(
  * Returns the swaps onboarded state
  */
 
-export const swapsHasOnboardedSelector = createSelector(
-	swapsStateSelector,
-	swapsState => swapsState.hasOnboarded
-);
+export const swapsHasOnboardedSelector = createSelector(swapsStateSelector, (swapsState) => swapsState.hasOnboarded);
 
 /**
  * Returns the swaps tokens from the state
  */
-const swapsControllerTokens = state => state.engine.backgroundState.SwapsController.tokens;
-const tokensSelectors = state => state.engine.backgroundState.TokensController.tokens;
-
-const swapsControllerAndUserTokens = createSelector(
-	swapsControllerTokens,
-	tokensSelectors,
-	(swapsTokens, tokens) => {
-		const values = [...(swapsTokens || []), ...(tokens || [])]
-			.reduce((map, { balanceError, image, ...token }) => {
-				const key = token.address.toLowerCase();
-
-				if (!map.has(key)) {
-					map.set(key, {
-						occurrences: 0,
-						...token,
-						decimals: Number(token.decimals),
-						address: key
-					});
-				}
-				return map;
-			}, new Map())
-			.values();
-
-		return [...values];
-	}
-);
+const swapsControllerTokens = (state) => state.engine.backgroundState.SwapsController.tokens;
+const tokensSelectors = (state) => state.engine.backgroundState.TokensController.tokens;
+
+const swapsControllerAndUserTokens = createSelector(swapsControllerTokens, tokensSelectors, (swapsTokens, tokens) => {
+	const values = [...(swapsTokens || []), ...(tokens || [])]
+		.reduce((map, { balanceError, image, ...token }) => {
+			const key = token.address.toLowerCase();
+
+			if (!map.has(key)) {
+				map.set(key, {
+					occurrences: 0,
+					...token,
+					decimals: Number(token.decimals),
+					address: key,
+				});
+			}
+			return map;
+		}, new Map())
+		.values();
 
-export const swapsTokensSelector = createSelector(
-	chainIdSelector,
-	swapsControllerAndUserTokens,
-	(chainId, tokens) => {
-		if (!tokens) {
-			return [];
-		}
+	return [...values];
+});
 
-		return addMetadata(chainId, tokens);
+export const swapsTokensSelector = createSelector(chainIdSelector, swapsControllerAndUserTokens, (chainId, tokens) => {
+	if (!tokens) {
+		return [];
 	}
-);
 
-const topAssets = state => state.engine.backgroundState.SwapsController.topAssets;
+	return addMetadata(chainId, tokens);
+});
+
+const topAssets = (state) => state.engine.backgroundState.SwapsController.topAssets;
 
 /**
  * Returns a memoized object that only has the addesses of the tokens as keys
  * and undefined as value. Useful to check if a token is supported by swaps.
  */
-export const swapsTokensObjectSelector = createSelector(
-	swapsControllerAndUserTokens,
-	tokens => (tokens?.length > 0 ? tokens.reduce((acc, token) => ({ ...acc, [token.address]: undefined }), {}) : {})
+export const swapsTokensObjectSelector = createSelector(swapsControllerAndUserTokens, (tokens) =>
+	tokens?.length > 0 ? tokens.reduce((acc, token) => ({ ...acc, [token.address]: undefined }), {}) : {}
 );
 
 /**
  * Balances
  */
 
-const balances = state => state.engine.backgroundState.TokenBalancesController.contractBalances;
+const balances = (state) => state.engine.backgroundState.TokenBalancesController.contractBalances;
 
 /**
  * Returns an array of tokens to display by default on the selector modal
@@ -167,7 +155,7 @@ export const swapsTopAssetsSelector = createSelector(
 			return [];
 		}
 		const result = topAssets
-			.map(({ address }) => tokens?.find(token => toLowerCaseEquals(token.address, address)))
+			.map(({ address }) => tokens?.find((token) => toLowerCaseEquals(token.address, address)))
 			.filter(Boolean);
 		return addMetadata(chainId, result);
 	}
@@ -178,9 +166,9 @@ export const initialState = {
 	isLive: true, // TODO: should we remove it?
 	hasOnboarded: false,
 
-	'1': {
-		isLive: true
-	}
+	1: {
+		isLive: true,
+	},
 };
 
 function swapsReducer(state = initialState, action) {
@@ -192,14 +180,14 @@ function swapsReducer(state = initialState, action) {
 				...state,
 				[chainId]: {
 					...data,
-					isLive: live
-				}
+					isLive: live,
+				},
 			};
 		}
 		case SWAPS_SET_HAS_ONBOARDED: {
 			return {
 				...state,
-				hasOnboarded: Boolean(action.payload)
+				hasOnboarded: Boolean(action.payload),
 			};
 		}
 		default: {
diff --git a/app/reducers/transaction/index.js b/app/reducers/transaction/index.js
index 8526275be2d..aa403cf66f2 100644
--- a/app/reducers/transaction/index.js
+++ b/app/reducers/transaction/index.js
@@ -14,7 +14,7 @@ const initialState = {
 		value: undefined,
 		// eip1559
 		maxFeePerGas: undefined,
-		maxPriorityFeePerGas: undefined
+		maxPriorityFeePerGas: undefined,
 	},
 	warningGasPriceHigh: undefined,
 	transactionTo: undefined,
@@ -27,10 +27,10 @@ const initialState = {
 	id: undefined,
 	type: undefined,
 	proposedNonce: undefined,
-	nonce: undefined
+	nonce: undefined,
 };
 
-const getAssetType = selectedAsset => {
+const getAssetType = (selectedAsset) => {
 	let assetType;
 	if (selectedAsset) {
 		if (selectedAsset.tokenId) {
@@ -48,29 +48,29 @@ const transactionReducer = (state = initialState, action) => {
 	switch (action.type) {
 		case REHYDRATE:
 			return {
-				...initialState
+				...initialState,
 			};
 		case 'RESET_TRANSACTION':
 			return {
 				...state,
-				...initialState
+				...initialState,
 			};
 		case 'NEW_ASSET_TRANSACTION':
 			return {
 				...state,
 				...initialState,
 				selectedAsset: action.selectedAsset,
-				assetType: action.assetType
+				assetType: action.assetType,
 			};
 		case 'SET_NONCE':
 			return {
 				...state,
-				nonce: action.nonce
+				nonce: action.nonce,
 			};
 		case 'SET_PROPOSED_NONCE':
 			return {
 				...state,
-				proposedNonce: action.proposedNonce
+				proposedNonce: action.proposedNonce,
 			};
 		case 'SET_RECIPIENT':
 			return {
@@ -79,7 +79,7 @@ const transactionReducer = (state = initialState, action) => {
 				ensRecipient: action.ensRecipient,
 				transactionTo: action.to,
 				transactionToName: action.transactionToName,
-				transactionFromName: action.transactionFromName
+				transactionFromName: action.transactionFromName,
 			};
 		case 'SET_SELECTED_ASSET': {
 			const selectedAsset = action.selectedAsset;
@@ -87,13 +87,13 @@ const transactionReducer = (state = initialState, action) => {
 			return {
 				...state,
 				selectedAsset,
-				assetType
+				assetType,
 			};
 		}
 		case 'PREPARE_TRANSACTION':
 			return {
 				...state,
-				transaction: action.transaction
+				transaction: action.transaction,
 			};
 		case 'SET_TRANSACTION_OBJECT': {
 			const selectedAsset = action.transaction.selectedAsset;
@@ -106,9 +106,9 @@ const transactionReducer = (state = initialState, action) => {
 				...state,
 				transaction: {
 					...state.transaction,
-					...getTxData(action.transaction)
+					...getTxData(action.transaction),
 				},
-				...txMeta
+				...txMeta,
 			};
 		}
 		case 'SET_TOKENS_TRANSACTION': {
@@ -118,7 +118,7 @@ const transactionReducer = (state = initialState, action) => {
 				...state,
 				type: 'TOKENS_TRANSACTION',
 				selectedAsset: action.asset,
-				assetType
+				assetType,
 			};
 		}
 		case 'SET_ETHER_TRANSACTION':
@@ -129,27 +129,27 @@ const transactionReducer = (state = initialState, action) => {
 				selectedAsset: { isETH: true, symbol: 'ETH' },
 				type: 'ETHER_TRANSACTION',
 				...getTxMeta(action.transaction),
-				transaction: getTxData(action.transaction)
+				transaction: getTxData(action.transaction),
 			};
 		case 'SET_INDIVIDUAL_TOKEN_TRANSACTION':
 			return {
 				...state,
 				selectedAsset: action.token,
-				type: 'INDIVIDUAL_TOKEN_TRANSACTION'
+				type: 'INDIVIDUAL_TOKEN_TRANSACTION',
 			};
 		case 'SET_INDIVIDUAL_COLLECTIBLE_TRANSACTION':
 			return {
 				...state,
 				selectedAsset: action.collectible,
 				assetType: 'ERC721',
-				type: 'INDIVIDUAL_COLLECTIBLE_TRANSACTION'
+				type: 'INDIVIDUAL_COLLECTIBLE_TRANSACTION',
 			};
 		case 'SET_COLLECTIBLE_CONTRACT_TRANSACTION':
 			return {
 				...state,
 				selectedAsset: action.collectible,
 				assetType: 'ERC721',
-				type: 'CONTRACT_COLLECTIBLE_TRANSACTION'
+				type: 'CONTRACT_COLLECTIBLE_TRANSACTION',
 			};
 		default:
 			return state;
diff --git a/app/reducers/user/index.js b/app/reducers/user/index.js
index f06b83536cf..f499ebca761 100644
--- a/app/reducers/user/index.js
+++ b/app/reducers/user/index.js
@@ -7,7 +7,7 @@ const initialState = {
 	seedphraseBackedUp: false,
 	backUpSeedphraseVisible: false,
 	protectWalletModalVisible: false,
-	gasEducationCarouselSeen: false
+	gasEducationCarouselSeen: false,
 };
 
 const userReducer = (state = initialState, action) => {
@@ -21,62 +21,62 @@ const userReducer = (state = initialState, action) => {
 			return {
 				...state,
 				loadingSet: true,
-				loadingMsg: action.loadingMsg
+				loadingMsg: action.loadingMsg,
 			};
 		case 'LOADING_UNSET':
 			return {
 				...state,
-				loadingSet: false
+				loadingSet: false,
 			};
 		case 'PASSWORD_SET':
 			return {
 				...state,
-				passwordSet: true
+				passwordSet: true,
 			};
 		case 'PASSWORD_UNSET':
 			return {
 				...state,
-				passwordSet: false
+				passwordSet: false,
 			};
 		case 'SEEDPHRASE_NOT_BACKED_UP':
 			return {
 				...state,
 				seedphraseBackedUp: false,
-				backUpSeedphraseVisible: true
+				backUpSeedphraseVisible: true,
 			};
 		case 'SEEDPHRASE_BACKED_UP':
 			return {
 				...state,
 				seedphraseBackedUp: true,
-				backUpSeedphraseVisible: false
+				backUpSeedphraseVisible: false,
 			};
 		case 'BACK_UP_SEEDPHRASE_VISIBLE':
 			return {
 				...state,
-				backUpSeedphraseVisible: true
+				backUpSeedphraseVisible: true,
 			};
 		case 'BACK_UP_SEEDPHRASE_NOT_VISIBLE':
 			return {
 				...state,
-				backUpSeedphraseVisible: false
+				backUpSeedphraseVisible: false,
 			};
 		case 'PROTECT_MODAL_VISIBLE':
 			if (!state.seedphraseBackedUp) {
 				return {
 					...state,
-					protectWalletModalVisible: true
+					protectWalletModalVisible: true,
 				};
 			}
 			return state;
 		case 'PROTECT_MODAL_NOT_VISIBLE':
 			return {
 				...state,
-				protectWalletModalVisible: false
+				protectWalletModalVisible: false,
 			};
 		case 'SET_GAS_EDUCATION_CAROUSEL_SEEN':
 			return {
 				...state,
-				gasEducationCarouselSeen: true
+				gasEducationCarouselSeen: true,
 			};
 		default:
 			return state;
diff --git a/app/reducers/wizard/index.js b/app/reducers/wizard/index.js
index d4b78cc3248..36210839fb1 100644
--- a/app/reducers/wizard/index.js
+++ b/app/reducers/wizard/index.js
@@ -1,19 +1,19 @@
 import { REHYDRATE } from 'redux-persist';
 
 const initialState = {
-	step: 0
+	step: 0,
 };
 
 const onboardingWizardReducer = (state = initialState, action) => {
 	switch (action.type) {
 		case REHYDRATE:
 			return {
-				...initialState
+				...initialState,
 			};
 		case 'SET_ONBOARDING_WIZARD_STEP':
 			return {
 				...state,
-				step: action.step
+				step: action.step,
 			};
 		default:
 			return state;
diff --git a/app/store/index.js b/app/store/index.js
index a491924e856..e11f3097590 100644
--- a/app/store/index.js
+++ b/app/store/index.js
@@ -40,7 +40,7 @@ const MigratedStorage = {
 		} catch (error) {
 			Logger.error(error, { message: 'Failed to remove item' });
 		}
-	}
+	},
 };
 
 const persistConfig = {
@@ -51,7 +51,7 @@ const persistConfig = {
 	stateReconciler: autoMergeLevel2, // see "Merge Process" section for details.
 	migrate: createMigrate(migrations, { debug: false }),
 	timeout: 30000,
-	writeFailHandler: error => Logger.error(error, { message: 'Error persisting data' }) // Log error if saving state fails
+	writeFailHandler: (error) => Logger.error(error, { message: 'Error persisting data' }), // Log error if saving state fails
 };
 
 const pReducer = persistReducer(persistConfig, rootReducer);
diff --git a/app/store/migrations.js b/app/store/migrations.js
index d447a296af9..08219f20824 100644
--- a/app/store/migrations.js
+++ b/app/store/migrations.js
@@ -7,10 +7,10 @@ import { ONBOARDING_WIZARD, METRICS_OPT_IN, AGREED, DENIED, EXPLORED } from '../
 
 export const migrations = {
 	// Needed after https://github.com/MetaMask/controllers/pull/152
-	0: state => {
+	0: (state) => {
 		const addressBook = state.engine.backgroundState.AddressBookController.addressBook;
 		const migratedAddressBook = {};
-		Object.keys(addressBook).forEach(address => {
+		Object.keys(addressBook).forEach((address) => {
 			const chainId = addressBook[address].chainId.toString();
 			migratedAddressBook[chainId]
 				? (migratedAddressBook[chainId] = { ...migratedAddressBook[chainId], [address]: addressBook[address] })
@@ -20,10 +20,10 @@ export const migrations = {
 		return state;
 	},
 	// MakerDAO DAI => SAI
-	1: state => {
+	1: (state) => {
 		const tokens = state.engine.backgroundState.TokensController.tokens;
 		const migratedTokens = [];
-		tokens.forEach(token => {
+		tokens.forEach((token) => {
 			if (token.symbol === 'DAI' && toLowerCaseEquals(token.address, AppConstants.SAI_ADDRESS)) {
 				token.symbol = 'SAI';
 			}
@@ -33,7 +33,7 @@ export const migrations = {
 
 		return state;
 	},
-	2: state => {
+	2: (state) => {
 		const provider = state.engine.backgroundState.NetworkController.provider;
 
 		// Check if the current network is one of the initial networks
@@ -47,12 +47,12 @@ export const migrations = {
 			// If the current network does not have a chainId, switch to testnet.
 			state.engine.backgroundState.NetworkController.provider = {
 				ticker: 'ETH',
-				type: 'rinkeby'
+				type: 'rinkeby',
 			};
 		}
 		return state;
 	},
-	3: state => {
+	3: (state) => {
 		const provider = state.engine.backgroundState.NetworkController.provider;
 		const chainId = NetworksChainId[provider.type];
 		// if chainId === '' is a rpc
@@ -71,12 +71,12 @@ export const migrations = {
 			state.engine.backgroundState.NetworkController.provider = {
 				ticker: 'ETH',
 				type: 'rinkeby',
-				chainId: NetworksChainId.rinkeby
+				chainId: NetworksChainId.rinkeby,
 			};
 		}
 		return state;
 	},
-	4: state => {
+	4: (state) => {
 		const { allCollectibleContracts, allCollectibles, allTokens } = state.engine.backgroundState.AssetsController;
 		const { frequentRpcList } = state.engine.backgroundState.PreferencesController;
 
@@ -84,9 +84,9 @@ export const migrations = {
 		const newAllCollectibles = {};
 		const newAllTokens = {};
 
-		Object.keys(allTokens).forEach(address => {
+		Object.keys(allTokens).forEach((address) => {
 			newAllTokens[address] = {};
-			Object.keys(allTokens[address]).forEach(networkType => {
+			Object.keys(allTokens[address]).forEach((networkType) => {
 				if (NetworksChainId[networkType]) {
 					newAllTokens[address][NetworksChainId[networkType]] = allTokens[address][networkType];
 				} else {
@@ -97,9 +97,9 @@ export const migrations = {
 			});
 		});
 
-		Object.keys(allCollectibles).forEach(address => {
+		Object.keys(allCollectibles).forEach((address) => {
 			newAllCollectibles[address] = {};
-			Object.keys(allCollectibles[address]).forEach(networkType => {
+			Object.keys(allCollectibles[address]).forEach((networkType) => {
 				if (NetworksChainId[networkType]) {
 					newAllCollectibles[address][NetworksChainId[networkType]] = allCollectibles[address][networkType];
 				} else {
@@ -110,9 +110,9 @@ export const migrations = {
 			});
 		});
 
-		Object.keys(allCollectibleContracts).forEach(address => {
+		Object.keys(allCollectibleContracts).forEach((address) => {
 			newAllCollectibleContracts[address] = {};
-			Object.keys(allCollectibleContracts[address]).forEach(networkType => {
+			Object.keys(allCollectibleContracts[address]).forEach((networkType) => {
 				if (NetworksChainId[networkType]) {
 					newAllCollectibleContracts[address][NetworksChainId[networkType]] =
 						allCollectibleContracts[address][networkType];
@@ -128,27 +128,27 @@ export const migrations = {
 			...state.engine.backgroundState.AssetsController,
 			allTokens: newAllTokens,
 			allCollectibles: newAllCollectibles,
-			allCollectibleContracts: newAllCollectibleContracts
+			allCollectibleContracts: newAllCollectibleContracts,
 		};
 		return state;
 	},
-	5: state => {
+	5: (state) => {
 		state.engine.backgroundState.TokensController = {
 			allTokens: state.engine.backgroundState.AssetsController.allTokens,
-			ignoredTokens: state.engine.backgroundState.AssetsController.ignoredTokens
+			ignoredTokens: state.engine.backgroundState.AssetsController.ignoredTokens,
 		};
 
 		state.engine.backgroundState.CollectiblesController = {
 			allCollectibles: state.engine.backgroundState.AssetsController.allCollectibles,
 			allCollectibleContracts: state.engine.backgroundState.AssetsController.allCollectibleContracts,
-			ignoredCollectibles: state.engine.backgroundState.AssetsController.ignoredCollectibles
+			ignoredCollectibles: state.engine.backgroundState.AssetsController.ignoredCollectibles,
 		};
 
 		delete state.engine.backgroundState.AssetsController;
 
 		return state;
 	},
-	6: state => {
+	6: (state) => {
 		state.analytics?.enabled
 			? DefaultPreference.set(METRICS_OPT_IN, AGREED)
 			: DefaultPreference.set(METRICS_OPT_IN, DENIED);
@@ -156,19 +156,19 @@ export const migrations = {
 
 		return state;
 	},
-	7: state => {
+	7: (state) => {
 		const allTokens = state.engine.backgroundState.TokensController.allTokens;
 		const newAllTokens = {};
 		if (allTokens) {
-			Object.keys(allTokens).forEach(accountAddress => {
-				Object.keys(allTokens[accountAddress]).forEach(chainId => {
+			Object.keys(allTokens).forEach((accountAddress) => {
+				Object.keys(allTokens[accountAddress]).forEach((chainId) => {
 					const tokensArray = allTokens[accountAddress][chainId];
 					if (newAllTokens[chainId] === undefined) {
 						newAllTokens[chainId] = { [accountAddress]: tokensArray };
 					} else {
 						newAllTokens[chainId] = {
 							...newAllTokens[chainId],
-							[accountAddress]: tokensArray
+							[accountAddress]: tokensArray,
 						};
 					}
 				});
@@ -177,16 +177,16 @@ export const migrations = {
 
 		const ignoredTokens = state.engine.backgroundState.TokensController.ignoredTokens;
 		const newAllIgnoredTokens = {};
-		Object.keys(allTokens).forEach(accountAddress => {
-			Object.keys(allTokens[accountAddress]).forEach(chainId => {
+		Object.keys(allTokens).forEach((accountAddress) => {
+			Object.keys(allTokens[accountAddress]).forEach((chainId) => {
 				if (newAllIgnoredTokens[chainId] === undefined) {
 					newAllIgnoredTokens[chainId] = {
-						[accountAddress]: ignoredTokens
+						[accountAddress]: ignoredTokens,
 					};
 				} else {
 					newAllIgnoredTokens[chainId] = {
 						...newAllIgnoredTokens[chainId],
-						[accountAddress]: ignoredTokens
+						[accountAddress]: ignoredTokens,
 					};
 				}
 			});
@@ -194,11 +194,11 @@ export const migrations = {
 
 		state.engine.backgroundState.TokensController = {
 			allTokens: newAllTokens,
-			allIgnoredTokens: newAllIgnoredTokens
+			allIgnoredTokens: newAllIgnoredTokens,
 		};
 
 		return state;
-	}
+	},
 };
 
 export const version = 7;
diff --git a/app/styles/common.js b/app/styles/common.js
index 5969d91a6fc..3c2c8886c1f 100644
--- a/app/styles/common.js
+++ b/app/styles/common.js
@@ -58,7 +58,7 @@ export const colors = {
 	overlay: 'rgba(0,0,0,.5)',
 	darkAlert: 'rgba(0,0,0,.75)',
 	normalAlert: 'rgba(55,55,55,.97)',
-	spinnerBackground: `rgba(185, 156, 171, 0.396)`
+	spinnerBackground: `rgba(185, 156, 171, 0.396)`,
 };
 
 /**
@@ -66,11 +66,11 @@ export const colors = {
  */
 export const baseStyles = {
 	flexGrow: {
-		flex: 1
+		flex: 1,
 	},
 	flexStatic: {
-		flex: 0
-	}
+		flex: 0,
+	},
 };
 
 /**
@@ -79,18 +79,18 @@ export const baseStyles = {
 export const fontStyles = {
 	normal: {
 		fontFamily: 'EuclidCircularB-Regular',
-		fontWeight: '400'
+		fontWeight: '400',
 	},
 	light: {
 		fontFamily: 'EuclidCircularB-Regular',
-		fontWeight: '300'
+		fontWeight: '300',
 	},
 	thin: {
 		fontFamily: 'EuclidCircularB-Regular',
-		fontWeight: '100'
+		fontWeight: '100',
 	},
 	bold: {
 		fontFamily: 'EuclidCircularB-Bold',
-		fontWeight: '600'
-	}
+		fontWeight: '600',
+	},
 };
diff --git a/app/util/Logger.js b/app/util/Logger.js
index 5fa806410c5..840d94c01dc 100644
--- a/app/util/Logger.js
+++ b/app/util/Logger.js
@@ -25,7 +25,7 @@ export default class Logger {
 			console.log.apply(null, args); // eslint-disable-line no-console
 		} else if (metricsOptIn === AGREED) {
 			addBreadcrumb({
-				message: JSON.stringify(args)
+				message: JSON.stringify(args),
 			});
 		}
 	}
@@ -81,7 +81,7 @@ export default class Logger {
 				if (typeof extra === 'string') {
 					extra = { message: extra };
 				}
-				withScope(scope => {
+				withScope((scope) => {
 					scope.setExtras(extra);
 					captureException(exception);
 				});
diff --git a/app/util/accountSecurity.js b/app/util/accountSecurity.js
index 6f8f17094dc..9d616445bf3 100644
--- a/app/util/accountSecurity.js
+++ b/app/util/accountSecurity.js
@@ -14,7 +14,7 @@ export default async function findFirstIncomingTransaction(networkType, selected
 	const networkId = Networks[networkType].networkId;
 	if (transactions.length) {
 		const txs = transactions.filter(
-			tx =>
+			(tx) =>
 				tx.transaction.to &&
 				toChecksumAddress(tx.transaction.to) === selectedAddress &&
 				((networkId && networkId.toString() === tx.networkID) ||
@@ -25,7 +25,7 @@ export default async function findFirstIncomingTransaction(networkType, selected
 			return {
 				asset: 'ETH',
 				from: toChecksumAddress(txs[0].transaction.from),
-				amount: `${renderFromWei(hexToBN(txs[0].transaction.value))} ${strings('unit.eth')}`
+				amount: `${renderFromWei(hexToBN(txs[0].transaction.value))} ${strings('unit.eth')}`,
 			};
 		}
 	}
@@ -34,11 +34,11 @@ export default async function findFirstIncomingTransaction(networkType, selected
 	const { contractBalances: tokenBalances } = TokenBalancesController.state;
 	const { tokens } = TokensController.state;
 	let tokenFound = null;
-	tokens.forEach(token => {
+	tokens.forEach((token) => {
 		if (tokenBalances[token.address].gt(toBN('0'))) {
 			tokenFound = {
 				asset: token.symbol,
-				amount: `${renderFromTokenMinimalUnit(tokenBalances[token.address], token.decimals)} ${token.symbol}`
+				amount: `${renderFromTokenMinimalUnit(tokenBalances[token.address], token.decimals)} ${token.symbol}`,
 			};
 		}
 	});
diff --git a/app/util/analytics.js b/app/util/analytics.js
index 340dbb1b95e..a82d48d7a96 100644
--- a/app/util/analytics.js
+++ b/app/util/analytics.js
@@ -4,7 +4,7 @@ export const ONBOARDING_WIZARD_STEP_DESCRIPTION = {
 	3: 'Account Name',
 	4: 'Main Navigation',
 	5: 'Browser',
-	6: 'Search'
+	6: 'Search',
 };
 
 const generateOpt = (category, action, name) => ({ category, action, name });
@@ -101,7 +101,7 @@ const NAMES = {
 	WALLET_BUY_ETH: 'Buy ETH',
 	PAYMENTS_SELECTS_DEBIT_OR_ACH: 'Selects debit card or bank account as payment method',
 	PAYMENTS_SELECTS_APPLE_PAY: 'Selects Apple Pay as payment method',
-	SWAPS: 'Swaps'
+	SWAPS: 'Swaps',
 };
 
 const ACTIONS = {
@@ -143,7 +143,7 @@ const ACTIONS = {
 
 	// Swaps
 	QUOTE: 'Quote',
-	SWAP: 'Swap'
+	SWAP: 'Swap',
 };
 
 const CATEGORIES = {
@@ -176,7 +176,7 @@ const CATEGORIES = {
 	NO_QUOTES_AVAILABLE: 'No Quotes Available',
 	GAS_FEES_CHANGED: 'Gas Fees Changed',
 	EDIT_SPEND_LIMIT_OPENED: 'Edit Spend Limit Opened',
-	TOKEN_IMPORTED: 'Custom Token Imported'
+	TOKEN_IMPORTED: 'Custom Token Imported',
 };
 
 export const ANALYTICS_EVENT_OPTS = {
@@ -488,5 +488,5 @@ export const ANALYTICS_EVENT_OPTS = {
 	NO_QUOTES_AVAILABLE: generateOpt(CATEGORIES.NO_QUOTES_AVAILABLE, ACTIONS.QUOTE, NAMES.SWAPS),
 	GAS_FEES_CHANGED: generateOpt(CATEGORIES.GAS_FEES_CHANGED, ACTIONS.QUOTE, NAMES.SWAPS),
 	EDIT_SPEND_LIMIT_OPENED: generateOpt(CATEGORIES.EDIT_SPEND_LIMIT_OPENED, ACTIONS.QUOTE, NAMES.SWAPS),
-	CUSTOM_TOKEN_IMPORTED: generateOpt(CATEGORIES.TOKEN_IMPORTED, ACTIONS.SWAP, NAMES.SWAPS)
+	CUSTOM_TOKEN_IMPORTED: generateOpt(CATEGORIES.TOKEN_IMPORTED, ACTIONS.SWAP, NAMES.SWAPS),
 };
diff --git a/app/util/analyticsV2.js b/app/util/analyticsV2.js
index c9b891980e2..ef616eca2d3 100644
--- a/app/util/analyticsV2.js
+++ b/app/util/analyticsV2.js
@@ -2,7 +2,7 @@ import Analytics from '../core/Analytics';
 import Logger from './Logger';
 import { InteractionManager } from 'react-native';
 
-const generateOpt = name => ({ category: name });
+const generateOpt = (name) => ({ category: name });
 
 export const ANALYTICS_EVENTS_V2 = {
 	// Approval
@@ -46,7 +46,7 @@ export const ANALYTICS_EVENTS_V2 = {
 	ONRAMP_PURCHASE_SUBMITTED: generateOpt('On-ramp Purchase Submitted'),
 	ONRAMP_PURCHASE_FAILED: generateOpt('On-ramp Purchase Failed'),
 	ONRAMP_PURCHASE_CANCELLED: generateOpt('On-ramp Purchase Cancelled'),
-	ONRAMP_PURCHASE_COMPLETED: generateOpt('On-ramp Purchase Completed')
+	ONRAMP_PURCHASE_COMPLETED: generateOpt('On-ramp Purchase Completed'),
 };
 
 /**
@@ -114,7 +114,7 @@ export const trackErrorAsAnalytics = (type, errorMessage, otherInfo) => {
 			error: true,
 			type,
 			errorMessage,
-			otherInfo
+			otherInfo,
 		});
 	} catch (error) {
 		Logger.error(error, 'Error logging analytics - trackErrorAsAnalytics');
@@ -124,5 +124,5 @@ export const trackErrorAsAnalytics = (type, errorMessage, otherInfo) => {
 export default {
 	ANALYTICS_EVENTS: ANALYTICS_EVENTS_V2,
 	trackEvent: trackEventV2,
-	trackErrorAsAnalytics
+	trackErrorAsAnalytics,
 };
diff --git a/app/util/confirm-tx.js b/app/util/confirm-tx.js
index 08df68a093b..ebdb07b9c0d 100644
--- a/app/util/confirm-tx.js
+++ b/app/util/confirm-tx.js
@@ -10,7 +10,7 @@ export function increaseLastGasPrice(lastGasPrice) {
 		multiplyCurrencies(lastGasPrice || '0x0', 1.1, {
 			multiplicandBase: 16,
 			multiplierBase: 10,
-			toNumericBase: 'hex'
+			toNumericBase: 'hex',
 		})
 	);
 }
@@ -24,7 +24,7 @@ export function getHexGasTotal({ gasLimit, gasPrice }) {
 		multiplyCurrencies(gasLimit || '0x0', gasPrice || '0x0', {
 			toNumericBase: 'hex',
 			multiplicandBase: 16,
-			multiplierBase: 16
+			multiplierBase: 16,
 		})
 	);
 }
@@ -35,7 +35,7 @@ export function addEth(...args) {
 			toNumericBase: 'dec',
 			numberOfDecimals: 6,
 			aBase: 10,
-			bBase: 10
+			bBase: 10,
 		})
 	);
 }
@@ -46,7 +46,7 @@ export function addFiat(...args) {
 			toNumericBase: 'dec',
 			numberOfDecimals: 2,
 			aBase: 10,
-			bBase: 10
+			bBase: 10,
 		})
 	);
 }
@@ -57,7 +57,7 @@ export function getValueFromWeiHex({
 	toCurrency,
 	conversionRate,
 	numberOfDecimals,
-	toDenomination
+	toDenomination,
 }) {
 	return conversionUtil(value, {
 		fromNumericBase: 'hex',
@@ -67,7 +67,7 @@ export function getValueFromWeiHex({
 		numberOfDecimals,
 		fromDenomination: 'WEI',
 		toDenomination,
-		conversionRate
+		conversionRate,
 	});
 }
 
@@ -79,17 +79,17 @@ export function getTransactionFee({ value, fromCurrency = 'ETH', toCurrency, con
 		fromCurrency,
 		toCurrency,
 		numberOfDecimals,
-		conversionRate
+		conversionRate,
 	});
 }
 
 export function formatCurrency(value, currencyCode) {
 	const upperCaseCurrencyCode = currencyCode.toUpperCase();
 
-	return currencies.find(currency => currency.code === upperCaseCurrencyCode)
+	return currencies.find((currency) => currency.code === upperCaseCurrencyCode)
 		? currencyFormatter.format(Number(value), {
 				code: upperCaseCurrencyCode,
-				style: 'currency'
+				style: 'currency',
 				// eslint-disable-next-line no-mixed-spaces-and-tabs
 		  })
 		: `value ${upperCaseCurrencyCode}`;
@@ -105,7 +105,7 @@ export function convertTokenToFiat({ value, fromCurrency = 'ETH', toCurrency, co
 		fromCurrency,
 		toCurrency,
 		numberOfDecimals: 2,
-		conversionRate: totalExchangeRate
+		conversionRate: totalExchangeRate,
 	});
 }
 
diff --git a/app/util/conversion/index.js b/app/util/conversion/index.js
index 626e6179cfd..24786d772c2 100644
--- a/app/util/conversion/index.js
+++ b/app/util/conversion/index.js
@@ -32,28 +32,28 @@ const BIG_NUMBER_ETH_MULTIPLIER = new BigNumber('1');
 
 // Setter Maps
 const toBigNumber = {
-	hex: n => new BigNumber(stripHexPrefix(n), 16),
-	dec: n => new BigNumber(String(n), 10),
-	BN: n => new BigNumber(n.toString(16), 16)
+	hex: (n) => new BigNumber(stripHexPrefix(n), 16),
+	dec: (n) => new BigNumber(String(n), 10),
+	BN: (n) => new BigNumber(n.toString(16), 16),
 };
 const toNormalizedDenomination = {
-	WEI: bigNumber => bigNumber.div(BIG_NUMBER_WEI_MULTIPLIER),
-	GWEI: bigNumber => bigNumber.div(BIG_NUMBER_GWEI_MULTIPLIER),
-	ETH: bigNumber => bigNumber.div(BIG_NUMBER_ETH_MULTIPLIER)
+	WEI: (bigNumber) => bigNumber.div(BIG_NUMBER_WEI_MULTIPLIER),
+	GWEI: (bigNumber) => bigNumber.div(BIG_NUMBER_GWEI_MULTIPLIER),
+	ETH: (bigNumber) => bigNumber.div(BIG_NUMBER_ETH_MULTIPLIER),
 };
 const toSpecifiedDenomination = {
-	WEI: bigNumber => bigNumber.times(BIG_NUMBER_WEI_MULTIPLIER).decimalPlaces(0),
-	GWEI: bigNumber => bigNumber.times(BIG_NUMBER_GWEI_MULTIPLIER).decimalPlaces(9),
-	ETH: bigNumber => bigNumber.times(BIG_NUMBER_ETH_MULTIPLIER).decimalPlaces(9)
+	WEI: (bigNumber) => bigNumber.times(BIG_NUMBER_WEI_MULTIPLIER).decimalPlaces(0),
+	GWEI: (bigNumber) => bigNumber.times(BIG_NUMBER_GWEI_MULTIPLIER).decimalPlaces(9),
+	ETH: (bigNumber) => bigNumber.times(BIG_NUMBER_ETH_MULTIPLIER).decimalPlaces(9),
 };
 const baseChange = {
-	hex: n => n.toString(16),
-	dec: n => new BigNumber(n).toString(10),
-	BN: n => new BN(n.toString(16))
+	hex: (n) => n.toString(16),
+	dec: (n) => new BigNumber(n).toString(10),
+	BN: (n) => new BN(n.toString(16)),
 };
 
 // Utility function for checking base types
-const isValidBase = base => Number.isInteger(base) && base > 1;
+const isValidBase = (base) => Number.isInteger(base) && base > 1;
 
 /**
  * Defines the base type of numeric value
@@ -91,7 +91,7 @@ const converter = ({
 	numberOfDecimals,
 	conversionRate,
 	invertConversionRate,
-	roundDown
+	roundDown,
 }) => {
 	let convertedValue = fromNumericBase ? toBigNumber[fromNumericBase](value) : value;
 
@@ -141,7 +141,7 @@ const conversionUtil = (
 		toDenomination,
 		numberOfDecimals,
 		conversionRate,
-		invertConversionRate
+		invertConversionRate,
 	}
 ) => {
 	if (fromCurrency !== toCurrency && !conversionRate) {
@@ -157,7 +157,7 @@ const conversionUtil = (
 		numberOfDecimals,
 		conversionRate,
 		invertConversionRate,
-		value: value || '0'
+		value: value || '0',
 	});
 };
 
@@ -185,7 +185,7 @@ const addCurrencies = (a, b, options = {}) => {
 
 	return converter({
 		value,
-		...conversionOptions
+		...conversionOptions,
 	});
 };
 
@@ -200,7 +200,7 @@ const subtractCurrencies = (a, b, options = {}) => {
 
 	return converter({
 		value,
-		...conversionOptions
+		...conversionOptions,
 	});
 };
 
@@ -215,7 +215,7 @@ const multiplyCurrencies = (a, b, options = {}) => {
 
 	return converter({
 		value,
-		...conversionOptions
+		...conversionOptions,
 	});
 };
 
@@ -263,5 +263,5 @@ export {
 	conversionLTE,
 	conversionMax,
 	toNegative,
-	subtractCurrencies
+	subtractCurrencies,
 };
diff --git a/app/util/conversion/index.test.js b/app/util/conversion/index.test.js
index 647f6fcc7a7..f2bbae2493f 100644
--- a/app/util/conversion/index.test.js
+++ b/app/util/conversion/index.test.js
@@ -6,7 +6,7 @@ describe('conversion utils', () => {
 		it('add whole numbers', () => {
 			const result = addCurrencies(3, 9, {
 				aBase: 10,
-				bBase: 10
+				bBase: 10,
 			});
 			expect(result.toNumber()).toStrictEqual(12);
 		});
@@ -14,7 +14,7 @@ describe('conversion utils', () => {
 		it('add decimals', () => {
 			const result = addCurrencies(1.3, 1.9, {
 				aBase: 10,
-				bBase: 10
+				bBase: 10,
 			});
 			expect(result.toNumber()).toStrictEqual(3.2);
 		});
@@ -22,7 +22,7 @@ describe('conversion utils', () => {
 		it('add repeating decimals', () => {
 			const result = addCurrencies(1 / 3, 1 / 9, {
 				aBase: 10,
-				bBase: 10
+				bBase: 10,
 			});
 			expect(result.toNumber()).toStrictEqual(0.4444444444444444);
 		});
@@ -32,12 +32,12 @@ describe('conversion utils', () => {
 		it('returns expected types', () => {
 			const conv1 = conversionUtil(1000000000000000000, {
 				fromNumericBase: 'dec',
-				toNumericBase: 'hex'
+				toNumericBase: 'hex',
 			});
 			const conv2 = conversionUtil(1, {
 				fromNumericBase: 'dec',
 				fromDenomination: 'ETH',
-				toDenomination: 'WEI'
+				toDenomination: 'WEI',
 			});
 			expect(typeof conv1 === 'string').toStrictEqual(true);
 			expect(conv2 instanceof BigNumber).toStrictEqual(true);
@@ -46,13 +46,13 @@ describe('conversion utils', () => {
 			expect(
 				conversionUtil('1000000000000000000', {
 					fromNumericBase: 'dec',
-					toNumericBase: 'hex'
+					toNumericBase: 'hex',
 				})
 			).toStrictEqual('de0b6b3a7640000');
 			expect(
 				conversionUtil('1500000000000000000', {
 					fromNumericBase: 'dec',
-					toNumericBase: 'hex'
+					toNumericBase: 'hex',
 				})
 			).toStrictEqual('14d1120d7b160000');
 		});
@@ -60,13 +60,13 @@ describe('conversion utils', () => {
 			expect(
 				conversionUtil('0xde0b6b3a7640000', {
 					fromNumericBase: 'hex',
-					toNumericBase: 'dec'
+					toNumericBase: 'dec',
 				})
 			).toStrictEqual('1000000000000000000');
 			expect(
 				conversionUtil('0x14d1120d7b160000', {
 					fromNumericBase: 'hex',
-					toNumericBase: 'dec'
+					toNumericBase: 'dec',
 				})
 			).toStrictEqual('1500000000000000000');
 		});
@@ -76,7 +76,7 @@ describe('conversion utils', () => {
 					fromNumericBase: 'hex',
 					toNumericBase: 'dec',
 					fromDenomination: 'WEI',
-					toDenomination: 'ETH'
+					toDenomination: 'ETH',
 				})
 			).toStrictEqual('1');
 			expect(
@@ -84,7 +84,7 @@ describe('conversion utils', () => {
 					fromNumericBase: 'hex',
 					toNumericBase: 'dec',
 					fromDenomination: 'WEI',
-					toDenomination: 'ETH'
+					toDenomination: 'ETH',
 				})
 			).toStrictEqual('1.5');
 		});
@@ -93,14 +93,14 @@ describe('conversion utils', () => {
 				conversionUtil('1', {
 					fromNumericBase: 'dec',
 					fromDenomination: 'ETH',
-					toDenomination: 'WEI'
+					toDenomination: 'WEI',
 				}).toNumber()
 			).toStrictEqual(1000000000000000000);
 			expect(
 				conversionUtil('1.5', {
 					fromNumericBase: 'dec',
 					fromDenomination: 'ETH',
-					toDenomination: 'WEI'
+					toDenomination: 'WEI',
 				}).toNumber()
 			).toStrictEqual(1500000000000000000);
 		});
@@ -109,14 +109,14 @@ describe('conversion utils', () => {
 				conversionUtil('1', {
 					fromNumericBase: 'dec',
 					fromDenomination: 'ETH',
-					toDenomination: 'GWEI'
+					toDenomination: 'GWEI',
 				}).toNumber()
 			).toStrictEqual(1000000000);
 			expect(
 				conversionUtil('1.5', {
 					fromNumericBase: 'dec',
 					fromDenomination: 'ETH',
-					toDenomination: 'GWEI'
+					toDenomination: 'GWEI',
 				}).toNumber()
 			).toStrictEqual(1500000000);
 		});
@@ -127,7 +127,7 @@ describe('conversion utils', () => {
 					toNumericBase: 'dec',
 					toCurrency: 'usd',
 					conversionRate: 468.58,
-					numberOfDecimals: 2
+					numberOfDecimals: 2,
 				})
 			).toStrictEqual('468.58');
 			expect(
@@ -136,7 +136,7 @@ describe('conversion utils', () => {
 					toNumericBase: 'dec',
 					toCurrency: 'usd',
 					conversionRate: 468.58,
-					numberOfDecimals: 2
+					numberOfDecimals: 2,
 				})
 			).toStrictEqual('702.87');
 		});
@@ -148,7 +148,7 @@ describe('conversion utils', () => {
 					toCurrency: 'usd',
 					conversionRate: 468.58,
 					numberOfDecimals: 2,
-					invertConversionRate: true
+					invertConversionRate: true,
 				})
 			).toStrictEqual('1');
 			expect(
@@ -158,7 +158,7 @@ describe('conversion utils', () => {
 					toCurrency: 'usd',
 					conversionRate: 468.58,
 					numberOfDecimals: 2,
-					invertConversionRate: true
+					invertConversionRate: true,
 				})
 			).toStrictEqual('1.5');
 		});
diff --git a/app/util/conversions.js b/app/util/conversions.js
index 08e92d1e5f8..a400b58dbae 100644
--- a/app/util/conversions.js
+++ b/app/util/conversions.js
@@ -10,14 +10,14 @@ export function bnToHex(inputBn) {
 export function hexToDecimal(hexValue) {
 	return conversionUtil(hexValue, {
 		fromNumericBase: 'hex',
-		toNumericBase: 'dec'
+		toNumericBase: 'dec',
 	});
 }
 
 export function decimalToHex(decimal) {
 	return conversionUtil(decimal, {
 		fromNumericBase: 'dec',
-		toNumericBase: 'hex'
+		toNumericBase: 'hex',
 	});
 }
 
@@ -33,7 +33,7 @@ export function getEthConversionFromWeiHex({ value, fromCurrency = ETH, conversi
 			fromCurrency,
 			toCurrency: fromCurrency,
 			numberOfDecimals,
-			toDenomination: denominations[i]
+			toDenomination: denominations[i],
 		});
 
 		if (convertedValue !== '0' || i === denominations.length - 1) {
@@ -51,7 +51,7 @@ export function getValueFromWeiHex({
 	toCurrency,
 	conversionRate,
 	numberOfDecimals,
-	toDenomination
+	toDenomination,
 }) {
 	return conversionUtil(value, {
 		fromNumericBase: 'hex',
@@ -61,7 +61,7 @@ export function getValueFromWeiHex({
 		numberOfDecimals,
 		fromDenomination: WEI,
 		toDenomination,
-		conversionRate
+		conversionRate,
 	});
 }
 
@@ -70,7 +70,7 @@ export function getWeiHexFromDecimalValue({
 	fromCurrency,
 	conversionRate,
 	fromDenomination,
-	invertConversionRate
+	invertConversionRate,
 }) {
 	return conversionUtil(value, {
 		fromNumericBase: 'dec',
@@ -80,7 +80,7 @@ export function getWeiHexFromDecimalValue({
 		conversionRate,
 		invertConversionRate,
 		fromDenomination,
-		toDenomination: WEI
+		toDenomination: WEI,
 	});
 }
 
@@ -89,7 +89,7 @@ export function addHexWEIsToDec(aHexWEI, bHexWEI) {
 		aBase: 16,
 		bBase: 16,
 		fromDenomination: 'WEI',
-		numberOfDecimals: 6
+		numberOfDecimals: 6,
 	});
 }
 
@@ -98,7 +98,7 @@ export function subtractHexWEIsToDec(aHexWEI, bHexWEI) {
 		aBase: 16,
 		bBase: 16,
 		fromDenomination: 'WEI',
-		numberOfDecimals: 6
+		numberOfDecimals: 6,
 	});
 }
 
@@ -109,7 +109,7 @@ export function decEthToConvertedCurrency(ethTotal, convertedCurrency, conversio
 		fromCurrency: 'ETH',
 		toCurrency: convertedCurrency,
 		numberOfDecimals: 2,
-		conversionRate
+		conversionRate,
 	});
 }
 
@@ -118,7 +118,7 @@ export function decGWEIToHexWEI(decGWEI) {
 		fromNumericBase: 'dec',
 		toNumericBase: 'hex',
 		fromDenomination: 'GWEI',
-		toDenomination: 'WEI'
+		toDenomination: 'WEI',
 	});
 }
 
@@ -127,7 +127,7 @@ export function hexGWEIToHexWEI(decGWEI) {
 		fromNumericBase: 'hex',
 		toNumericBase: 'hex',
 		fromDenomination: 'GWEI',
-		toDenomination: 'WEI'
+		toDenomination: 'WEI',
 	});
 }
 
@@ -136,7 +136,7 @@ export function hexWEIToDecGWEI(decGWEI) {
 		fromNumericBase: 'hex',
 		toNumericBase: 'dec',
 		fromDenomination: 'WEI',
-		toDenomination: 'GWEI'
+		toDenomination: 'GWEI',
 	});
 }
 
@@ -145,7 +145,7 @@ export function decETHToDecWEI(decEth) {
 		fromNumericBase: 'dec',
 		toNumericBase: 'dec',
 		fromDenomination: 'ETH',
-		toDenomination: 'WEI'
+		toDenomination: 'WEI',
 	});
 }
 
@@ -154,7 +154,7 @@ export function hexWEIToDecETH(hexWEI) {
 		fromNumericBase: 'hex',
 		toNumericBase: 'dec',
 		fromDenomination: 'WEI',
-		toDenomination: 'ETH'
+		toDenomination: 'ETH',
 	});
 }
 
@@ -163,7 +163,7 @@ export function addHexes(aHexWEI, bHexWEI) {
 		aBase: 16,
 		bBase: 16,
 		toNumericBase: 'hex',
-		numberOfDecimals: 6
+		numberOfDecimals: 6,
 	});
 }
 
@@ -177,7 +177,7 @@ export function sumHexWEIsToUnformattedFiat(hexWEIs, convertedCurrency, conversi
 		getValueFromWeiHex({
 			value: hexWEIsSum,
 			toCurrency: 'ETH',
-			numberOfDecimals: 4
+			numberOfDecimals: 4,
 		}),
 		convertedCurrency,
 		conversionRate
@@ -201,7 +201,7 @@ export function sumHexWEIsToRenderableEth(hexWEIs) {
 		getValueFromWeiHex({
 			value: hexWEIsSum,
 			toCurrency: 'ETH',
-			numberOfDecimals: 6
+			numberOfDecimals: 6,
 		})
 	);
 }
diff --git a/app/util/custom-gas/index.js b/app/util/custom-gas/index.js
index d6c06c0139d..786edb8f7f6 100644
--- a/app/util/custom-gas/index.js
+++ b/app/util/custom-gas/index.js
@@ -85,9 +85,9 @@ export function parseWaitTime(min) {
 		[strings('unit.week'), 10080],
 		[strings('unit.day'), 1440],
 		[strings('unit.hour'), 60],
-		[strings('unit.minute'), 1]
+		[strings('unit.minute'), 1],
 	];
-	timeUnits.forEach(unit => {
+	timeUnits.forEach((unit) => {
 		if (parsed.includes(' ')) return;
 		val = Math.floor(tempMin / unit[1]);
 		if (val) {
@@ -119,14 +119,14 @@ export async function fetchBasicGasEstimates() {
 		referrerPolicy: 'no-referrer-when-downgrade',
 		body: null,
 		method: 'GET',
-		mode: 'cors'
+		mode: 'cors',
 	})
-		.then(r => r.json())
+		.then((r) => r.json())
 		.then(({ SafeGasPrice, ProposeGasPrice, FastGasPrice }) => {
 			const basicEstimates = {
 				average: ProposeGasPrice,
 				safeLow: SafeGasPrice,
-				fast: FastGasPrice
+				fast: FastGasPrice,
 			};
 
 			return basicEstimates;
@@ -134,7 +134,7 @@ export async function fetchBasicGasEstimates() {
 
 	return Promise.race([
 		fetchPromise,
-		new Promise((_, reject) => setTimeout(() => reject(new Error('timeout')), timeout))
+		new Promise((_, reject) => setTimeout(() => reject(new Error('timeout')), timeout)),
 	]);
 }
 
@@ -156,7 +156,7 @@ export async function getBasicGasEstimates() {
 	return {
 		averageGwei: convertApiValueToGWEI(average),
 		fastGwei: convertApiValueToGWEI(fast),
-		safeLowGwei: convertApiValueToGWEI(safeLow)
+		safeLowGwei: convertApiValueToGWEI(safeLow),
 	};
 }
 
@@ -168,7 +168,7 @@ export async function getGasLimit(transaction) {
 		estimation = await TransactionController.estimateGas(transaction);
 	} catch (error) {
 		estimation = {
-			gas: TransactionTypes.CUSTOM_GAS.DEFAULT_GAS_LIMIT
+			gas: TransactionTypes.CUSTOM_GAS.DEFAULT_GAS_LIMIT,
 		};
 	}
 
@@ -185,16 +185,16 @@ export async function getGasPriceByChainId(transaction) {
 			average: getValueFromWeiHex({
 				value: estimation.gasPrice.toString(16),
 				numberOfDecimals: 4,
-				toDenomination: 'GWEI'
-			})
+				toDenomination: 'GWEI',
+			}),
 		};
 	} catch (error) {
 		estimation = {
 			gas: TransactionTypes.CUSTOM_GAS.DEFAULT_GAS_LIMIT,
-			gasPrice: TransactionTypes.CUSTOM_GAS.AVERAGE_GAS
+			gasPrice: TransactionTypes.CUSTOM_GAS.AVERAGE_GAS,
 		};
 		basicGasEstimates = {
-			average: estimation.gasPrice
+			average: estimation.gasPrice,
 		};
 		Logger.log('Error while trying to get gas price from the network', error);
 	}
@@ -238,7 +238,7 @@ export function getValueFromWeiHex({
 	toCurrency,
 	conversionRate,
 	numberOfDecimals,
-	toDenomination
+	toDenomination,
 }) {
 	return conversionUtil(value, {
 		fromNumericBase: 'hex',
@@ -248,6 +248,6 @@ export function getValueFromWeiHex({
 		numberOfDecimals,
 		fromDenomination: WEI,
 		toDenomination,
-		conversionRate
+		conversionRate,
 	});
 }
diff --git a/app/util/dapp-url-list.js b/app/util/dapp-url-list.js
index 76b71d6e639..cb876764c98 100644
--- a/app/util/dapp-url-list.js
+++ b/app/util/dapp-url-list.js
@@ -1,186 +1,186 @@
 export default [
 	{
 		url: 'https://instant.airswap.io/',
-		name: 'AirSwap'
+		name: 'AirSwap',
 	},
 	{
 		url: 'https://app.auctionity.com/',
-		name: 'Auctionity'
+		name: 'Auctionity',
 	},
 	{
 		url: 'https://dev.augur.net/',
-		name: 'Augur'
+		name: 'Augur',
 	},
 	{
 		url: 'https://mainnet.aragon.org/',
-		name: 'Aragon'
+		name: 'Aragon',
 	},
 	{
 		url: 'https://www.bancor.network/',
-		name: 'Bancor'
+		name: 'Bancor',
 	},
 	{
 		url: 'https://blockchaincuties.com/',
-		name: 'Blockchain Cuties'
+		name: 'Blockchain Cuties',
 	},
 	{
 		url: 'https://bounties.network/',
-		name: 'Bounties Network'
+		name: 'Bounties Network',
 	},
 	{
 		url: 'https://breaker.io/',
-		name: 'Breaker'
+		name: 'Breaker',
 	},
 	{
 		url: 'https://beta.cent.co',
-		name: 'Cent'
+		name: 'Cent',
 	},
 	{
 		url: 'https://chibifighters.io',
-		name: 'Chibi Fighters'
+		name: 'Chibi Fighters',
 	},
 	{
 		url: 'https://compound.finance/',
-		name: 'Compound'
+		name: 'Compound',
 	},
 	{
 		url: 'https://cryptoassault.io/',
-		name: 'CryptoAssault'
+		name: 'CryptoAssault',
 	},
 	{
 		url: 'https://www.cryptokitties.co',
-		name: 'CryptoKitties'
+		name: 'CryptoKitties',
 	},
 	{
 		url: 'https://www.larvalabs.com/cryptopunks',
-		name: 'Cryptopunks'
+		name: 'Cryptopunks',
 	},
 	{
 		url: 'https://dai.makerdao.com/',
-		name: 'DAI Dashboard'
+		name: 'DAI Dashboard',
 	},
 	{
 		url: 'https://market.decentraland.org/',
-		name: 'Decentraland'
+		name: 'Decentraland',
 	},
 	{
 		url: 'https://democracy.earth/',
-		name: 'Democracy.Earth'
+		name: 'Democracy.Earth',
 	},
 	{
 		url: 'https://dapp.dragonereum.io/',
-		name: 'Dragonereum'
+		name: 'Dragonereum',
 	},
 	{
 		url: 'https://ens.domains/',
-		name: 'Ethereum Name Service'
+		name: 'Ethereum Name Service',
 	},
 	{
 		url: 'https://www.etheremon.com/',
-		name: 'Ethermon'
+		name: 'Ethermon',
 	},
 	{
 		url: 'https://etherscan.io/',
-		name: 'EtherScan'
+		name: 'EtherScan',
 	},
 	{
 		url: 'https://eth2.io/',
-		name: 'Eth2'
+		name: 'Eth2',
 	},
 	{
 		url: 'https://map.foam.space/',
-		name: 'FOAM'
+		name: 'FOAM',
 	},
 	{
 		url: 'https://gitcoin.co',
-		name: 'Gitcoin'
+		name: 'Gitcoin',
 	},
 	{
 		url: 'https://giveth.io/donate/',
-		name: 'Giveth'
+		name: 'Giveth',
 	},
 	{
 		url: 'https://godsunchained.com/',
-		name: 'Gods Unchained'
+		name: 'Gods Unchained',
 	},
 	{
 		url: 'https://hyperdragons.alfakingdom.com/guide',
-		name: 'HyperDragons'
+		name: 'HyperDragons',
 	},
 	{
 		url: 'https://idex.market/',
-		name: 'IDEX'
+		name: 'IDEX',
 	},
 	{
 		url: 'https://gitcoin.co/kudos/marketplace/',
-		name: 'Kudos'
+		name: 'Kudos',
 	},
 	{
 		url: 'https://kyber.network/',
-		name: 'KyberNetwork'
+		name: 'KyberNetwork',
 	},
 	{
 		url: 'https://localethereum.com/r/sotd',
-		name: 'localethereum'
+		name: 'localethereum',
 	},
 	{
 		url: 'https://cdp.makerdao.com/',
-		name: 'MakerDAO CDP'
+		name: 'MakerDAO CDP',
 	},
 	{
 		url: 'https://marble.cards/',
-		name: 'Marblecards'
+		name: 'Marblecards',
 	},
 	{
 		url: 'https://metamask.io/',
-		name: 'MetaMask'
+		name: 'MetaMask',
 	},
 	{
 		url: 'https://faucet.metamask.io/',
-		name: 'Metamask Ether Faucet (Ropsten)'
+		name: 'Metamask Ether Faucet (Ropsten)',
 	},
 	{
 		url: 'https://www.minds.com/',
-		name: 'Minds'
+		name: 'Minds',
 	},
 	{
 		url: 'https://www.mlbcryptobaseball.com/',
-		name: 'MLB Crypto Baseball'
+		name: 'MLB Crypto Baseball',
 	},
 	{
 		url: 'https://www.mycryptoheroes.net/',
-		name: 'My Crypto Heroes'
+		name: 'My Crypto Heroes',
 	},
 	{
 		url: 'https://opensea.io/',
-		name: 'OpenSea'
+		name: 'OpenSea',
 	},
 	{
 		url: 'https://www.0xproject.com/portal',
-		name: '0x'
+		name: '0x',
 	},
 	{
 		url: 'https://0xuniverse.com/',
-		name: 'OxUniverse'
+		name: 'OxUniverse',
 	},
 	{
 		url: 'https://peepeth.com/',
-		name: 'Peepeth'
+		name: 'Peepeth',
 	},
 	{
 		url: 'https://faucet.ropsten.be/',
-		name: 'Ropsten Ethereum Faucet'
+		name: 'Ropsten Ethereum Faucet',
 	},
 	{
 		url: 'https://superrare.co/',
-		name: 'SuperRare'
+		name: 'SuperRare',
 	},
 	{
 		url: 'https://uniswap.exchange/',
-		name: 'Uniswap'
+		name: 'Uniswap',
 	},
 	{
 		url: 'https://3box.io/',
-		name: '3Box'
-	}
+		name: '3Box',
+	},
 ];
diff --git a/app/util/device/index.test.js b/app/util/device/index.test.js
index a6ede2a887b..266f8242444 100644
--- a/app/util/device/index.test.js
+++ b/app/util/device/index.test.js
@@ -4,7 +4,7 @@ describe('Device', () => {
 	describe('isAndroid + isIos', () => {
 		it('should return expected values when Platform.OS is "android"', () => {
 			jest.doMock('react-native/Libraries/Utilities/Platform', () => ({
-				OS: 'android'
+				OS: 'android',
 			}));
 			expect(Device.isAndroid()).toBe(true);
 			expect(Device.isIos()).toBe(false);
diff --git a/app/util/general/index.js b/app/util/general/index.js
index 049702daa16..e0dfb87c005 100644
--- a/app/util/general/index.js
+++ b/app/util/general/index.js
@@ -1,4 +1,4 @@
-export const tlc = str => str?.toLowerCase?.();
+export const tlc = (str) => str?.toLowerCase?.();
 
 /**
  * Fetch that fails after timeout
@@ -12,7 +12,7 @@ export const tlc = str => str?.toLowerCase?.();
 export function timeoutFetch(url, options, timeout = 500) {
 	return Promise.race([
 		fetch(url, options),
-		new Promise((_, reject) => setTimeout(() => reject(new Error('timeout')), timeout))
+		new Promise((_, reject) => setTimeout(() => reject(new Error('timeout')), timeout)),
 	]);
 }
 
@@ -35,7 +35,7 @@ export function findRouteNameFromNavigatorState(routes) {
 
 	return name;
 }
-export const capitalize = str => (str && str.charAt(0).toUpperCase() + str.slice(1)) || false;
+export const capitalize = (str) => (str && str.charAt(0).toUpperCase() + str.slice(1)) || false;
 
 export const toLowerCaseEquals = (a, b) => {
 	if (!a && !b) return false;
diff --git a/app/util/importAdditionalAccounts.js b/app/util/importAdditionalAccounts.js
index 1fa0b902e3c..f8e73d8e9df 100644
--- a/app/util/importAdditionalAccounts.js
+++ b/app/util/importAdditionalAccounts.js
@@ -30,11 +30,11 @@ const getBalance = async (address, ethQuery) =>
  * Updates identities in the preferences controllers
  * @param {array} accounts - an array of addresses
  */
-const updateIdentities = async accounts => {
+const updateIdentities = async (accounts) => {
 	const { KeyringController, PreferencesController } = Engine.context;
 	const newAccounts = await KeyringController.getAccounts();
 	PreferencesController.updateIdentities(newAccounts);
-	newAccounts.forEach(selectedAddress => {
+	newAccounts.forEach((selectedAddress) => {
 		if (!accounts.includes(selectedAddress)) {
 			PreferencesController.update({ selectedAddress });
 		}
@@ -56,7 +56,7 @@ export default async () => {
 	let lastBalance = await getBalance(accounts[accounts.length - 1], ethQuery);
 
 	const { keyrings } = KeyringController.state;
-	const filteredKeyrings = keyrings.filter(keyring => keyring.type === HD_KEY_TREE);
+	const filteredKeyrings = keyrings.filter((keyring) => keyring.type === HD_KEY_TREE);
 	const primaryKeyring = filteredKeyrings[0];
 	if (!primaryKeyring) throw new Error(HD_KEY_TREE_ERROR);
 
diff --git a/app/util/jsonRpcRequest.js b/app/util/jsonRpcRequest.js
index a2533a214ab..e13d49bcae6 100644
--- a/app/util/jsonRpcRequest.js
+++ b/app/util/jsonRpcRequest.js
@@ -14,7 +14,7 @@ import { Buffer } from 'buffer';
 export async function jsonRpcRequest(rpcUrl, rpcMethod, rpcParams = []) {
 	let fetchUrl = rpcUrl;
 	const headers = {
-		'Content-Type': 'application/json'
+		'Content-Type': 'application/json',
 	};
 
 	// Convert basic auth URL component to Authorization header
@@ -32,10 +32,10 @@ export async function jsonRpcRequest(rpcUrl, rpcMethod, rpcParams = []) {
 			id: Date.now().toString(),
 			jsonrpc: '2.0',
 			method: rpcMethod,
-			params: rpcParams
+			params: rpcParams,
 		}),
 		headers,
-		cache: 'default'
+		cache: 'default',
 	});
 
 	const jsonRpcResponseJson = await jsonRpcResponse.json();
diff --git a/app/util/middlewares.js b/app/util/middlewares.js
index 7e43dfd3b15..44d226ef085 100644
--- a/app/util/middlewares.js
+++ b/app/util/middlewares.js
@@ -43,7 +43,7 @@ function containsUserRejectedError(errorMessage, errorCode) {
 	try {
 		if (!errorMessage || !(typeof errorMessage === 'string')) return false;
 
-		const userRejectedErrorMessage = USER_REJECTED_ERRORS.some(userRejectedError =>
+		const userRejectedErrorMessage = USER_REJECTED_ERRORS.some((userRejectedError) =>
 			errorMessage.toLowerCase().includes(userRejectedError.toLowerCase())
 		);
 
@@ -84,7 +84,7 @@ export function createLoggerMiddleware(opts) {
 						const errorParams = {
 							message: 'Error in RPC response',
 							orginalError: error,
-							res: resWithoutError
+							res: resWithoutError,
 						};
 
 						if (error.message) {
diff --git a/app/util/networks/index.js b/app/util/networks/index.js
index 62e9679d098..bf9a6966bbd 100644
--- a/app/util/networks/index.js
+++ b/app/util/networks/index.js
@@ -21,7 +21,7 @@ const NetworkList = {
 		chainId: 1,
 		hexChainId: '0x1',
 		color: '#3cc29e',
-		networkType: 'mainnet'
+		networkType: 'mainnet',
 	},
 	[ROPSTEN]: {
 		name: 'Ropsten Test Network',
@@ -30,7 +30,7 @@ const NetworkList = {
 		chainId: 3,
 		hexChainId: '0x3',
 		color: '#ff4a8d',
-		networkType: 'ropsten'
+		networkType: 'ropsten',
 	},
 	[KOVAN]: {
 		name: 'Kovan Test Network',
@@ -39,7 +39,7 @@ const NetworkList = {
 		chainId: 42,
 		hexChainId: '0x2a',
 		color: '#7057ff',
-		networkType: 'kovan'
+		networkType: 'kovan',
 	},
 	[RINKEBY]: {
 		name: 'Rinkeby Test Network',
@@ -48,7 +48,7 @@ const NetworkList = {
 		chainId: 4,
 		hexChainId: '0x4',
 		color: '#f6c343',
-		networkType: 'rinkeby'
+		networkType: 'rinkeby',
 	},
 	[GOERLI]: {
 		name: 'Goerli Test Network',
@@ -57,40 +57,40 @@ const NetworkList = {
 		chainId: 5,
 		hexChainId: '0x5',
 		color: '#3099f2',
-		networkType: 'goerly'
+		networkType: 'goerly',
 	},
 	[RPC]: {
 		name: 'Private Network',
 		shortName: 'Private',
 		color: colors.grey000,
-		networkType: 'rpc'
-	}
+		networkType: 'rpc',
+	},
 };
 
 const NetworkListKeys = Object.keys(NetworkList);
 
 export default NetworkList;
 
-export const getAllNetworks = () => NetworkListKeys.filter(name => name !== RPC);
+export const getAllNetworks = () => NetworkListKeys.filter((name) => name !== RPC);
 
-export const isMainNet = network => network?.provider?.type === MAINNET || network === String(1);
+export const isMainNet = (network) => network?.provider?.type === MAINNET || network === String(1);
 
-export const getDecimalChainId = chainId => {
+export const getDecimalChainId = (chainId) => {
 	if (!chainId || typeof chainId !== 'string' || !chainId.startsWith('0x')) {
 		return chainId;
 	}
 	return parseInt(chainId, 16).toString(10);
 };
 
-export const isMainnetByChainId = chainId => getDecimalChainId(String(chainId)) === String(1);
+export const isMainnetByChainId = (chainId) => getDecimalChainId(String(chainId)) === String(1);
 
-export const getNetworkName = id => NetworkListKeys.find(key => NetworkList[key].networkId === Number(id));
+export const getNetworkName = (id) => NetworkListKeys.find((key) => NetworkList[key].networkId === Number(id));
 
 export function getNetworkTypeById(id) {
 	if (!id) {
 		throw new Error('Missing network Id');
 	}
-	const network = NetworkListKeys.filter(key => NetworkList[key].networkId === parseInt(id, 10));
+	const network = NetworkListKeys.filter((key) => NetworkList[key].networkId === parseInt(id, 10));
 	if (network.length > 0) {
 		return network[0];
 	}
@@ -105,7 +105,7 @@ export function getDefaultNetworkByChainId(chainId) {
 
 	let returnNetwork;
 
-	getAllNetworks().forEach(type => {
+	getAllNetworks().forEach((type) => {
 		if (toLowerCaseEquals(String(NetworkList[type].chainId), chainId)) {
 			returnNetwork = NetworkList[type];
 		}
@@ -119,7 +119,7 @@ export function hasBlockExplorer(key) {
 }
 
 export function isKnownNetwork(id) {
-	const knownNetworks = NetworkListKeys.map(key => NetworkList[key].networkId).filter(id => id !== undefined);
+	const knownNetworks = NetworkListKeys.map((key) => NetworkList[key].networkId).filter((id) => id !== undefined);
 	return knownNetworks.includes(parseInt(id, 10));
 }
 
diff --git a/app/util/networks/index.test.js b/app/util/networks/index.test.js
index 1bc0fb5a8ad..291c1941ea6 100644
--- a/app/util/networks/index.test.js
+++ b/app/util/networks/index.test.js
@@ -19,8 +19,8 @@ describe('isMainNet', () => {
 		expect(
 			isMainNet({
 				provider: {
-					type: MAINNET
-				}
+					type: MAINNET,
+				},
 			})
 		).toEqual(true);
 	});
@@ -30,9 +30,9 @@ describe('isMainNet', () => {
 			isMainNet({
 				network: {
 					provider: {
-						type: ROPSTEN
-					}
-				}
+						type: ROPSTEN,
+					},
+				},
 			})
 		).toEqual(false);
 	});
diff --git a/app/util/notifications.js b/app/util/notifications.js
index 87e5ae2a1bf..99d533d89f2 100644
--- a/app/util/notifications.js
+++ b/app/util/notifications.js
@@ -1,6 +1,6 @@
 const notificationTypes = {
 	TRANSACTION: 'transaction',
-	SIMPLE: 'simple'
+	SIMPLE: 'simple',
 };
 
 export default notificationTypes;
diff --git a/app/util/number/index.js b/app/util/number/index.js
index 75c7ce6390d..17111878ba3 100644
--- a/app/util/number/index.js
+++ b/app/util/number/index.js
@@ -16,24 +16,24 @@ const BIG_NUMBER_ETH_MULTIPLIER = new BigNumber('1');
 
 // Setter Maps
 const toBigNumber = {
-	hex: n => new BigNumber(stripHexPrefix(n), 16),
-	dec: n => new BigNumber(String(n), 10),
-	BN: n => new BigNumber(n.toString(16), 16)
+	hex: (n) => new BigNumber(stripHexPrefix(n), 16),
+	dec: (n) => new BigNumber(String(n), 10),
+	BN: (n) => new BigNumber(n.toString(16), 16),
 };
 const toNormalizedDenomination = {
-	WEI: bigNumber => bigNumber.div(BIG_NUMBER_WEI_MULTIPLIER),
-	GWEI: bigNumber => bigNumber.div(BIG_NUMBER_GWEI_MULTIPLIER),
-	ETH: bigNumber => bigNumber.div(BIG_NUMBER_ETH_MULTIPLIER)
+	WEI: (bigNumber) => bigNumber.div(BIG_NUMBER_WEI_MULTIPLIER),
+	GWEI: (bigNumber) => bigNumber.div(BIG_NUMBER_GWEI_MULTIPLIER),
+	ETH: (bigNumber) => bigNumber.div(BIG_NUMBER_ETH_MULTIPLIER),
 };
 const toSpecifiedDenomination = {
-	WEI: bigNumber => bigNumber.times(BIG_NUMBER_WEI_MULTIPLIER).decimalPlaces(0),
-	GWEI: bigNumber => bigNumber.times(BIG_NUMBER_GWEI_MULTIPLIER).decimalPlaces(9),
-	ETH: bigNumber => bigNumber.times(BIG_NUMBER_ETH_MULTIPLIER).decimalPlaces(9)
+	WEI: (bigNumber) => bigNumber.times(BIG_NUMBER_WEI_MULTIPLIER).decimalPlaces(0),
+	GWEI: (bigNumber) => bigNumber.times(BIG_NUMBER_GWEI_MULTIPLIER).decimalPlaces(9),
+	ETH: (bigNumber) => bigNumber.times(BIG_NUMBER_ETH_MULTIPLIER).decimalPlaces(9),
 };
 const baseChange = {
-	hex: n => n.toString(16),
-	dec: n => new BigNumber(n).toString(10),
-	BN: n => new BN(n.toString(16))
+	hex: (n) => n.toString(16),
+	dec: (n) => new BigNumber(n).toString(10),
+	BN: (n) => new BN(n.toString(16)),
 };
 /**
  * Converts a BN object to a hex string with a '0x' prefix
@@ -51,7 +51,7 @@ export function BNToHex(value) {
  * @param {string} str - The string to prefix.
  * @returns {string} The prefixed string.
  */
-export const addHexPrefix = str => {
+export const addHexPrefix = (str) => {
 	if (typeof str !== 'string' || str.match(/^-?0x/u)) {
 		return str;
 	}
@@ -560,7 +560,7 @@ const converter = ({
 	numberOfDecimals,
 	conversionRate,
 	invertConversionRate,
-	roundDown
+	roundDown,
 }) => {
 	let convertedValue = fromNumericBase ? toBigNumber[fromNumericBase](value) : value;
 
@@ -610,7 +610,7 @@ export const conversionUtil = (
 		toDenomination,
 		numberOfDecimals,
 		conversionRate,
-		invertConversionRate
+		invertConversionRate,
 	}
 ) =>
 	converter({
@@ -623,10 +623,10 @@ export const conversionUtil = (
 		numberOfDecimals,
 		conversionRate,
 		invertConversionRate,
-		value: value || '0'
+		value: value || '0',
 	});
 
-export const toHexadecimal = decimal => {
+export const toHexadecimal = (decimal) => {
 	if (!decimal) return decimal;
 	if (decimal !== typeof 'string') {
 		decimal = String(decimal);
diff --git a/app/util/number/index.test.js b/app/util/number/index.test.js
index 0031441d8f8..fd4fbd875ac 100644
--- a/app/util/number/index.test.js
+++ b/app/util/number/index.test.js
@@ -20,7 +20,7 @@ import {
 	balanceToFiatNumber,
 	renderFiat,
 	handleWeiNumber,
-	toHexadecimal
+	toHexadecimal,
 } from '.';
 import numberToBN from 'number-to-bn';
 
diff --git a/app/util/password/index.js b/app/util/password/index.js
index b7d81a1e390..af15cdfd171 100644
--- a/app/util/password/index.js
+++ b/app/util/password/index.js
@@ -1,5 +1,5 @@
 export const MIN_PASSWORD_LENGTH = 8;
-export const getPasswordStrengthWord = strength => {
+export const getPasswordStrengthWord = (strength) => {
 	switch (strength) {
 		case 0:
 			return 'weak';
@@ -14,4 +14,4 @@ export const getPasswordStrengthWord = strength => {
 	}
 };
 
-export const passwordRequirementsMet = password => password.length >= MIN_PASSWORD_LENGTH;
+export const passwordRequirementsMet = (password) => password.length >= MIN_PASSWORD_LENGTH;
diff --git a/app/util/payment-link-generator.js b/app/util/payment-link-generator.js
index 217329be78f..d8b555f92f3 100644
--- a/app/util/payment-link-generator.js
+++ b/app/util/payment-link-generator.js
@@ -38,10 +38,10 @@ export function generateETHLink(receiverAddress, value, chainId) {
 		chain_id: chainId,
 		function_name: undefined,
 		parameters: {
-			value
+			value,
 		},
 		scheme: 'ethereum',
-		target_address: receiverAddress
+		target_address: receiverAddress,
 	};
 	return build(data);
 }
@@ -62,10 +62,10 @@ export function generateERC20Link(receiverAddress, assetAddress, value, chainId)
 		function_name: 'transfer',
 		parameters: {
 			address: receiverAddress,
-			uint256: value
+			uint256: value,
 		},
 		scheme: 'ethereum',
-		target_address: assetAddress
+		target_address: assetAddress,
 	};
 	return build(data);
 }
diff --git a/app/util/scaling.js b/app/util/scaling.js
index 9e07513b4e2..813266d09fa 100644
--- a/app/util/scaling.js
+++ b/app/util/scaling.js
@@ -12,7 +12,7 @@ const IPHONE_11_PRO_HEIGHT = 812;
 const IPHONE_11_PRO_MAX_WIDTH = 414;
 const IPHONE_11_PRO_MAX_HEIGHT = 896;
 
-const getBaseModel = baseModel => {
+const getBaseModel = (baseModel) => {
 	if (baseModel === 1) {
 		return { width: IPHONE_11_PRO_WIDTH, height: IPHONE_11_PRO_HEIGHT };
 	} else if (baseModel === 2) {
diff --git a/app/util/setupSentry.js b/app/util/setupSentry.js
index e3276657c55..18e51ee7b85 100644
--- a/app/util/setupSentry.js
+++ b/app/util/setupSentry.js
@@ -13,6 +13,6 @@ export default function setupSentry() {
 		dsn,
 		debug: __DEV__,
 		environment,
-		integrations: [new Dedupe(), new ExtraErrorData()]
+		integrations: [new Dedupe(), new ExtraErrorData()],
 	});
 }
diff --git a/app/util/streams.js b/app/util/streams.js
index b68f1965b4e..48198265b5e 100644
--- a/app/util/streams.js
+++ b/app/util/streams.js
@@ -8,7 +8,7 @@ const pump = require('pump');
  * @return {stream.Transform}
  */
 function jsonParseStream() {
-	return Through.obj(function(serialized, _, cb) {
+	return Through.obj(function (serialized, _, cb) {
 		this.push(JSON.parse(serialized));
 		cb();
 	});
@@ -20,7 +20,7 @@ function jsonParseStream() {
  * @return {stream.Transform} the stream transform
  */
 function jsonStringifyStream() {
-	return Through.obj(function(obj, _, cb) {
+	return Through.obj(function (obj, _, cb) {
 		this.push(JSON.stringify(obj));
 		cb();
 	});
@@ -33,7 +33,7 @@ function jsonStringifyStream() {
  */
 function setupMultiplex(connectionStream) {
 	const mux = new ObjectMultiplex();
-	pump(connectionStream, mux, connectionStream, err => {
+	pump(connectionStream, mux, connectionStream, (err) => {
 		if (err) {
 			console.warn(err);
 		}
diff --git a/app/util/sync/index.js b/app/util/sync/index.js
index 571599b377e..d3dc864f737 100644
--- a/app/util/sync/index.js
+++ b/app/util/sync/index.js
@@ -5,7 +5,7 @@
  */
 export async function syncPrefs(oldPrefs, updatedPref) {
 	try {
-		Object.keys(oldPrefs.identities).forEach(ids => {
+		Object.keys(oldPrefs.identities).forEach((ids) => {
 			if (updatedPref.identities[ids]) {
 				updatedPref.identities[ids] = oldPrefs.identities[ids];
 			}
@@ -24,7 +24,7 @@ export async function syncPrefs(oldPrefs, updatedPref) {
  */
 export async function syncAccounts(oldAccounts, updatedAccounts) {
 	try {
-		Object.keys(oldAccounts).forEach(account => {
+		Object.keys(oldAccounts).forEach((account) => {
 			if (updatedAccounts[account]) {
 				updatedAccounts[account] = oldAccounts[account];
 			}
diff --git a/app/util/sync/index.test.js b/app/util/sync/index.test.js
index e21aec89c36..69297445863 100644
--- a/app/util/sync/index.test.js
+++ b/app/util/sync/index.test.js
@@ -9,7 +9,7 @@ const OLD_PREFS = {
 		'0x7b8C6B8363B9E7A77d279dDad49BEF2994a3bf28': { '0x3': [Array] },
 		'0x9236413AfD369B2aeb5e52C048f6B30e7308f2e3': { '0x1': [Array], '0x3': [Array] },
 		'0x9b07Ba86631bdb74eE2DDb5750440986DECB9e11': { '0x1': [Array], '0x3': [Array] },
-		'0xE4D7f194b07B85511973f1FAAB31b8C2F1f9F344': { '0x3': [Array] }
+		'0xE4D7f194b07B85511973f1FAAB31b8C2F1f9F344': { '0x3': [Array] },
 	},
 	currentLocale: 'en',
 	featureFlags: {},
@@ -17,13 +17,13 @@ const OLD_PREFS = {
 	identities: {
 		'0x7f9f9A0e248Ef58298e911219e5B45D610C4B539': {
 			address: '0x7f9f9A0e248Ef58298e911219e5B45D610C4B539',
-			name: 'Testy Account'
-		}
+			name: 'Testy Account',
+		},
 	},
 	ipfsGateway: 'https://cloudflare-ipfs.com/ipfs/',
 	lostIdentities: {},
 	selectedAddress: '0x7f9f9A0e248Ef58298e911219e5B45D610C4B539',
-	tokens: []
+	tokens: [],
 };
 const OLD_ACCOUNTS = {
 	'0x0942890c603273059a11a298F81cb137Be9CF704': { balance: '0x365369025dd23000' },
@@ -33,7 +33,7 @@ const OLD_ACCOUNTS = {
 	'0x7b8C6B8363B9E7A77d279dDad49BEF2994a3bf28': { balance: '0x0' },
 	'0x9236413AfD369B2aeb5e52C048f6B30e7308f2e3': { balance: '0x0' },
 	'0x9b07Ba86631bdb74eE2DDb5750440986DECB9e11': { balance: '0xe8d4a51000' },
-	'0xE4D7f194b07B85511973f1FAAB31b8C2F1f9F344': { balance: '0x0' }
+	'0xE4D7f194b07B85511973f1FAAB31b8C2F1f9F344': { balance: '0x0' },
 };
 const NEW_PREFS = {
 	accountTokens: {
@@ -44,7 +44,7 @@ const NEW_PREFS = {
 		'0x7b8C6B8363B9E7A77d279dDad49BEF2994a3bf28': { '0x3': [Array] },
 		'0x9236413AfD369B2aeb5e52C048f6B30e7308f2e3': { '0x1': [Array], '0x3': [Array] },
 		'0x9b07Ba86631bdb74eE2DDb5750440986DECB9e11': { '0x1': [Array], '0x3': [Array] },
-		'0xE4D7f194b07B85511973f1FAAB31b8C2F1f9F344': { '0x3': [Array] }
+		'0xE4D7f194b07B85511973f1FAAB31b8C2F1f9F344': { '0x3': [Array] },
 	},
 	currentLocale: 'en',
 	featureFlags: {},
@@ -52,17 +52,17 @@ const NEW_PREFS = {
 	identities: {
 		'0x7f9f9A0e248Ef58298e911219e5B45D610C4B539': {
 			address: '0x7f9f9A0e248Ef58298e911219e5B45D610C4B539',
-			name: 'Account 1'
+			name: 'Account 1',
 		},
 		'0x7f9f9A0e248Ef58298e911219e5B45D610C4B589': {
 			address: '0x7f9f9A0e248Ef58298e911219e5B45D610C4B589',
-			name: 'Account 2'
-		}
+			name: 'Account 2',
+		},
 	},
 	ipfsGateway: 'https://cloudflare-ipfs.com/ipfs/',
 	lostIdentities: {},
 	selectedAddress: '0x7f9f9A0e248Ef58298e911219e5B45D610C4B539',
-	tokens: []
+	tokens: [],
 };
 const NEW_ACCOUNTS = {
 	'0x0942890c603273059a11a298F81cb137Be9CF704': { balance: '0x0' },
@@ -72,7 +72,7 @@ const NEW_ACCOUNTS = {
 	'0x7b8C6B8363B9E7A77d279dDad49BEF2994a3bf28': { balance: '0x0' },
 	'0x9236413AfD369B2aeb5e52C048f6B30e7308f2e3': { balance: '0x0' },
 	'0x9b07Ba86631bdb74eE2DDb5750440986DECB9e11': { balance: '0x0' },
-	'0xE4D7f194b07B85511973f1FAAB31b8C2F1f9F344': { balance: '0x0' }
+	'0xE4D7f194b07B85511973f1FAAB31b8C2F1f9F344': { balance: '0x0' },
 };
 
 describe('Success Sync', () => {
diff --git a/app/util/syncWithExtension.js b/app/util/syncWithExtension.js
index 4a8fa6a63ff..9c4c6c230cf 100644
--- a/app/util/syncWithExtension.js
+++ b/app/util/syncWithExtension.js
@@ -23,7 +23,7 @@ export default class PubNubWrapper {
 			subscribeKey: SUB_KEY,
 			publishKey: PUB_KEY,
 			cipherKey,
-			ssl: true
+			ssl: true,
 		});
 		this.cipherKey = cipherKey;
 		this.channelName = channelName;
@@ -49,11 +49,11 @@ export default class PubNubWrapper {
 			this.pubnub.publish(
 				{
 					message: {
-						event: 'start-sync'
+						event: 'start-sync',
 					},
 					channel: this.channelName,
 					sendByPost: false,
-					storeInHistory: false
+					storeInHistory: false,
 				},
 				(status, response) => {
 					setTimeout(() => {
@@ -84,11 +84,11 @@ export default class PubNubWrapper {
 			{
 				message: {
 					event: 'end-sync',
-					data: { status: 'success' }
+					data: { status: 'success' },
 				},
 				channel: this.channelName,
 				sendByPost: false,
-				storeInHistory: false
+				storeInHistory: false,
 			},
 			() => {
 				this.disconnectWebsockets();
@@ -106,18 +106,18 @@ export default class PubNubWrapper {
 	 * @returns - Promise resolving with this process is finished
 	 */
 	establishConnection(selectedAddress) {
-		return new Promise(resolve => {
+		return new Promise((resolve) => {
 			const { cipherKey, channelName } = this.generateCipherKeyAndChannelName(selectedAddress);
 			this.pubnub.publish(
 				{
 					message: {
 						event: 'connection-info',
 						channel: channelName,
-						cipher: cipherKey
+						cipher: cipherKey,
 					},
 					channel: this.channelName,
 					sendByPost: false,
-					storeInHistory: false
+					storeInHistory: false,
 				},
 				(status, response) => {
 					this.disconnectWebsockets();
@@ -125,7 +125,7 @@ export default class PubNubWrapper {
 						subscribeKey: SUB_KEY,
 						publishKey: PUB_KEY,
 						cipherKey,
-						ssl: true
+						ssl: true,
 					});
 					this.channelName = channelName;
 					this.cipherKey = cipherKey;
@@ -152,7 +152,7 @@ export default class PubNubWrapper {
 					Logger.error(new Error('Unrecognized message'), {
 						thisChannelName: this.channelName,
 						channel,
-						message
+						message,
 					});
 					this.timeout = false;
 					return false;
@@ -177,7 +177,7 @@ export default class PubNubWrapper {
 						}
 					}
 				}
-			}
+			},
 		};
 
 		this.pubnub.addListener(this.pubnubListener);
@@ -189,7 +189,7 @@ export default class PubNubWrapper {
 	subscribe() {
 		this.pubnub.subscribe({
 			channels: [this.channelName],
-			withPresence: false
+			withPresence: false,
 		});
 	}
 
diff --git a/app/util/testSetup.js b/app/util/testSetup.js
index bf89158ed8f..9818bd5f15a 100644
--- a/app/util/testSetup.js
+++ b/app/util/testSetup.js
@@ -38,7 +38,7 @@ jest.mock('react-native-fs', () => ({
 	readDir: jest.fn(),
 	readDirAssets: jest.fn(),
 	readFile: () =>
-		new Promise(resolve => {
+		new Promise((resolve) => {
 			resolve('console.log()');
 		}),
 	readFileAssets: jest.fn(),
@@ -52,7 +52,7 @@ jest.mock('react-native-fs', () => ({
 	unlink: jest.fn(),
 	uploadFiles: jest.fn(),
 	write: jest.fn(),
-	writeFile: jest.fn()
+	writeFile: jest.fn(),
 }));
 
 Date.now = jest.fn(() => 123);
@@ -60,8 +60,8 @@ Date.now = jest.fn(() => 123);
 jest.mock('../core/NotificationManager', () => ({
 	init: () => NotificationManager.init({}),
 	getTransactionToView: () => null,
-	setTransactionToView: id => NotificationManager.setTransactionToView(id),
-	gotIncomingTransaction: () => null
+	setTransactionToView: (id) => NotificationManager.setTransactionToView(id),
+	gotIncomingTransaction: () => null,
 }));
 
 jest.mock('../core/Engine', () => ({
@@ -71,15 +71,15 @@ jest.mock('../core/Engine', () => ({
 			keyring: {
 				keyrings: [
 					{
-						mnemonic: 'one two three four five six seven eight nine ten eleven twelve'
-					}
-				]
-			}
-		}
+						mnemonic: 'one two three four five six seven eight nine ten eleven twelve',
+					},
+				],
+			},
+		},
 	},
 	refreshTransactionHistory: () => {
 		Promise.resolve();
-	}
+	},
 }));
 
 jest.mock('react-native-keychain', () => ({ getSupportedBiometryType: () => Promise.resolve('FaceId') }));
@@ -87,7 +87,7 @@ jest.mock('react-native-share', () => 'RNShare');
 jest.mock('react-native-branch', () => ({
 	BranchSubscriber: () => {
 		() => 'RNBranch';
-	}
+	},
 }));
 jest.mock('react-native-sensors', () => 'RNSensors');
 jest.mock('react-native-search-api', () => 'SearchApi');
@@ -103,7 +103,7 @@ NativeModules.RNGestureHandlerModule = {
 	updateGestureHandler: jest.fn(),
 	forceTouchAvailable: jest.fn(),
 	State: {},
-	Directions: {}
+	Directions: {},
 };
 
 NativeModules.RNCNetInfo = {
@@ -111,17 +111,17 @@ NativeModules.RNCNetInfo = {
 	isConnectionMetered: jest.fn(),
 	addListener: jest.fn(),
 	removeListeners: jest.fn(),
-	getCurrentState: jest.fn(() => Promise.resolve())
+	getCurrentState: jest.fn(() => Promise.resolve()),
 };
 
 NativeModules.RCTAnalytics = {
 	optIn: jest.fn(),
 	trackEvent: jest.fn(),
-	getRemoteVariables: jest.fn()
+	getRemoteVariables: jest.fn(),
 };
 
 NativeModules.PlatformConstants = {
-	forceTouchAvailable: false
+	forceTouchAvailable: false,
 };
 
 jest.mock('react-native/Libraries/Components/Touchable/TouchableOpacity', () => 'TouchableOpacity');
@@ -134,5 +134,5 @@ jest.mock('react-native/Libraries/Interaction/InteractionManager', () => ({
 	runAfterInteractions: jest.fn(),
 	createInteractionHandle: jest.fn(),
 	clearInteractionHandle: jest.fn(),
-	setDeadline: jest.fn()
+	setDeadline: jest.fn(),
 }));
diff --git a/app/util/transactions/index.js b/app/util/transactions/index.js
index fce4885e5e9..23740a13689 100644
--- a/app/util/transactions/index.js
+++ b/app/util/transactions/index.js
@@ -15,7 +15,7 @@ import {
 	renderFromWei,
 	toBN,
 	weiToFiat,
-	weiToFiatNumber
+	weiToFiatNumber,
 } from '../number';
 import AppConstants from '../../core/AppConstants';
 import { isMainnetByChainId } from '../networks';
@@ -27,7 +27,7 @@ import {
 	convertTokenToFiat,
 	formatCurrency,
 	getTransactionFee,
-	roundExponential
+	roundExponential,
 } from '../confirm-tx';
 
 import humanizeDuration from 'humanize-duration';
@@ -63,7 +63,7 @@ export const TRANSACTION_TYPES = {
 	RECEIVED_TOKEN: 'transaction_received_token',
 	RECEIVED_COLLECTIBLE: 'transaction_received_collectible',
 	SITE_INTERACTION: 'transaction_site_interaction',
-	APPROVE: 'transaction_approve'
+	APPROVE: 'transaction_approve',
 };
 
 const MULTIPLIER_HEX = 16;
@@ -86,7 +86,7 @@ const reviewActionKeys = {
 	[DEPLOY_CONTRACT_ACTION_KEY]: strings('transactions.tx_review_contract_deployment'),
 	[TRANSFER_FROM_ACTION_KEY]: strings('transactions.tx_review_transfer_from'),
 	[SMART_CONTRACT_INTERACTION_ACTION_KEY]: strings('transactions.tx_review_unknown'),
-	[APPROVE_ACTION_KEY]: strings('transactions.tx_review_approve')
+	[APPROVE_ACTION_KEY]: strings('transactions.tx_review_approve'),
 };
 
 /**
@@ -98,7 +98,7 @@ const actionKeys = {
 	[DEPLOY_CONTRACT_ACTION_KEY]: strings('transactions.contract_deploy'),
 	[SMART_CONTRACT_INTERACTION_ACTION_KEY]: strings('transactions.smart_contract_interaction'),
 	[SWAPS_TRANSACTION_ACTION_KEY]: strings('transactions.swaps_transaction'),
-	[APPROVE_ACTION_KEY]: strings('transactions.approve')
+	[APPROVE_ACTION_KEY]: strings('transactions.approve'),
 };
 
 /**
@@ -120,7 +120,7 @@ export function generateTransferData(type, opts) {
 			return (
 				TRANSFER_FUNCTION_SIGNATURE +
 				Array.prototype.map
-					.call(rawEncode(['address', 'uint256'], [opts.toAddress, addHexPrefix(opts.amount)]), x =>
+					.call(rawEncode(['address', 'uint256'], [opts.toAddress, addHexPrefix(opts.amount)]), (x) =>
 						('00' + x.toString(16)).slice(-2)
 					)
 					.join('')
@@ -134,7 +134,7 @@ export function generateTransferData(type, opts) {
 							['address', 'address', 'uint256'],
 							[opts.fromAddress, opts.toAddress, addHexPrefix(opts.tokenId)]
 						),
-						x => ('00' + x.toString(16)).slice(-2)
+						(x) => ('00' + x.toString(16)).slice(-2)
 					)
 					.join('')
 			);
@@ -154,7 +154,7 @@ export function generateApproveData(opts) {
 	return (
 		APPROVE_FUNCTION_SIGNATURE +
 		Array.prototype.map
-			.call(rawEncode(['address', 'uint256'], [opts.spender, addHexPrefix(opts.value)]), x =>
+			.call(rawEncode(['address', 'uint256'], [opts.spender, addHexPrefix(opts.value)]), (x) =>
 				('00' + x.toString(16)).slice(-2)
 			)
 			.join('')
@@ -164,7 +164,7 @@ export function generateApproveData(opts) {
 export function decodeApproveData(data) {
 	return {
 		spenderAddress: addHexPrefix(data.substr(34, 40)),
-		encodedAmount: data.substr(74, 138)
+		encodedAmount: data.substr(74, 138),
 	};
 }
 
@@ -184,7 +184,7 @@ export function decodeTransferData(type, data) {
 			return [
 				addHexPrefix(rawDecode(['address'], bufferEncodedAddress)[0]),
 				parseInt(encodedAmount, 16).toString(),
-				encodedAmount
+				encodedAmount,
 			];
 		}
 		case 'transferFrom': {
@@ -196,7 +196,7 @@ export function decodeTransferData(type, data) {
 			return [
 				addHexPrefix(rawDecode(['address'], bufferEncodedFromAddress)[0]),
 				addHexPrefix(rawDecode(['address'], bufferEncodedToAddress)[0]),
-				parseInt(encodedTokenId, 16).toString()
+				parseInt(encodedTokenId, 16).toString(),
 			];
 		}
 	}
@@ -382,7 +382,7 @@ export function getEther(ticker) {
 		address: '',
 		symbol: ticker || strings('unit.eth'),
 		logo: '../images/eth-logo.png',
-		isETH: true
+		isETH: true,
 	};
 }
 
@@ -442,7 +442,7 @@ export const calculateAmountsEIP1559 = ({
 	gasFeeMaxNative,
 	gasFeeMaxConversion,
 	gasFeeMinHex,
-	gasFeeMaxHex
+	gasFeeMaxHex,
 }) => {
 	// amount numbers
 	const amountConversion = getValueFromWeiHex({
@@ -450,14 +450,14 @@ export const calculateAmountsEIP1559 = ({
 		fromCurrency: nativeCurrency,
 		toCurrency: currentCurrency,
 		conversionRate,
-		numberOfDecimals: 2
+		numberOfDecimals: 2,
 	});
 	const amountNative = getValueFromWeiHex({
 		value,
 		fromCurrency: nativeCurrency,
 		toCurrency: nativeCurrency,
 		conversionRate,
-		numberOfDecimals: 6
+		numberOfDecimals: 6,
 	});
 
 	// Total numbers
@@ -469,13 +469,13 @@ export const calculateAmountsEIP1559 = ({
 	const totalMinHex = addCurrencies(gasFeeMinHex, value, {
 		toNumericBase: 'hex',
 		aBase: MULTIPLIER_HEX,
-		bBase: MULTIPLIER_HEX
+		bBase: MULTIPLIER_HEX,
 	});
 
 	const totalMaxHex = addCurrencies(gasFeeMaxHex, value, {
 		toNumericBase: 'hex',
 		aBase: MULTIPLIER_HEX,
-		bBase: MULTIPLIER_HEX
+		bBase: MULTIPLIER_HEX,
 	});
 
 	return { totalMinNative, totalMinConversion, totalMaxNative, totalMaxConversion, totalMinHex, totalMaxHex };
@@ -487,7 +487,7 @@ export const calculateEthEIP1559 = ({
 	totalMinNative,
 	totalMinConversion,
 	totalMaxNative,
-	totalMaxConversion
+	totalMaxConversion,
 }) => {
 	const renderableTotalMinNative = formatETHFee(totalMinNative, nativeCurrency);
 	const renderableTotalMinConversion = formatCurrency(totalMinConversion, currentCurrency);
@@ -499,7 +499,7 @@ export const calculateEthEIP1559 = ({
 		renderableTotalMinNative,
 		renderableTotalMinConversion,
 		renderableTotalMaxNative,
-		renderableTotalMaxConversion
+		renderableTotalMaxConversion,
 	];
 };
 
@@ -513,13 +513,13 @@ export const calculateERC20EIP1559 = ({
 	totalMaxConversion,
 	symbol,
 	totalMinNative,
-	totalMaxNative
+	totalMaxNative,
 }) => {
 	const tokenAmountConversion = convertTokenToFiat({
 		value: tokenAmount,
 		toCurrency: currentCurrency,
 		conversionRate,
-		contractExchangeRate: exchangeRate
+		contractExchangeRate: exchangeRate,
 	});
 
 	const tokenTotalMinConversion = roundExponential(addFiat(tokenAmountConversion, totalMinConversion));
@@ -540,7 +540,7 @@ export const calculateERC20EIP1559 = ({
 		renderableTotalMinNative,
 		renderableTotalMinConversion,
 		renderableTotalMaxNative,
-		renderableTotalMaxConversion
+		renderableTotalMaxConversion,
 	];
 };
 
@@ -549,7 +549,7 @@ export const calculateEIP1559Times = ({
 	suggestedMaxFeePerGas,
 	selectedOption,
 	recommended,
-	gasFeeEstimates
+	gasFeeEstimates,
 }) => {
 	let timeEstimate = strings('times_eip1559.unknown');
 	let timeEstimateColor = 'grey';
@@ -577,7 +577,7 @@ export const calculateEIP1559Times = ({
 
 		const timeParams = {
 			language,
-			fallbacks: ['en']
+			fallbacks: ['en'],
 		};
 
 		if (
@@ -665,7 +665,7 @@ export const calculateEIP1559GasFeeHexes = ({
 	estimatedGasLimitHex,
 	estimatedBaseFeeHex,
 	suggestedMaxFeePerGasHex,
-	suggestedMaxPriorityFeePerGasHex
+	suggestedMaxPriorityFeePerGasHex,
 }) => {
 	// Hex calculations
 	const estimatedBaseFee_PLUS_suggestedMaxPriorityFeePerGasHex = addCurrencies(
@@ -674,14 +674,14 @@ export const calculateEIP1559GasFeeHexes = ({
 		{
 			toNumericBase: 'hex',
 			aBase: MULTIPLIER_HEX,
-			bBase: MULTIPLIER_HEX
+			bBase: MULTIPLIER_HEX,
 		}
 	);
 
 	const maxPriorityFeePerGasTimesGasLimitHex = multiplyCurrencies(suggestedMaxPriorityFeePerGasHex, gasLimitHex, {
 		toNumericBase: 'hex',
 		multiplicandBase: MULTIPLIER_HEX,
-		multiplierBase: MULTIPLIER_HEX
+		multiplierBase: MULTIPLIER_HEX,
 	});
 
 	const gasFeeMinHex = multiplyCurrencies(
@@ -690,20 +690,20 @@ export const calculateEIP1559GasFeeHexes = ({
 		{
 			toNumericBase: 'hex',
 			multiplicandBase: MULTIPLIER_HEX,
-			multiplierBase: MULTIPLIER_HEX
+			multiplierBase: MULTIPLIER_HEX,
 		}
 	);
 	const gasFeeMaxHex = multiplyCurrencies(suggestedMaxFeePerGasHex, gasLimitHex, {
 		toNumericBase: 'hex',
 		multiplicandBase: MULTIPLIER_HEX,
-		multiplierBase: MULTIPLIER_HEX
+		multiplierBase: MULTIPLIER_HEX,
 	});
 
 	return {
 		estimatedBaseFee_PLUS_suggestedMaxPriorityFeePerGasHex,
 		maxPriorityFeePerGasTimesGasLimitHex,
 		gasFeeMinHex,
-		gasFeeMaxHex
+		gasFeeMaxHex,
 	};
 };
 
@@ -716,7 +716,7 @@ export const parseTransactionEIP1559 = (
 		currentCurrency,
 		nativeCurrency,
 		transactionState: { selectedAsset, transaction: { value, data } } = { selectedAsset: {}, transaction: {} },
-		gasFeeEstimates
+		gasFeeEstimates,
 	},
 	{ onlyGas } = {}
 ) => {
@@ -739,7 +739,7 @@ export const parseTransactionEIP1559 = (
 		suggestedMaxFeePerGas,
 		selectedOption: selectedGasFee.selectedOption,
 		recommended: selectedGasFee.recommended,
-		gasFeeEstimates
+		gasFeeEstimates,
 	});
 
 	// eslint-disable-next-line prefer-const
@@ -748,7 +748,7 @@ export const parseTransactionEIP1559 = (
 		estimatedGasLimitHex,
 		estimatedBaseFeeHex,
 		suggestedMaxPriorityFeePerGasHex,
-		suggestedMaxFeePerGasHex
+		suggestedMaxFeePerGasHex,
 	});
 
 	if (swapsParams) {
@@ -756,24 +756,24 @@ export const parseTransactionEIP1559 = (
 		gasFeeMinHex = addCurrencies(gasFeeMinHex, tradeValue, {
 			toNumericBase: 'hex',
 			aBase: MULTIPLIER_HEX,
-			bBase: MULTIPLIER_HEX
+			bBase: MULTIPLIER_HEX,
 		});
 		gasFeeMaxHex = addCurrencies(gasFeeMaxHex, tradeValue, {
 			toNumericBase: 'hex',
 			aBase: MULTIPLIER_HEX,
-			bBase: MULTIPLIER_HEX
+			bBase: MULTIPLIER_HEX,
 		});
 
 		if (isNativeAsset) {
 			gasFeeMinHex = subtractCurrencies(gasFeeMinHex, sourceAmount, {
 				toNumericBase: 'hex',
 				aBase: MULTIPLIER_HEX,
-				bBase: 10
+				bBase: 10,
 			});
 			gasFeeMaxHex = subtractCurrencies(gasFeeMaxHex, sourceAmount, {
 				toNumericBase: 'hex',
 				aBase: MULTIPLIER_HEX,
-				bBase: 10
+				bBase: 10,
 			});
 		}
 	}
@@ -783,14 +783,14 @@ export const parseTransactionEIP1559 = (
 		fromCurrency: nativeCurrency,
 		toCurrency: nativeCurrency,
 		numberOfDecimals: 6,
-		conversionRate
+		conversionRate,
 	});
 	const maxPriorityFeeConversion = getTransactionFee({
 		value: maxPriorityFeePerGasTimesGasLimitHex,
 		fromCurrency: nativeCurrency,
 		toCurrency: currentCurrency,
 		numberOfDecimals: 2,
-		conversionRate
+		conversionRate,
 	});
 
 	const renderableMaxPriorityFeeNative = formatETHFee(
@@ -805,14 +805,14 @@ export const parseTransactionEIP1559 = (
 		fromCurrency: nativeCurrency,
 		toCurrency: nativeCurrency,
 		numberOfDecimals: 6,
-		conversionRate
+		conversionRate,
 	});
 	const maxFeePerGasConversion = getTransactionFee({
 		value: gasFeeMaxHex,
 		fromCurrency: nativeCurrency,
 		toCurrency: currentCurrency,
 		numberOfDecimals: 2,
-		conversionRate
+		conversionRate,
 	});
 	const renderableMaxFeePerGasNative = formatETHFee(
 		maxFeePerGasNative,
@@ -827,14 +827,14 @@ export const parseTransactionEIP1559 = (
 		fromCurrency: nativeCurrency,
 		toCurrency: nativeCurrency,
 		numberOfDecimals: 6,
-		conversionRate
+		conversionRate,
 	});
 	const gasFeeMinConversion = getTransactionFee({
 		value: gasFeeMinHex,
 		fromCurrency: nativeCurrency,
 		toCurrency: currentCurrency,
 		numberOfDecimals: 2,
-		conversionRate
+		conversionRate,
 	});
 
 	// Gas fee max numbers
@@ -843,14 +843,14 @@ export const parseTransactionEIP1559 = (
 		fromCurrency: nativeCurrency,
 		toCurrency: nativeCurrency,
 		numberOfDecimals: 6,
-		conversionRate
+		conversionRate,
 	});
 	const gasFeeMaxConversion = getTransactionFee({
 		value: gasFeeMaxHex,
 		fromCurrency: nativeCurrency,
 		toCurrency: currentCurrency,
 		numberOfDecimals: 2,
-		conversionRate
+		conversionRate,
 	});
 
 	const renderableGasFeeMinNative = formatETHFee(
@@ -870,7 +870,7 @@ export const parseTransactionEIP1559 = (
 	const valuePlusGasMaxHex = addCurrencies(gasFeeMaxHex, value, {
 		toNumericBase: 'hex',
 		aBase: MULTIPLIER_HEX,
-		bBase: MULTIPLIER_HEX
+		bBase: MULTIPLIER_HEX,
 	});
 
 	if (onlyGas) {
@@ -901,29 +901,23 @@ export const parseTransactionEIP1559 = (
 			gasLimitHex,
 			suggestedGasLimit: selectedGasFee.suggestedGasLimit,
 			suggestedEstimatedGasLimit: selectedGasFee.suggestedEstimatedGasLimit,
-			totalMaxHex: valuePlusGasMaxHex
+			totalMaxHex: valuePlusGasMaxHex,
 		};
 	}
 
-	const {
-		totalMinNative,
-		totalMinConversion,
-		totalMaxNative,
-		totalMaxConversion,
-		totalMinHex,
-		totalMaxHex
-	} = calculateAmountsEIP1559({
-		value,
-		nativeCurrency,
-		currentCurrency,
-		conversionRate,
-		gasFeeMinConversion,
-		gasFeeMinNative,
-		gasFeeMaxNative,
-		gasFeeMaxConversion,
-		gasFeeMaxHex,
-		gasFeeMinHex
-	});
+	const { totalMinNative, totalMinConversion, totalMaxNative, totalMaxConversion, totalMinHex, totalMaxHex } =
+		calculateAmountsEIP1559({
+			value,
+			nativeCurrency,
+			currentCurrency,
+			conversionRate,
+			gasFeeMinConversion,
+			gasFeeMinNative,
+			gasFeeMaxNative,
+			gasFeeMaxConversion,
+			gasFeeMaxHex,
+			gasFeeMinHex,
+		});
 
 	let renderableTotalMinNative, renderableTotalMinConversion, renderableTotalMaxNative, renderableTotalMaxConversion;
 
@@ -932,14 +926,14 @@ export const parseTransactionEIP1559 = (
 			renderableTotalMinNative,
 			renderableTotalMinConversion,
 			renderableTotalMaxNative,
-			renderableTotalMaxConversion
+			renderableTotalMaxConversion,
 		] = calculateEthEIP1559({
 			nativeCurrency,
 			currentCurrency,
 			totalMinNative,
 			totalMinConversion,
 			totalMaxNative,
-			totalMaxConversion
+			totalMaxConversion,
 		});
 	} else {
 		const { address, symbol = 'ERC20', decimals } = selectedAsset;
@@ -954,7 +948,7 @@ export const parseTransactionEIP1559 = (
 			renderableTotalMinNative,
 			renderableTotalMinConversion,
 			renderableTotalMaxNative,
-			renderableTotalMaxConversion
+			renderableTotalMaxConversion,
 		] = calculateERC20EIP1559({
 			currentCurrency,
 			nativeCurrency,
@@ -965,7 +959,7 @@ export const parseTransactionEIP1559 = (
 			totalMaxConversion,
 			symbol,
 			totalMinNative,
-			totalMaxNative
+			totalMaxNative,
 		});
 	}
 
@@ -1004,7 +998,7 @@ export const parseTransactionEIP1559 = (
 		gasLimitHex,
 		suggestedGasLimit: selectedGasFee.suggestedGasLimit,
 		totalMinHex,
-		totalMaxHex
+		totalMaxHex,
 	};
 };
 
@@ -1015,7 +1009,7 @@ export const parseTransactionLegacy = (
 		currentCurrency,
 		transactionState: { selectedAsset, transaction: { value, data } } = { selectedAsset: '', transaction: {} },
 		ticker,
-		selectedGasFee
+		selectedGasFee,
 	},
 	{ onlyGas } = {}
 ) => {
@@ -1041,7 +1035,7 @@ export const parseTransactionLegacy = (
 			suggestedGasPriceHex,
 			suggestedGasLimit: selectedGasFee.suggestedGasLimit,
 			suggestedGasLimitHex: gasLimitHex,
-			totalHex
+			totalHex,
 		};
 	}
 
@@ -1084,7 +1078,7 @@ export const parseTransactionLegacy = (
 		suggestedGasPriceHex,
 		suggestedGasLimit: selectedGasFee.suggestedGasLimit,
 		suggestedGasLimitHex: gasLimitHex,
-		totalHex
+		totalHex,
 	};
 };
 
diff --git a/app/util/transactions/index.test.js b/app/util/transactions/index.test.js
index 607416c156c..74f36b57026 100644
--- a/app/util/transactions/index.test.js
+++ b/app/util/transactions/index.test.js
@@ -9,7 +9,7 @@ import {
 	// SEND_ETHER_ACTION_KEY,
 	// DEPLOY_CONTRACT_ACTION_KEY,
 	// SEND_TOKEN_ACTION_KEY,
-	TOKEN_METHOD_TRANSFER_FROM
+	TOKEN_METHOD_TRANSFER_FROM,
 	// TRANSFER_FROM_ACTION_KEY,
 	// SMART_CONTRACT_INTERACTION_ACTION_KEY
 } from '.';
diff --git a/app/util/validators/index.js b/app/util/validators/index.js
index 1eb1f24207e..5b95237c11b 100644
--- a/app/util/validators/index.js
+++ b/app/util/validators/index.js
@@ -1,21 +1,16 @@
 import { ethers } from 'ethers';
 import { confusables } from 'unicode-confusables';
 
-export const failedSeedPhraseRequirements = seed => {
+export const failedSeedPhraseRequirements = (seed) => {
 	const wordCount = seed.split(/\s/u).length;
 	return wordCount % 3 !== 0 || wordCount > 24 || wordCount < 12;
 };
 
-export const parseSeedPhrase = seedPhrase =>
-	(seedPhrase || '')
-		.trim()
-		.toLowerCase()
-		.match(/\w+/gu)
-		?.join(' ') || '';
+export const parseSeedPhrase = (seedPhrase) => (seedPhrase || '').trim().toLowerCase().match(/\w+/gu)?.join(' ') || '';
 
 export const { isValidMnemonic } = ethers.utils;
 
-export const collectConfusables = ensName => {
+export const collectConfusables = (ensName) => {
 	const key = 'similarTo';
 	const collection = confusables(ensName).reduce(
 		(total, current) => (key in current ? [...total, current.point] : total),
@@ -30,7 +25,7 @@ const zeroWidthPoints = new Set([
 	'\u200d', // zero width joiner
 	'\ufeff', // zero width no-break space
 	'\u2028', // line separator
-	'\u2029' // paragraph separator,
+	'\u2029', // paragraph separator,
 ]);
 
-export const hasZeroWidthPoints = char => zeroWidthPoints.has(char);
+export const hasZeroWidthPoints = (char) => zeroWidthPoints.has(char);
diff --git a/app/util/validators/index.test.js b/app/util/validators/index.test.js
index d3a355ee3d9..f8cd1333911 100644
--- a/app/util/validators/index.test.js
+++ b/app/util/validators/index.test.js
@@ -2,9 +2,7 @@ import { failedSeedPhraseRequirements, parseSeedPhrase, hasZeroWidthPoints, coll
 
 const VALID_24 =
 	'verb middle giant soon wage common wide tool gentle garlic issue nut retreat until album recall expire bronze bundle live accident expect dry cook';
-const VALID_12 = VALID_24.split(' ')
-	.splice(0, 12)
-	.join(' ');
+const VALID_12 = VALID_24.split(' ').splice(0, 12).join(' ');
 
 describe('failedSeedPhraseRequirements', () => {
 	it('Should pass for 12 word mnemonic', () => {
diff --git a/app/util/walletconnect.js b/app/util/walletconnect.js
index ee1754225a5..adead0a79fa 100644
--- a/app/util/walletconnect.js
+++ b/app/util/walletconnect.js
@@ -5,8 +5,8 @@ export const CLIENT_OPTIONS = {
 		url: 'https://metamask.io',
 		icons: ['https://raw.githubusercontent.com/MetaMask/brand-resources/master/SVG/metamask-fox.svg'],
 		name: 'MetaMask',
-		ssl: true
-	}
+		ssl: true,
+	},
 };
 
 export const WALLET_CONNECT_ORIGIN = 'wc::';
diff --git a/e2e/helpers.js b/e2e/helpers.js
index f0818ea95ee..6a18f8005d3 100644
--- a/e2e/helpers.js
+++ b/e2e/helpers.js
@@ -34,9 +34,7 @@ export default class TestHelpers {
 
 	static async typeNumbers(elementId, text, submitLabel) {
 		await element(by.id(elementId)).replaceText(text.replace('\n', ''));
-		return element(by.label(submitLabel))
-			.atIndex(0)
-			.tap();
+		return element(by.label(submitLabel)).atIndex(0).tap();
 	}
 
 	static async typeTextAndHideKeyboard(elementId, text) {
@@ -72,9 +70,7 @@ export default class TestHelpers {
 				.tap();
 		}
 
-		return element(by.label(text))
-			.atIndex(0)
-			.tap();
+		return element(by.label(text)).atIndex(0).tap();
 	}
 
 	static async swipe(elementId, direction, speed, percentage) {
@@ -136,7 +132,7 @@ export default class TestHelpers {
 	}
 
 	static delay(ms) {
-		return new Promise(resolve => {
+		return new Promise((resolve) => {
 			setTimeout(() => {
 				resolve();
 			}, ms);
diff --git a/index.js b/index.js
index abf68682f05..404a5241c86 100644
--- a/index.js
+++ b/index.js
@@ -54,7 +54,7 @@ LogBox.ignoreLogs([
 	'componentWillReceiveProps',
 	'getNode()',
 	'VirtualizedLists should never be nested inside plain ScrollViews',
-	'Non-serializable values were found in the navigation state.' // We are not saving navigation state so we can ignore this
+	'Non-serializable values were found in the navigation state.', // We are not saving navigation state so we can ignore this
 ]);
 
 /**
diff --git a/jest.config.js b/jest.config.js
index 5dea839453a..aec4d280a3d 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -4,10 +4,10 @@ const config = {
 	preset: 'react-native',
 	setupFiles: ['<rootDir>/app/util/testSetup.js'],
 	transform: {
-		'^.+\\.js$': '<rootDir>jest.preprocessor.js'
+		'^.+\\.js$': '<rootDir>jest.preprocessor.js',
 	},
 	transformIgnorePatterns: [
-		'node_modules/(?!(react-native|rn-fetch|redux-persist-filesystem|@react-navigation|@react-native-community|react-navigation|react-navigation-redux-helpers|@sentry))'
+		'node_modules/(?!(react-native|rn-fetch|redux-persist-filesystem|@react-navigation|@react-native-community|react-navigation|react-navigation-redux-helpers|@sentry))',
 	],
 	snapshotSerializers: ['enzyme-to-json/serializer'],
 	collectCoverage: false,
@@ -15,8 +15,8 @@ const config = {
 		'<rootDir>/app/**/*.{js,jsx}',
 		'!<rootDir>/node_modules/',
 		'!<rootDir>/app/util/*.{js,jsx}',
-		'!<rootDir>/app/entry*.js'
-	]
+		'!<rootDir>/app/entry*.js',
+	],
 };
 
 // eslint-disable-next-line import/no-commonjs
diff --git a/locales/i18n.js b/locales/i18n.js
index f0bfcc1a342..0e9c38cb12c 100644
--- a/locales/i18n.js
+++ b/locales/i18n.js
@@ -30,7 +30,7 @@ I18n.translations = {
 	ru,
 	tl,
 	vi,
-	zh
+	zh,
 };
 // If language selected get locale
 getUserPreferableLocale();
@@ -60,7 +60,7 @@ export function getLanguages() {
 		ru: 'Russian',
 		tl: 'Filipino',
 		vi: 'Vietnamese',
-		zh: 'Chinese - China'
+		zh: 'Chinese - China',
 	};
 }
 
diff --git a/locales/update-script.js b/locales/update-script.js
index 787f6558649..e3d4765cff5 100644
--- a/locales/update-script.js
+++ b/locales/update-script.js
@@ -11,7 +11,7 @@ const en = require(`${languagesFolder}/en.json`);
  * Checks every language on the language folder and updates all the languages to the same format as en.json
  */
 
-const updateLanguage = language => {
+const updateLanguage = (language) => {
 	const languageToUpdate = require(`${languagesToUpdateFolder}/${language}`);
 
 	let existentLanguage = {};
@@ -41,7 +41,7 @@ const updateLanguage = language => {
 };
 
 const allLanguagesToUpdateFiles = fs.readdirSync(languagesToUpdateFolder);
-const languageFilesToUpdate = allLanguagesToUpdateFiles.filter(lang => lang !== 'en.json' && lang.endsWith('.json'));
+const languageFilesToUpdate = allLanguagesToUpdateFiles.filter((lang) => lang !== 'en.json' && lang.endsWith('.json'));
 languageFilesToUpdate.forEach(updateLanguage);
 console.log('All done!');
 
diff --git a/package.json b/package.json
index 19a7fe9db05..2e24a6adc40 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,7 @@
     }
   },
   "lint-staged": {
-    "*.js": [
+    "*.{js,jsx,ts,tsx}": [
       "prettier --write",
       "eslint --ignore-path=.prettierignore"
     ],
@@ -223,10 +223,14 @@
   "devDependencies": {
     "@babel/core": "^7.8.4",
     "@babel/runtime": "^7.8.4",
+    "@metamask/eslint-config": "^7.0.0",
+    "@metamask/eslint-config-typescript": "^7.0.0",
     "@metamask/mobile-provider": "^2.1.0",
     "@react-native-community/eslint-config": "^1.1.0",
     "@types/react": "^17.0.11",
     "@types/react-native": "^0.64.10",
+    "@typescript-eslint/eslint-plugin": "^4.20.0",
+    "@typescript-eslint/parser": "^4.20.0",
     "assert": "1.4.1",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "10.1.0",
@@ -236,10 +240,11 @@
     "enzyme": "3.9.0",
     "enzyme-adapter-react-16": "1.10.0",
     "enzyme-to-json": "3.3.5",
-    "eslint": "^7.14.0",
+    "eslint": "^7.23.0",
+    "eslint-config-prettier": "^8.1.0",
     "eslint-config-react-native": "4.0.0",
     "eslint-import-resolver-typescript": "^2.4.0",
-    "eslint-plugin-import": "2.18.2",
+    "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-prettier": "^3.3.1",
     "eslint-plugin-react": "7.16.0",
     "eslint-plugin-react-native": "3.7.0",
@@ -252,13 +257,14 @@
     "metro-react-native-babel-preset": "^0.59.0",
     "octonode": "0.9.5",
     "patch-package": "^6.2.2",
-    "prettier": "1.16.4",
+    "prettier": "^2.2.1",
     "react-dom": "16.8.4",
     "react-native-cli": "2.0.1",
     "react-test-renderer": "16.13.1",
     "regenerator-runtime": "0.13.9",
     "rn-nodeify": "10.0.1",
-    "stack-beautifier": "1.0.2"
+    "stack-beautifier": "1.0.2",
+    "typescript": "^4.4.2"
   },
   "detox": {
     "configurations": {
diff --git a/react-native.config.js b/react-native.config.js
index 58140f9128a..45977656517 100644
--- a/react-native.config.js
+++ b/react-native.config.js
@@ -4,21 +4,21 @@ module.exports = {
 	dependencies: {
 		'react-native-aes-crypto-forked': {
 			platforms: {
-				ios: null // disable Android platform, other platforms will still autolink if provided
-			}
+				ios: null, // disable Android platform, other platforms will still autolink if provided
+			},
 		},
 		'react-native-gesture-handler': {
 			platforms: {
-				android: null // disable Android platform, other platforms will still autolink if provided
-			}
+				android: null, // disable Android platform, other platforms will still autolink if provided
+			},
 		},
 		'react-native-video': {
 			platforms: {
 				android: {
-					sourceDir: './node-modules/react-native-video/android-exoplayer'
-				}
-			}
-		}
+					sourceDir: './node-modules/react-native-video/android-exoplayer',
+				},
+			},
+		},
 	},
-	assets: ['./app/fonts/']
+	assets: ['./app/fonts/'],
 };
diff --git a/scripts/metamask-bot-build-announce-bitrise.js b/scripts/metamask-bot-build-announce-bitrise.js
index 41e85c63bf2..a82106ac4bc 100755
--- a/scripts/metamask-bot-build-announce-bitrise.js
+++ b/scripts/metamask-bot-build-announce-bitrise.js
@@ -19,23 +19,23 @@ async function start() {
 				title: 'iOS',
 				text: 'Install via TestFlight',
 				thumb_url:
-					'https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Apple_logo_black.svg/202px-Apple_logo_black.svg.png'
+					'https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Apple_logo_black.svg/202px-Apple_logo_black.svg.png',
 			},
 			{
 				title_link: ANDROID_APK_LINK,
 				title: 'Android',
 				text: 'Download APK via Bitrise',
 				thumb_url:
-					'https://upload.wikimedia.org/wikipedia/commons/thumb/d/d7/Android_robot.svg/511px-Android_robot.svg.png'
-			}
-		]
+					'https://upload.wikimedia.org/wikipedia/commons/thumb/d/d7/Android_robot.svg/511px-Android_robot.svg.png',
+			},
+		],
 	};
 
 	const JSON_PAYLOAD = JSON.stringify(content);
 	const SLACK_API_URI = `https://hooks.slack.com/services/${SLACK_TOKEN}/${SLACK_SECRET}/${SLACK_ROOM}`;
 
 	const headers = {
-		'Content-type': 'application/json'
+		'Content-type': 'application/json',
 	};
 	await axios.post(SLACK_API_URI, JSON_PAYLOAD, { headers });
 }
diff --git a/yarn.lock b/yarn.lock
index 03ec50be81e..dcc379d8fb3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -729,10 +729,10 @@
   dependencies:
     "@types/hammerjs" "^2.0.36"
 
-"@eslint/eslintrc@^0.4.2":
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.2.tgz#f63d0ef06f5c0c57d76c4ab5f63d3835c51b0179"
-  integrity sha512-8nmGq/4ycLpIwzvhI4tNDmQztZ8sp+hI7cyG8i1nQDhkAbRzHpXPidRAHlNvCZQpJTKw5ItIpMw9RSToGF00mg==
+"@eslint/eslintrc@^0.4.3":
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
+  integrity sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==
   dependencies:
     ajv "^6.12.4"
     debug "^4.1.1"
@@ -1502,6 +1502,16 @@
     web3 "^0.20.7"
     web3-provider-engine "^16.0.3"
 
+"@metamask/eslint-config-typescript@^7.0.0":
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/@metamask/eslint-config-typescript/-/eslint-config-typescript-7.0.1.tgz#e013f7f0505741b9321cab21351136f651abbba6"
+  integrity sha512-nqWivz9XHjiHAE2Aqf/y+p8R3xDoN9ScX2i97vtTxNKjAqkzmUwAd8lEHEibRfPOYaRBQJ0x85wrof++PpLfZg==
+
+"@metamask/eslint-config@^7.0.0":
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/@metamask/eslint-config/-/eslint-config-7.0.1.tgz#eeb87baa902965ca7931c26911d7027373706f34"
+  integrity sha512-dMZ+iyZrHdZK0D1uStTx8UN6Q6IK9YGbqPUwxgTj63M0mZOsuqs8qpGf+9Dn7uqS+8Oe9jNqejKxozjTiJvsEw==
+
 "@metamask/etherscan-link@^2.0.0":
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/@metamask/etherscan-link/-/etherscan-link-2.1.0.tgz#c0be8e68445b7b83cf85bcc03a56cdf8e256c973"
@@ -1531,6 +1541,27 @@
     human-standard-token-abi "^2.0.0"
     web3 "^0.20.7"
 
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
 "@react-native-community/async-storage@1.12.1":
   version "1.12.1"
   resolved "https://registry.yarnpkg.com/@react-native-community/async-storage/-/async-storage-1.12.1.tgz#25f821b4f6b13abe005ad67e47c6f1cee9f27b24"
@@ -2059,6 +2090,16 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.8.tgz#edf1bf1dbf4e04413ca8e5b17b3b7d7d54b59818"
   integrity sha512-YSBPTLTVm2e2OoQIDYx8HaeWJ5tTToLH67kXR7zYNGupXMEHa2++G8k+DczX2cFVgalypqtyZIcU19AFcmOpmg==
 
+"@types/json-schema@^7.0.7":
+  version "7.0.9"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.9.tgz#97edc9037ea0c38585320b28964dde3b39e4660d"
+  integrity sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==
+
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
+
 "@types/node@*":
   version "16.0.1"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-16.0.1.tgz#70cedfda26af7a2ca073fdcc9beb2fff4aa693f8"
@@ -2158,6 +2199,19 @@
     regexpp "^3.0.0"
     tsutils "^3.17.1"
 
+"@typescript-eslint/eslint-plugin@^4.20.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.30.0.tgz#4a0c1ae96b953f4e67435e20248d812bfa55e4fb"
+  integrity sha512-NgAnqk55RQ/SD+tZFD9aPwNSeHmDHHe5rtUyhIq0ZeCWZEvo4DK9rYz7v9HDuQZFvn320Ot+AikaCKMFKLlD0g==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "4.30.0"
+    "@typescript-eslint/scope-manager" "4.30.0"
+    debug "^4.3.1"
+    functional-red-black-tree "^1.0.1"
+    regexpp "^3.1.0"
+    semver "^7.3.5"
+    tsutils "^3.21.0"
+
 "@typescript-eslint/experimental-utils@2.34.0":
   version "2.34.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz#d3524b644cdb40eebceca67f8cf3e4cc9c8f980f"
@@ -2168,6 +2222,18 @@
     eslint-scope "^5.0.0"
     eslint-utils "^2.0.0"
 
+"@typescript-eslint/experimental-utils@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.30.0.tgz#9e49704fef568432ae16fc0d6685c13d67db0fd5"
+  integrity sha512-K8RNIX9GnBsv5v4TjtwkKtqMSzYpjqAQg/oSphtxf3xxdt6T0owqnpojztjjTcatSteH3hLj3t/kklKx87NPqw==
+  dependencies:
+    "@types/json-schema" "^7.0.7"
+    "@typescript-eslint/scope-manager" "4.30.0"
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/typescript-estree" "4.30.0"
+    eslint-scope "^5.1.1"
+    eslint-utils "^3.0.0"
+
 "@typescript-eslint/parser@^2.25.0":
   version "2.34.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-2.34.0.tgz#50252630ca319685420e9a39ca05fe185a256bc8"
@@ -2178,6 +2244,29 @@
     "@typescript-eslint/typescript-estree" "2.34.0"
     eslint-visitor-keys "^1.1.0"
 
+"@typescript-eslint/parser@^4.20.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.30.0.tgz#6abd720f66bd790f3e0e80c3be77180c8fcb192d"
+  integrity sha512-HJ0XuluSZSxeboLU7Q2VQ6eLlCwXPBOGnA7CqgBnz2Db3JRQYyBDJgQnop6TZ+rsbSx5gEdWhw4rE4mDa1FnZg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "4.30.0"
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/typescript-estree" "4.30.0"
+    debug "^4.3.1"
+
+"@typescript-eslint/scope-manager@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.30.0.tgz#1a3ffbb385b1a06be85cd5165a22324f069a85ee"
+  integrity sha512-VJ/jAXovxNh7rIXCQbYhkyV2Y3Ac/0cVHP/FruTJSAUUm4Oacmn/nkN5zfWmWFEanN4ggP0vJSHOeajtHq3f8A==
+  dependencies:
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/visitor-keys" "4.30.0"
+
+"@typescript-eslint/types@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.30.0.tgz#fb9d9b0358426f18687fba82eb0b0f869780204f"
+  integrity sha512-YKldqbNU9K4WpTNwBqtAerQKLLW/X2A/j4yw92e3ZJYLx+BpKLeheyzoPfzIXHfM8BXfoleTdiYwpsvVPvHrDw==
+
 "@typescript-eslint/typescript-estree@2.34.0":
   version "2.34.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz#14aeb6353b39ef0732cc7f1b8285294937cf37d5"
@@ -2191,6 +2280,27 @@
     semver "^7.3.2"
     tsutils "^3.17.1"
 
+"@typescript-eslint/typescript-estree@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.30.0.tgz#ae57833da72a753f4846cd3053758c771670c2ac"
+  integrity sha512-6WN7UFYvykr/U0Qgy4kz48iGPWILvYL34xXJxvDQeiRE018B7POspNRVtAZscWntEPZpFCx4hcz/XBT+erenfg==
+  dependencies:
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/visitor-keys" "4.30.0"
+    debug "^4.3.1"
+    globby "^11.0.3"
+    is-glob "^4.0.1"
+    semver "^7.3.5"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/visitor-keys@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.30.0.tgz#a47c6272fc71b0c627d1691f68eaecf4ad71445e"
+  integrity sha512-pNaaxDt/Ol/+JZwzP7MqWc8PJQTUhZwoee/PVlQ+iYoYhagccvoHnC9e4l+C/krQYYkENxznhVSDwClIbZVxRw==
+  dependencies:
+    "@typescript-eslint/types" "4.30.0"
+    eslint-visitor-keys "^2.0.0"
+
 "@walletconnect/browser-utils@^1.5.1":
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/@walletconnect/browser-utils/-/browser-utils-1.5.1.tgz#6a791ba55a37c22ad7a4f4cf403bdb8cd2f03c32"
@@ -2703,6 +2813,11 @@ array-slice@^0.2.3:
   resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-0.2.3.tgz#dd3cfb80ed7973a75117cdac69b0b99ec86186f5"
   integrity sha1-3Tz7gO15c6dRF82sabC5nshhhvU=
 
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
 array-uniq@1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.2.tgz#5fcc373920775723cfd64d65c64bef53bf9eba6d"
@@ -4035,11 +4150,6 @@ console-control-strings@^1.0.0, console-control-strings@~1.1.0:
   resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
   integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
 
-contains-path@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
-  integrity sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo=
-
 content-hash@2.5.2:
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/content-hash/-/content-hash-2.5.2.tgz#bbc2655e7c21f14fd3bfc7b7d4bfe6e454c9e211"
@@ -4327,7 +4437,7 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.2.0:
+debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.2.0, debug@^4.3.1:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
   integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
@@ -4576,6 +4686,13 @@ dijkstrajs@^1.0.1:
   resolved "https://registry.yarnpkg.com/dijkstrajs/-/dijkstrajs-1.0.2.tgz#2e48c0d3b825462afe75ab4ad5e829c8ece36257"
   integrity sha512-QV6PMaHTCNmKSeP6QoXhVTw9snc9VD8MulTT0Bd99Pacp4SS1cjcrYPgBPmibqKVtMJJfqC6XvOXgPMEEPH/fg==
 
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
 discontinuous-range@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/discontinuous-range/-/discontinuous-range-1.0.0.tgz#e38331f0844bba49b9a9cb71c771585aab1bc65a"
@@ -4599,14 +4716,6 @@ dnode@1.2.2:
   optionalDependencies:
     weak "^1.0.0"
 
-doctrine@1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa"
-  integrity sha1-N53Ocw9hZvds76TmcHoVmwLFpvo=
-  dependencies:
-    esutils "^2.0.2"
-    isarray "^1.0.0"
-
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -4848,7 +4957,7 @@ errno@^0.1.1, errno@~0.1.1:
   dependencies:
     prr "~1.0.1"
 
-error-ex@^1.2.0, error-ex@^1.3.1:
+error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
   integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
@@ -4979,6 +5088,11 @@ eslint-config-prettier@^6.10.1:
   dependencies:
     get-stdin "^6.0.0"
 
+eslint-config-prettier@^8.1.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz#f7471b20b6fe8a9a9254cc684454202886a2dd7a"
+  integrity sha512-BgZuLUSeKzvlL/VUjx/Yb787VQ26RU3gGjA3iiFvdsp/2bMfVIWUVP7tjxtjS0e+HP409cPlPvNkQloz8C91ew==
+
 eslint-config-react-native@4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/eslint-config-react-native/-/eslint-config-react-native-4.0.0.tgz#1eaeb4296a025998423e811599463e5a08ccc76f"
@@ -4989,7 +5103,7 @@ eslint-config-react-native@4.0.0:
     eslint-plugin-react "^7.11.1"
     eslint-plugin-react-native "^3.3.0"
 
-eslint-import-resolver-node@^0.3.2, eslint-import-resolver-node@^0.3.4:
+eslint-import-resolver-node@^0.3.4:
   version "0.3.4"
   resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717"
   integrity sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==
@@ -4997,6 +5111,14 @@ eslint-import-resolver-node@^0.3.2, eslint-import-resolver-node@^0.3.4:
     debug "^2.6.9"
     resolve "^1.13.1"
 
+eslint-import-resolver-node@^0.3.6:
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz#4048b958395da89668252001dbd9eca6b83bacbd"
+  integrity sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==
+  dependencies:
+    debug "^3.2.7"
+    resolve "^1.20.0"
+
 eslint-import-resolver-typescript@^2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-2.4.0.tgz#ec1e7063ebe807f0362a7320543aaed6fe1100e1"
@@ -5008,7 +5130,7 @@ eslint-import-resolver-typescript@^2.4.0:
     resolve "^1.17.0"
     tsconfig-paths "^3.9.0"
 
-eslint-module-utils@^2.4.0, eslint-module-utils@^2.6.1:
+eslint-module-utils@^2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.6.1.tgz#b51be1e473dd0de1c5ea638e22429c2490ea8233"
   integrity sha512-ZXI9B8cxAJIH4nfkhTwcRTEAnrVfobYqwjWy/QMCZ8rHkZHFjf9yO4BzpiF9kCSfNlMG54eKigISHpX0+AaT4A==
@@ -5016,6 +5138,14 @@ eslint-module-utils@^2.4.0, eslint-module-utils@^2.6.1:
     debug "^3.2.7"
     pkg-dir "^2.0.0"
 
+eslint-module-utils@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.6.2.tgz#94e5540dd15fe1522e8ffa3ec8db3b7fa7e7a534"
+  integrity sha512-QG8pcgThYOuqxupd06oYTZoNOGaUdTY1PqK+oS6ElF6vs4pBdk/aYxFVQQXzcrAqp9m7cl7lb2ubazX+g16k2Q==
+  dependencies:
+    debug "^3.2.7"
+    pkg-dir "^2.0.0"
+
 eslint-plugin-babel@^5.2.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-babel/-/eslint-plugin-babel-5.3.1.tgz#75a2413ffbf17e7be57458301c60291f2cfbf560"
@@ -5038,23 +5168,6 @@ eslint-plugin-flowtype@2.50.3:
   dependencies:
     lodash "^4.17.10"
 
-eslint-plugin-import@2.18.2:
-  version "2.18.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.18.2.tgz#02f1180b90b077b33d447a17a2326ceb400aceb6"
-  integrity sha512-5ohpsHAiUBRNaBWAF08izwUGlbrJoJJ+W9/TBwsGoR1MnlgfwMIKrFeSjWbt6moabiXW9xNvtFz+97KHRfI4HQ==
-  dependencies:
-    array-includes "^3.0.3"
-    contains-path "^0.1.0"
-    debug "^2.6.9"
-    doctrine "1.5.0"
-    eslint-import-resolver-node "^0.3.2"
-    eslint-module-utils "^2.4.0"
-    has "^1.0.3"
-    minimatch "^3.0.4"
-    object.values "^1.1.0"
-    read-pkg-up "^2.0.0"
-    resolve "^1.11.0"
-
 eslint-plugin-import@^2.14.0:
   version "2.23.4"
   resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.23.4.tgz#8dceb1ed6b73e46e50ec9a5bb2411b645e7d3d97"
@@ -5076,6 +5189,27 @@ eslint-plugin-import@^2.14.0:
     resolve "^1.20.0"
     tsconfig-paths "^3.9.0"
 
+eslint-plugin-import@^2.22.1:
+  version "2.24.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.24.2.tgz#2c8cd2e341f3885918ee27d18479910ade7bb4da"
+  integrity sha512-hNVtyhiEtZmpsabL4neEj+6M5DCLgpYyG9nzJY8lZQeQXEn5UPW1DpUdsMHMXsq98dbNm7nt1w9ZMSVpfJdi8Q==
+  dependencies:
+    array-includes "^3.1.3"
+    array.prototype.flat "^1.2.4"
+    debug "^2.6.9"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.6"
+    eslint-module-utils "^2.6.2"
+    find-up "^2.0.0"
+    has "^1.0.3"
+    is-core-module "^2.6.0"
+    minimatch "^3.0.4"
+    object.values "^1.1.4"
+    pkg-up "^2.0.0"
+    read-pkg-up "^3.0.0"
+    resolve "^1.20.0"
+    tsconfig-paths "^3.11.0"
+
 eslint-plugin-jest@22.4.1:
   version "22.4.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-22.4.1.tgz#a5fd6f7a2a41388d16f527073b778013c5189a9c"
@@ -5213,6 +5347,13 @@ eslint-utils@^2.0.0, eslint-utils@^2.1.0:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
+eslint-utils@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
+  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
+  dependencies:
+    eslint-visitor-keys "^2.0.0"
+
 eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
@@ -5308,13 +5449,13 @@ eslint@^6.8.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-eslint@^7.14.0:
-  version "7.30.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.30.0.tgz#6d34ab51aaa56112fd97166226c9a97f505474f8"
-  integrity sha512-VLqz80i3as3NdloY44BQSJpFw534L9Oh+6zJOUaViV4JPd+DaHwutqP7tcpkW3YiXbK6s05RZl7yl7cQn+lijg==
+eslint@^7.23.0:
+  version "7.32.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.32.0.tgz#c6d328a14be3fb08c8d1d21e12c02fdb7a2a812d"
+  integrity sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==
   dependencies:
     "@babel/code-frame" "7.12.11"
-    "@eslint/eslintrc" "^0.4.2"
+    "@eslint/eslintrc" "^0.4.3"
     "@humanwhocodes/config-array" "^0.5.0"
     ajv "^6.10.0"
     chalk "^4.0.0"
@@ -6286,6 +6427,17 @@ fast-diff@^1.1.2:
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
+fast-glob@^3.1.1:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.7.tgz#fd6cb7a2d7e9aa7a7846111e85a196d6b2f766a1"
+  integrity sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
@@ -6301,6 +6453,13 @@ fast-safe-stringify@^2.0.6:
   resolved "https://registry.yarnpkg.com/fast-safe-stringify/-/fast-safe-stringify-2.0.7.tgz#124aa885899261f68aedb42a7c080de9da608743"
   integrity sha512-Utm6CdzT+6xsDk2m8S6uL8VHxNwI6Jub+e9NYTcAms28T84pTa25GJQV9j0CY0N1rM8hK4x6grpF2BQf+2qwVA==
 
+fastq@^1.6.0:
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.12.0.tgz#ed7b6ab5d62393fb2cc591c853652a5c318bf794"
+  integrity sha512-VNX0QkHK3RsXVKr9KrlUv/FoTa0NdbYoHHl7uXHv2rzyHSlxjdNAKug2twd9luJxpcyNeAgf5iPPMutJO67Dfg==
+  dependencies:
+    reusify "^1.0.4"
+
 fb-watchman@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.1.tgz#fc84fb39d2709cf3ff6d743706157bb5708a8a85"
@@ -6841,6 +7000,18 @@ globals@^13.6.0, globals@^13.9.0:
   dependencies:
     type-fest "^0.20.2"
 
+globby@^11.0.3:
+  version "11.0.4"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.4.tgz#2cbaff77c2f2a62e71e9b2813a67b97a3a3001a5"
+  integrity sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.1.1"
+    ignore "^5.1.4"
+    merge2 "^1.3.0"
+    slash "^3.0.0"
+
 graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.6, graceful-fs@^4.1.9, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
   version "4.2.6"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
@@ -7159,7 +7330,7 @@ ignore@^4.0.6:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
-ignore@^5.0.5:
+ignore@^5.0.5, ignore@^5.1.4:
   version "5.1.8"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
   integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==
@@ -7417,6 +7588,13 @@ is-core-module@^2.2.0, is-core-module@^2.4.0:
   dependencies:
     has "^1.0.3"
 
+is-core-module@^2.6.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.6.0.tgz#d7553b2526fe59b92ba3e40c8df757ec8a709e19"
+  integrity sha512-wShG8vs60jKfPWpF2KZRaAtvt3a20OAn7+IJ6hLPECpSABLcKtFKTTI4ZtH5QcBruBHlq+WsdHWyz0BCZW7svQ==
+  dependencies:
+    has "^1.0.3"
+
 is-data-descriptor@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
@@ -8439,6 +8617,13 @@ json-stringify-safe@~5.0.1:
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
   integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
 
+json5@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
+  integrity sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==
+  dependencies:
+    minimist "^1.2.0"
+
 json5@^2.1.2, json5@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.0.tgz#2dfefe720c6ba525d9ebd909950f0515316c89a3"
@@ -8774,16 +8959,6 @@ listr2@^3.2.2:
     through "^2.3.8"
     wrap-ansi "^7.0.0"
 
-load-json-file@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
-  integrity sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=
-  dependencies:
-    graceful-fs "^4.1.2"
-    parse-json "^2.2.0"
-    pify "^2.0.0"
-    strip-bom "^3.0.0"
-
 load-json-file@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
@@ -9055,6 +9230,11 @@ merge-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
+merge2@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
 merkle-patricia-tree@^2.1.2, merkle-patricia-tree@^2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/merkle-patricia-tree/-/merkle-patricia-tree-2.3.2.tgz#982ca1b5a0fde00eed2f6aeed1f9152860b8208a"
@@ -9316,7 +9496,7 @@ micromatch@^3.1.10, micromatch@^3.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
-micromatch@^4.0.2:
+micromatch@^4.0.2, micromatch@^4.0.4:
   version "4.0.4"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.4.tgz#896d519dfe9db25fce94ceb7a500919bf881ebf9"
   integrity sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==
@@ -10114,13 +10294,6 @@ parse-headers@^2.0.0:
   resolved "https://registry.yarnpkg.com/parse-headers/-/parse-headers-2.0.3.tgz#5e8e7512383d140ba02f0c7aa9f49b4399c92515"
   integrity sha512-QhhZ+DCCit2Coi2vmAKbq5RGTRcQUOE2+REgv8vdyu7MnYx2eZztegqtTx99TZ86GTIwqiy3+4nQTWZ2tgmdCA==
 
-parse-json@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
-  integrity sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=
-  dependencies:
-    error-ex "^1.2.0"
-
 parse-json@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
@@ -10230,13 +10403,6 @@ path-parse@^1.0.6:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-type@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
-  integrity sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=
-  dependencies:
-    pify "^2.0.0"
-
 path-type@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
@@ -10301,11 +10467,6 @@ pify@4.0.1, pify@^4.0.1:
   resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
   integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
 
-pify@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
-
 pify@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
@@ -10437,12 +10598,7 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@1.16.4:
-  version "1.16.4"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.4.tgz#73e37e73e018ad2db9c76742e2647e21790c9717"
-  integrity sha512-ZzWuos7TI5CKUeQAtFd6Zhm2s6EpAD/ZLApIhsF9pRvRtM1RFo61dM/4MSRUA0SuLugA/zgrZD8m0BaY46Og7g==
-
-prettier@^2.0.2:
+prettier@^2.0.2, prettier@^2.2.1:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.2.tgz#ef280a05ec253712e486233db5c6f23441e7342d"
   integrity sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ==
@@ -11285,14 +11441,6 @@ read-env@^1.3.0:
   dependencies:
     camelcase "5.0.0"
 
-read-pkg-up@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
-  integrity sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4=
-  dependencies:
-    find-up "^2.0.0"
-    read-pkg "^2.0.0"
-
 read-pkg-up@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-3.0.0.tgz#3ed496685dba0f8fe118d0691dc51f4a1ff96f07"
@@ -11310,15 +11458,6 @@ read-pkg-up@^7.0.1:
     read-pkg "^5.2.0"
     type-fest "^0.8.1"
 
-read-pkg@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
-  integrity sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=
-  dependencies:
-    load-json-file "^2.0.0"
-    normalize-package-data "^2.3.2"
-    path-type "^2.0.0"
-
 read-pkg@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
@@ -11636,7 +11775,7 @@ resolve@1.1.7:
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
   integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
 
-resolve@^1.10.0, resolve@^1.11.0, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.15.1, resolve@^1.17.0, resolve@^1.20.0, resolve@^1.5.0:
+resolve@^1.10.0, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.15.1, resolve@^1.17.0, resolve@^1.20.0, resolve@^1.5.0:
   version "1.20.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
   integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
@@ -11678,6 +11817,11 @@ retry@^0.12.0:
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
   integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
 
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
 revalidator@0.1.x:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/revalidator/-/revalidator-0.1.8.tgz#fece61bfa0c1b52a206bd6b18198184bdd523a3b"
@@ -11777,7 +11921,7 @@ run-node@^1.0.0:
   resolved "https://registry.yarnpkg.com/run-node/-/run-node-1.0.0.tgz#46b50b946a2aa2d4947ae1d886e9856fd9cabe5e"
   integrity sha512-kc120TBlQ3mih1LSzdAJXo4xn/GWS2ec0l3S+syHDXP9uRr0JAT8Qd3mdMuyjqCzeZktgP3try92cEgf9Nks8A==
 
-run-parallel@^1.1.2:
+run-parallel@^1.1.2, run-parallel@^1.1.9:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
   integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
@@ -11957,7 +12101,7 @@ semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.2.1, semver@^7.3.2:
+semver@^7.2.1, semver@^7.3.2, semver@^7.3.5:
   version "7.3.5"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.5.tgz#0b621c879348d8998e4b0e4be94b3f12e6018ef7"
   integrity sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==
@@ -12901,6 +13045,16 @@ truncate-utf8-bytes@^1.0.0:
   dependencies:
     utf8-byte-length "^1.0.1"
 
+tsconfig-paths@^3.11.0:
+  version "3.11.0"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.11.0.tgz#954c1fe973da6339c78e06b03ce2e48810b65f36"
+  integrity sha512-7ecdYDnIdmv639mmDwslG6KQg1Z9STTz1j7Gcz0xa+nshh/gKDAHcPxRbWOsA3SPp0tXP2leTcY9Kw+NAkfZzA==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.1"
+    minimist "^1.2.0"
+    strip-bom "^3.0.0"
+
 tsconfig-paths@^3.9.0:
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.10.1.tgz#79ae67a68c15289fdf5c51cb74f397522d795ed7"
@@ -12930,7 +13084,7 @@ tslib@~2.1.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.1.0.tgz#da60860f1c2ecaa5703ab7d39bc05b6bf988b97a"
   integrity sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A==
 
-tsutils@^3.17.1:
+tsutils@^3.17.1, tsutils@^3.21.0:
   version "3.21.0"
   resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
   integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
@@ -13015,6 +13169,11 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
+typescript@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.4.2.tgz#6d618640d430e3569a1dfb44f7d7e600ced3ee86"
+  integrity sha512-gzP+t5W4hdy4c+68bfcv0t400HVJMMd2+H9B7gae1nQlBzCqvrXX+6GL/b3GAgyTH966pzrZ70/fRjwAtZksSQ==
+
 ua-parser-js@^0.7.18, ua-parser-js@^0.7.24:
   version "0.7.28"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.28.tgz#8ba04e653f35ce210239c64661685bf9121dec31"