From 396aa8d46fddecc20c0a200b06ce8a3cfcea3de7 Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Tue, 5 Mar 2019 13:32:26 +0100
Subject: [PATCH 1/5] add thanks to translators

---
 src/components/Footer/index.js          | 121 ++++++++++++++++--------
 src/components/Footer/index.messages.js |   9 ++
 2 files changed, 90 insertions(+), 40 deletions(-)

diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js
index 87ea347b..7b0374fe 100644
--- a/src/components/Footer/index.js
+++ b/src/components/Footer/index.js
@@ -4,13 +4,12 @@ import styled from 'styled-components';
 import PropTypes from 'prop-types';
 import React from 'react';
 import Link from 'components/Link';
-import { getYear } from 'date-fns';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { FormattedMessage } from 'react-intl';
 
 import colors from 'config/colors';
-import { FONT_SIZE } from 'config/variables';
+import { FONT_SIZE, SCREEN_SIZE } from 'config/variables';
 import * as LogActions from 'actions/LogActions';
 import l10nMessages from './index.messages';
 
@@ -33,7 +32,7 @@ const Wrapper = styled.div`
     justify-content: space-between;
     border-top: 1px solid ${colors.BACKGROUND};
 
-    @media all and (max-width: 850px) {
+    @media all and (max-width: ${SCREEN_SIZE.MD}) {
         justify-content: center;
     }
 `;
@@ -41,52 +40,94 @@ const Wrapper = styled.div`
 const StyledLink = styled(Link)`
     margin: 0 10px;
     white-space: nowrap;
-`;
 
-const Copy = styled.div`
-    white-space: nowrap;
-    margin-right: 10px;
+    &:first-child {
+        margin-left: 0;
+    }
 `;
 
 const Left = styled.div`
     display: flex;
+    margin-right: 10px;
+
+    @media all and (max-width: ${SCREEN_SIZE.XS}) {
+        margin: 0;
+    }
 `;
 
-const Right = styled.div`
-    white-space: nowrap;
-    margin: 0 10px;
+const Right = styled.div``;
+
+const RatesLeft = styled.div`
+    @media all and (max-width: ${SCREEN_SIZE.XS}) {
+        display: none;
+    }
 `;
 
