From a655d3657b5c307e50935e3ab8a5e171453d9b10 Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Wed, 31 Oct 2018 12:45:37 +0100
Subject: [PATCH] Displaying tokens ordered ascending by symbol

---
 src/routes/safe/container/selector.js      | 4 ++--
 src/routes/tokens/store/selectors/index.js | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

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<GlobalState, RouterProps, boolean> = 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<Token>) => tokens.filter((token: Token) => token.get('status')),
 )
 
+export const orderedTokenListSelector = createSelector(
+  tokenListSelector,
+  (tokens: List<Token>) => tokens.sortBy((token: Token) => token.get('symbol')),
+)
+
 export const tokenAddressesSelector = createSelector(
   tokenListSelector,
   (balances: List<Token>) => {