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

Fix #19393 - Add indicator for Refresh list on tokens screen (#19952)

Browse Source
This commit is contained in:
David Walsh 2023-07-11 10:43:39 -05:00 committed by GitHub
parent 129f6f3f64
commit 145280374d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/components/multichain/import-token-link/import-token-link.js
View File

@ -1,5 +1,5 @@
import React, { useContext } from 'react';
import { useSelector } from 'react-redux';
import { useDispatch, useSelector } from 'react-redux';
import { useHistory } from 'react-router-dom';
import PropTypes from 'prop-types';
import classnames from 'classnames';
@ -26,6 +26,7 @@ export const ImportTokenLink = ({ className, ...props }) => {
const trackEvent = useContext(MetaMetricsContext);
const t = useI18nContext();
const history = useHistory();
const dispatch = useDispatch();
const isTokenDetectionSupported = useSelector(getIsTokenDetectionSupported);
const isTokenDetectionInactiveOnMainnet = useSelector(
@ -68,7 +69,7 @@ export const ImportTokenLink = ({ className, ...props }) => {
size={Size.MD}
startIconName={IconName.Refresh}
data-testid="refresh-list-button"
onClick={() => detectNewTokens()}
onClick={() => dispatch(detectNewTokens())}
>
{t('refreshList')}
</ButtonLink>

2
ui/components/multichain/import-token-link/import-token-link.test.js
View File

@ -19,7 +19,7 @@ jest.mock('react-router-dom', () => {
});
jest.mock('../../../store/actions.ts', () => ({
detectNewTokens: jest.fn(),
detectNewTokens: jest.fn().mockReturnValue({ type: '' }),
}));
describe('Import Token Link', () => {

21
ui/store/actions.ts
View File

@ -2990,6 +2990,22 @@ export function setOpenSeaEnabled(
};
}
// DetectTokenController
export function detectNewTokens(): ThunkAction<
void,
MetaMaskReduxState,
unknown,
AnyAction
> {
return async (dispatch: MetaMaskReduxDispatch) => {
dispatch(showLoadingIndication());
log.debug(`background.detectNewTokens`);
await submitRequestToBackground('detectNewTokens');
dispatch(hideLoadingIndication());
await forceUpdateMetamaskState(dispatch);
};
}
export function detectNfts(): ThunkAction<
void,
MetaMaskReduxState,
@ -4287,11 +4303,6 @@ export function dismissSmartTransactionsErrorMessage(): Action {
};
}
// DetectTokenController
export async function detectNewTokens() {
return submitRequestToBackground('detectNewTokens');
}
// App state
export function hideTestNetMessage() {
return submitRequestToBackground('setShowTestnetMessageInDropdown', [false]);