-const Footer = ({ opened, toggle, isLanding }: Props) => (
-    <Wrapper>
-        <Left>
-            <Copy>&copy; {getYear(new Date())}</Copy>
-            <StyledLink href="http://satoshilabs.com" isGreen>
-                SatoshiLabs
-            </StyledLink>
-            <StyledLink href="https://trezor.io/static/pdf/tos.pdf" isGreen>
-                <FormattedMessage {...l10nMessages.TR_TERMS} />
-            </StyledLink>
-            <StyledLink onClick={toggle} isGreen>
-                {opened ? 'Hide Log' : 'Show Log'}
-            </StyledLink>
-        </Left>
-        {!isLanding && (
-            <Right>
-                <FormattedMessage
-                    {...l10nMessages.TR_EXCHANGE_RATES_BY}
-                    values={{
-                        service: (
-                            <Link href="https://www.coingecko.com" isGreen>
-                                Coingecko
-                            </Link>
-                        ),
-                    }}
-                />
-            </Right>
-        )}
-    </Wrapper>
-);
+const TranslatorsRight = styled.div`
+    @media all and (max-width: ${SCREEN_SIZE.XS}) {
+        display: none;
+    }
+`;
+
+const RatesRight = styled.div`
+    display: none;
+
+    @media all and (max-width: ${SCREEN_SIZE.XS}) {
+        display: block;
+        width: 100%;
+    }
+`;
+
+const Footer = ({ opened, toggle, isLanding }: Props) => {
+    const exchangeRates = (
+        <FormattedMessage
+            {...l10nMessages.TR_EXCHANGE_RATES_BY}
+            values={{
+                service: (
+                    <Link href="https://www.coingecko.com" isGreen>
+                        Coingecko
+                    </Link>
+                ),
+            }}
+        />
+    );
+    return (
+        <Wrapper>
+            <Left>
+                <StyledLink href="http://satoshilabs.com" isGreen>
+                    SatoshiLabs
+                </StyledLink>
+                <StyledLink href="https://trezor.io/static/pdf/tos.pdf" isGreen>
+                    <FormattedMessage {...l10nMessages.TR_TERMS} />
+                </StyledLink>
+                <StyledLink onClick={toggle} isGreen>
+                    {opened ? 'Hide Log' : 'Show Log'}
+                </StyledLink>
+                <RatesLeft>{exchangeRates}</RatesLeft>
+            </Left>
+            {!isLanding && (
+                <Right>
+                    <TranslatorsRight>
+                        <FormattedMessage
+                            {...l10nMessages.TR_WE_THANK_OUR_TRANSLATORS}
+                            values={{
+                                TR_CONTRIBUTION: (
+                                    <Link
+                                        href="https://wiki.trezor.io/CrowdIn.com_-_A_tool_for_translation"
+                                        isGreen
+                                    >
+                                        <FormattedMessage {...l10nMessages.TR_CONTRIBUTION} />
+                                    </Link>
+                                ),
+                            }}
+                        />
+                    </TranslatorsRight>
+                    <RatesRight>{exchangeRates}</RatesRight>
+                </Right>
+            )}
+        </Wrapper>
+    );
+};
 
 Footer.propTypes = {
     opened: PropTypes.bool.isRequired,
diff --git a/src/components/Footer/index.messages.js b/src/components/Footer/index.messages.js
index 74b84241..f5e1efb8 100644
--- a/src/components/Footer/index.messages.js
+++ b/src/components/Footer/index.messages.js
@@ -12,6 +12,15 @@ const definedMessages: Messages = defineMessages({
         id: 'TR_EXCHANGE_RATES_BY',
         defaultMessage: 'Exchange rates by {service}',
     },
+    TR_WE_THANK_OUR_TRANSLATORS: {
+        id: 'TR_WE_THANK_OUR_TRANSLATORS',
+        defaultMessage: 'We thank our translators for their {TR_CONTRIBUTION}',
+    },
+    TR_CONTRIBUTION: {
+        id: 'TR_CONTRIBUTION',
+        defaultMessage: 'contribution',
+        description: 'Part of the sentence: We thank our translators for their contribution',
+    },
 });
 
 export default definedMessages;

From bcaad4a870bed82ec58d68e26465c73f375b67cb Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Wed, 6 Mar 2019 14:09:33 +0100
Subject: [PATCH 2/5] remove "you will be redirected" from coins menu

---
 .../components/LeftNavigation/components/CoinMenu/index.js    | 1 -
 .../LeftNavigation/components/CoinMenu/index.messages.js      | 4 ----
 .../components/LeftNavigation/components/Divider/index.js     | 2 +-
 3 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
index 4a7d60e8..ae26a3de 100644
--- a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
+++ b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
@@ -89,7 +89,6 @@ class CoinMenu extends PureComponent<Props> {
                 <Divider
                     testId="Main__page__coin__menu__divider"
                     textLeft={<FormattedMessage {...l10nMessages.TR_OTHER_COINS} />}
-                    textRight={<FormattedMessage {...l10nMessages.TR_YOU_WILL_BE_REDIRECTED} />}
                     hasBorder
                 />
                 {this.getOtherCoins()}
diff --git a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.messages.js b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.messages.js
index fea97195..78b43096 100644
--- a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.messages.js
+++ b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.messages.js
@@ -7,10 +7,6 @@ const definedMessages: Messages = defineMessages({
         id: 'TR_OTHER_COINS',
         defaultMessage: 'Other coins',
     },
-    TR_YOU_WILL_BE_REDIRECTED: {
-        id: 'TR_YOU_WILL_BE_REDIRECTED',
-        defaultMessage: '(You will be redirected)',
-    },
 });
 
 export default definedMessages;
