Issue 1555 - Market Picker fixes for improvements (bitshares#1561)

* Market picker fixes for improvements
- 1.5s delay on input keystroke
- AssetActions wrapped inside the component instead relying on parent
- Underline on asset pairs
- Various cleanups

* bitshares#1555: Sort MarketPicker results with known gateways at the top

Author: startailcoon

app/actions/AssetActions.js

@@ -396,7 +396,7 @@ class AssetActions {
     //     });
     // }
 
-    getAssetList(start, count, gateAssets = false) {
+    getAssetList(start, count, includeGateways = false) {
         let id = start + "_" + count;
         return dispatch => {
             if (!inProgress[id]) {
@@ -427,8 +427,8 @@ class AssetActions {
                         let bitAssetPromise =
                             bitAssetIDS.length > 0
                                 ? Apis.instance()
-                                      .db_api()
-                                      .exec("get_objects", [bitAssetIDS])
+                                    .db_api()
+                                    .exec("get_objects", [bitAssetIDS])
                                 : null;
 
                         Promise.all([dynamicPromise, bitAssetPromise]).then(
@@ -454,15 +454,15 @@ class AssetActions {
                     });
 
                 // Fetch next 10 assets for each gateAsset on request
-                if (!!gateAssets) {
-                    let gatewayPrefies = [
+                if (includeGateways) {
+                    let gatewayPrefixes = [
                         "BRIDGE",
                         "GDEX",
                         "RUDEX",
                         "OPEN",
                         "WIN"
                     ];
-                    gatewayPrefies.forEach(a => {
+                    gatewayPrefixes.forEach(a => {
                         this.getAssetList(a + "." + start, 10);
                     });
                 }

app/assets/stylesheets/components/_exchange.scss

@@ -208,6 +208,10 @@ form.order-form {
     }
 }
 
+.underline {
+    border-bottom: 1px dotted;
+}
+
 .final-row > td {
     border-bottom: none !important;
 }

app/components/Exchange/ExchangeContainer.jsx

@@ -1,7 +1,6 @@
 import React from "react";
 import MarketsStore from "stores/MarketsStore";
 import AccountStore from "stores/AccountStore";
-import AssetStore from "stores/AssetStore";
 import SettingsStore from "stores/SettingsStore";
 import GatewayStore from "stores/GatewayStore";
 import IntlStore from "stores/IntlStore";
@@ -110,12 +109,6 @@ class ExchangeContainer extends React.Component {
                     bridgeCoins: () => {
                         return GatewayStore.getState().bridgeCoins;
                     },
-                    searchAssets: () => {
-                        return AssetStore.getState().assets;
-                    },
-                    assetsLoading: () => {
-                        return AssetStore.getState().assetsLoading;
-                    },
                     miniDepthChart: () => {
                         return SettingsStore.getState().viewSettings.get(
                             "miniDepthChart",

app/components/Exchange/ExchangeHeader.jsx

@@ -185,6 +185,7 @@ export default class ExchangeHeader extends React.Component {
                                             this,
                                             quoteSymbol
                                         )}
+                                        className="underline"
                                         style={{
                                             cursor: "pointer",
                                             color: isQuoteSelected
@@ -204,6 +205,7 @@ export default class ExchangeHeader extends React.Component {
                                             this,
                                             baseSymbol
                                         )}
+                                        className="underline"
                                         style={{
                                             cursor: "pointer",
                                             color: isBaseSelected