Merge pull request steemit#3778 from steemit/develop

update Coin Marketplace
sudguru · Apr 14, 2020 · 91f4fb4 · 91f4fb4
2 parents b0ce345 + ea0c9b5
commit 91f4fb4
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 15 deletions.
diff --git a/src/app/components/elements/SteemMarket.jsx b/src/app/components/elements/SteemMarket.jsx
@@ -42,20 +42,63 @@ class Coin extends Component {
         const pricesUsd = timepoints
             .map(point => parseFloat(point.get('price_usd')))
             .toJS();
+
+        let url = '';
+
+        switch (symbol) {
+            case 'STEEM':
+                url = 'https://poloniex.com/exchange#trx_steem';
+                break;
+            case 'BTC':
+                url = 'https://poloniex.com/exchange#usdt_btc';
+                break;
+            case 'ETH':
+                url = 'https://poloniex.com/exchange#usdt_eth';
+                break;
+            case 'SBD':
+                url = '';
+                break;
+            case 'TRX':
+                url = 'https://poloniex.com/exchange#usdt_trx';
+                break;
+            default:
+                url = '';
+        }
         return (
-            <div ref="coin" className="coin">
-                <div className="chart">
-                    <Sparklines data={pricesUsd}>
-                        <SparklinesLine
-                            color={color}
-                            style={{ strokeWidth: 3.0 }}
-                            onMouseMove={e => {
-                                console.log(e);
-                            }}
-                        />
-                    </Sparklines>
-                    <div className="caption" />
-                </div>
+            <div
+                ref="coin"
+                className="coin"
+                style={{ display: `${symbol === 'XRP' ? 'none' : 'block'}` }}
+            >
+                {url ? (
+                    <a href={url} target="_blank">
+                        <div className="chart">
+                            <Sparklines data={pricesUsd}>
+                                <SparklinesLine
+                                    color={color}
+                                    style={{ strokeWidth: 3.0 }}
+                                    onMouseMove={e => {
+                                        console.log(e);
+                                    }}
+                                />
+                            </Sparklines>
+                            <div className="caption" />
+                        </div>
+                    </a>
+                ) : (
+                    <div className="chart">
+                        <Sparklines data={pricesUsd}>
+                            <SparklinesLine
+                                color={color}
+                                style={{ strokeWidth: 3.0 }}
+                                onMouseMove={e => {
+                                    console.log(e);
+                                }}
+                            />
+                        </Sparklines>
+                        <div className="caption" />
+                    </div>
+                )}
                 <div className="coin-label">
                     <span className="symbol">{symbol}</span>{' '}
                     <span className="price">
@@ -105,14 +148,14 @@ class SteemMarket extends Component {
                 <div className="c-sidebar__content">
                     <div className="steem-market">
                         <Coin coin={steem} color="#09d6a8" />
-                        <Coin coin={sbd} color="#09d6a8" />
                         {topCoins.map(coin => (
                             <Coin
                                 key={coin.get('name')}
                                 coin={coin}
                                 color="#788187"
                             />
                         ))}
+                        <Coin coin={sbd} color="#09d6a8" />
                     </div>
                 </div>
             </div>

diff --git a/src/app/components/modules/SidePanel/index.jsx b/src/app/components/modules/SidePanel/index.jsx
@@ -74,7 +74,13 @@ const SidePanel = ({
                 onClick: toggleNightmode,
             },
         ],
-
+        exchanges: [
+            {
+                value: 'poloniex',
+                label: 'Poloniex',
+                link: 'https://poloniex.com/exchange#trx_steem',
+            },
+        ],
         wallet: [
             {
                 label: tt('navigation.stolen_account_recovery'),
@@ -176,6 +182,14 @@ const SidePanel = ({
                 <ul className="vertical menu">
                     {sidePanelLinks.wallet.map(makeLink)}
                 </ul>
+                <ul className="vertical menu">
+                    <li>
+                        <a className="menu-section">
+                            {tt('navigation.third_party_exchanges')}
+                        </a>
+                    </li>
+                    {sidePanelLinks.exchanges.map(makeLink)}
+                </ul>
                 <ul className="vertical menu">
                     {sidePanelLinks.external.map(makeLink)}
                 </ul>