diff --git a/src/views/Wallet/components/LeftNavigation/components/Divider/index.js b/src/views/Wallet/components/LeftNavigation/components/Divider/index.js
index 20d8ad0f..a22d7d60 100644
--- a/src/views/Wallet/components/LeftNavigation/components/Divider/index.js
+++ b/src/views/Wallet/components/LeftNavigation/components/Divider/index.js
@@ -27,7 +27,7 @@ const TextLeft = styled.p`
 const Divider = ({ textLeft, textRight, hasBorder = false, className, testId }) => (
     <Wrapper data-test={testId} hasBorder={hasBorder} className={className}>
         <TextLeft>{textLeft}</TextLeft>
-        <p>{textRight}</p>
+        {textRight && <p>{textRight}</p>}
     </Wrapper>
 );
 

From a313f4a8ed1790fb6bc2b239ec28de86fcf46bc5 Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Wed, 6 Mar 2019 14:37:16 +0100
Subject: [PATCH 3/5] add order property to coin objects

---
 src/constants/coins.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/constants/coins.js b/src/constants/coins.js
index fb9ef8a9..f1487f69 100644
--- a/src/constants/coins.js
+++ b/src/constants/coins.js
@@ -3,68 +3,81 @@ export default [
         id: 'btc',
         coinName: 'Bitcoin',
         url: '../?coin=btc',
+        order: 1,
     },
     {
         id: 'bch',
         coinName: 'Bitcoin Cash',
         url: '../?coin=bch',
+        order: 6,
     },
     {
         id: 'btg',
         coinName: 'Bitcoin Gold',
         url: '../?coin=btg',
+        order: 27,
     },
     {
         id: 'dash',
         coinName: 'Dash',
         url: '../?coin=dash',
+        order: 15,
     },
     {
         id: 'dgb',
         coinName: 'DigiByte',
         url: '../?coin=dgb',
+        order: 42,
     },
     {
         id: 'doge',
         coinName: 'Dogecoin',
         url: '../?coin=doge',
+        order: 26,
     },
     {
         id: 'ltc',
         coinName: 'Litecoin',
         url: '../?coin=ltc',
+        order: 5,
     },
     {
         id: 'nmc',
         coinName: 'Namecoin',
         url: '../?coin=nmc',
+        order: 255,
     },
     {
         id: 'vtc',
         coinName: 'Vertcoin',
         url: '../?coin=vtc',
+        order: 154,
     },
     {
         id: 'zec',
         coinName: 'Zcash',
         url: '../?coin=zec',
+        order: 20,
     },
     {
         id: 'xem',
         coinName: 'NEM',
         url: 'https://nem.io/downloads/',
         external: true,
+        order: 19,
     },
     {
         id: 'xlm',
         coinName: 'Stellar',
         url: 'https://trezor.io/stellar',
         external: true,
+        order: 9,
     },
     {
         id: 'ada',
         coinName: 'Cardano',
         url: 'https://adalite.io/app',
         external: true,
+        order: 12,
     },
 ];

From cb89d0bbcfb93e632041c45128f9f43583cef8db Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Wed, 6 Mar 2019 14:37:31 +0100
Subject: [PATCH 4/5] sort coins by order

---
 .../components/CoinMenu/index.js              | 54 ++++++++++---------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
index 4a7d60e8..d3cd62e5 100644
--- a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
+++ b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
@@ -37,36 +37,38 @@ class CoinMenu extends PureComponent<Props> {
     }
 
     getOtherCoins() {
-        return coins.map(coin => {
-            const row = (
-                <RowCoin
-                    network={{
-                        name: coin.coinName,
-                        shortcut: coin.id,
-                    }}
-                    iconRight={{
-                        type: ICONS.SKIP,
-                        color: colors.TEXT_SECONDARY,
-                        size: 27,
-                    }}
-                />
-            );
+        return coins
+            .sort((a, b) => a.order - b.order)
+            .map(coin => {
+                const row = (
+                    <RowCoin
+                        network={{
+                            name: coin.coinName,
+                            shortcut: coin.id,
+                        }}
+                        iconRight={{
+                            type: ICONS.SKIP,
+                            color: colors.TEXT_SECONDARY,
+                            size: 27,
+                        }}
+                    />
+                );
 
-            if (coin.external)
+                if (coin.external)
+                    return (
+                        <ExternalWallet
+                            key={coin.id}
+                            onClick={() => this.props.gotoExternalWallet(coin.id, coin.url)}
+                        >
+                            {row}
+                        </ExternalWallet>
+                    );
                 return (
-                    <ExternalWallet
-                        key={coin.id}
-                        onClick={() => this.props.gotoExternalWallet(coin.id, coin.url)}
-                    >
+                    <Link key={coin.id} href={coin.url} target="_top">
                         {row}
-                    </ExternalWallet>
+                    </Link>
                 );
-            return (
-                <Link key={coin.id} href={coin.url} target="_top">
-                    {row}
-                </Link>
-            );
-        });
+            });
     }
 
     render() {

From 9a4edffa8cf05292aa670e39cbdb1dacea5ccae9 Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Wed, 6 Mar 2019 14:49:55 +0100
Subject: [PATCH 5/5] sort networks

---
 public/data/appConfig.json                    |  7 ++++-
 src/reducers/LocalStorageReducer.js           |  1 +
 .../components/CoinMenu/index.js              | 28 ++++++++++---------
 3 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/public/data/appConfig.json b/public/data/appConfig.json
index 6125250a..09d07ce9 100644
--- a/public/data/appConfig.json
+++ b/public/data/appConfig.json
@@ -1,6 +1,7 @@
 {
     "networks": [
         {
+            "order": 2,
             "type": "ethereum",
             "name": "Ethereum",
             "symbol": "ETH",
@@ -21,6 +22,7 @@
             }
         },
         {
+            "order": 18,
             "type": "ethereum",
             "name": "Ethereum Classic",
             "symbol": "ETC",
@@ -40,7 +42,8 @@
                 "address": "https://gastracker.io/addr/"
             }
         },
-        { 
+        {
+            "order": 2,
             "type": "ethereum",
             "name": "Ethereum Ropsten",
             "testnet": true,
@@ -74,6 +77,7 @@
             }
         },
         {
+            "order": 3,
             "type": "ripple",
             "name": "Ripple",
             "symbol": "XRP",
@@ -94,6 +98,7 @@
             }
         },
         {
+            "order": 3,
             "type": "ripple",
             "name": "Ripple Testnet",
             "testnet": true,
diff --git a/src/reducers/LocalStorageReducer.js b/src/reducers/LocalStorageReducer.js
index 3e3918dd..4c1c81bf 100644
--- a/src/reducers/LocalStorageReducer.js
+++ b/src/reducers/LocalStorageReducer.js
@@ -13,6 +13,7 @@ type NetworkFeeLevel = {
 };
 
 export type Network = {
+    order: number,
     type: string,
     name: string,
     testnet?: boolean,
diff --git a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
index d3cd62e5..99326b5f 100644
--- a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
+++ b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
@@ -75,19 +75,21 @@ class CoinMenu extends PureComponent<Props> {
         const { config } = this.props.localStorage;
         return (
             <Wrapper data-test="Main__page__coin__menu">
-                {config.networks.map(item => (
-                    <NavLink
-                        key={item.shortcut}
-                        to={`${this.getBaseUrl()}/network/${item.shortcut}/account/0`}
-                    >
-                        <RowCoin
-                            network={{
-                                name: item.name,
-                                shortcut: item.shortcut,
-                            }}
-                        />
-                    </NavLink>
-                ))}
+                {config.networks
+                    .sort((a, b) => a.order - b.order)
+                    .map(item => (
+                        <NavLink
+                            key={item.shortcut}
+                            to={`${this.getBaseUrl()}/network/${item.shortcut}/account/0`}
+                        >
+                            <RowCoin
+                                network={{
+                                    name: item.name,
+                                    shortcut: item.shortcut,
+                                }}
+                            />
+                        </NavLink>
+                    ))}
                 <Divider
                     testId="Main__page__coin__menu__divider"
                     textLeft={<FormattedMessage {...l10nMessages.TR_OTHER_COINS} />}