m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Direct users to testnet toggle on dapp requests (#20048)

Browse Source 
* auto switch test network when dapp requests

* fixed memory leakage issue
This commit is contained in:
Nidhi Kumari 2023-07-17 22:12:58 +05:30 committed by GitHub
parent bdbaa03aca
commit ce771bee66
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
ui/components/multichain/network-list-menu/network-list-menu.js
View File

@ -1,4 +1,4 @@
import React, { useContext } from 'react'; import React, { useContext, useEffect } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import { useHistory } from 'react-router-dom'; import { useHistory } from 'react-router-dom';
@ -73,6 +73,12 @@ export const NetworkListMenu = ({ onClose }) => {
const lineaMainnetReleased = useSelector(isLineaMainnetNetworkReleased); const lineaMainnetReleased = useSelector(isLineaMainnetNetworkReleased);
useEffect(() => {
if (currentlyOnTestNetwork) {
dispatch(setShowTestNetworks(currentlyOnTestNetwork));
}
}, [dispatch, currentlyOnTestNetwork]);
const generateMenuItems = (desiredNetworks) => { const generateMenuItems = (desiredNetworks) => {
return desiredNetworks.map((network, index) => { return desiredNetworks.map((network, index) => {
if (!lineaMainnetReleased && network.providerType === 'linea-mainnet') { if (!lineaMainnetReleased && network.providerType === 'linea-mainnet') {
@ -126,6 +132,17 @@ export const NetworkListMenu = ({ onClose }) => {
}); });
}; };
const handleToggle = (value) => {
const shouldShowTestNetworks = !value;
dispatch(setShowTestNetworks(shouldShowTestNetworks));
if (shouldShowTestNetworks) {
trackEvent({
event: MetaMetricsEventName.TestNetworksDisplayed,
category: MetaMetricsEventCategory.Network,
});
}
};
return ( return (
<Modal isOpen onClose={onClose}> <Modal isOpen onClose={onClose}>
<ModalOverlay /> <ModalOverlay />
@ -154,16 +171,7 @@ export const NetworkListMenu = ({ onClose }) => {
<ToggleButton <ToggleButton
value={showTestNetworks} value={showTestNetworks}
disabled={currentlyOnTestNetwork} disabled={currentlyOnTestNetwork}
onToggle={(value) => { onToggle={handleToggle}
const shouldShowTestNetworks = !value;
dispatch(setShowTestNetworks(shouldShowTestNetworks));
if (shouldShowTestNetworks) {
trackEvent({
event: MetaMetricsEventName.TestNetworksDisplayed,
category: MetaMetricsEventCategory.Network,
});
}
}}
/> />
</Box> </Box>
{showTestNetworks || currentlyOnTestNetwork ? ( {showTestNetworks || currentlyOnTestNetwork ? (