diff --git a/src/routes/safe/container/selector.js b/src/routes/safe/container/selector.js index ad8adeae..d58bc512 100644 --- a/src/routes/safe/container/selector.js +++ b/src/routes/safe/container/selector.js @@ -7,7 +7,7 @@ import { type Safe } from '~/routes/safe/store/model/safe' import { type Owner } from '~/routes/safe/store/model/owner' import { type GlobalState } from '~/store' import { sameAddress } from '~/logic/wallets/ethAddresses' -import { activeTokensSelector, tokenListSelector } from '~/routes/tokens/store/selectors' +import { activeTokensSelector, orderedTokenListSelector } from '~/routes/tokens/store/selectors' import { type Token } from '~/routes/tokens/store/model/token' import { safeParamAddressSelector } from '../store/selectors' @@ -45,7 +45,7 @@ export const grantedSelector: Selector = crea export default createStructuredSelector({ safe: safeSelector, provider: providerNameSelector, - tokens: tokenListSelector, + tokens: orderedTokenListSelector, activeTokens: activeTokensSelector, granted: grantedSelector, userAddress: userAccountSelector, diff --git a/src/routes/tokens/store/selectors/index.js b/src/routes/tokens/store/selectors/index.js index 2339dcb5..3a31a652 100644 --- a/src/routes/tokens/store/selectors/index.js +++ b/src/routes/tokens/store/selectors/index.js @@ -30,6 +30,11 @@ export const activeTokensSelector = createSelector( (tokens: List) => tokens.filter((token: Token) => token.get('status')), ) +export const orderedTokenListSelector = createSelector( + tokenListSelector, + (tokens: List) => tokens.sortBy((token: Token) => token.get('symbol')), +) + export const tokenAddressesSelector = createSelector( tokenListSelector, (balances: List) => {