Fix a bug in are_shallow_equal, add immutable support

Author: svk31

app/components/Exchange/Exchange.jsx

@@ -233,11 +233,20 @@ class Exchange extends React.Component {
         });
     }
 
-    shouldComponentUpdate(nextProps) {
-        if (!nextProps.marketReady && !this.props.marketReady) {
+    shouldComponentUpdate(np, ns) {
+        if (!np.marketReady && !this.props.marketReady) {
             return false;
         }
-        return true;
+        let propsChanged = false;
+        for (let key in np) {
+            if (np.hasOwnProperty(key)) {
+                propsChanged =
+                    propsChanged ||
+                    !utils.are_equal_shallow(np[key], this.props[key]);
+                if (propsChanged) break;
+            }
+        }
+        return propsChanged || !utils.are_equal_shallow(ns, this.state);
     }
 
     _checkFeeStatus(

app/components/Exchange/ExchangeContainer.jsx

@@ -52,12 +52,6 @@ class ExchangeContainer extends React.Component {
                     totals: () => {
                         return MarketsStore.getState().totals;
                     },
-                    priceData: () => {
-                        return MarketsStore.getState().priceData;
-                    },
-                    volumeData: () => {
-                        return MarketsStore.getState().volumeData;
-                    },
                     activeMarketHistory: () => {
                         return MarketsStore.getState().activeMarketHistory;
                     },

app/components/Exchange/ExchangeHeader.jsx

@@ -93,7 +93,9 @@ export default class ExchangeHeader extends React.Component {
         const dayChangeClass =
             parseFloat(dayChange) === 0
                 ? ""
-                : parseFloat(dayChange) < 0 ? "negative" : "positive";
+                : parseFloat(dayChange) < 0
+                    ? "negative"
+                    : "positive";
         const volumeBase = marketStats.get("volumeBase");
         const volumeQuote = marketStats.get("volumeQuote");
         const dayChangeWithSign = dayChange > 0 ? "+" + dayChange : dayChange;
@@ -145,7 +147,9 @@ export default class ExchangeHeader extends React.Component {
             let settleAsset =
                 baseAsset.get("id") == "1.3.0"
                     ? quoteAsset
-                    : quoteAsset.get("id") == "1.3.0" ? baseAsset : null;
+                    : quoteAsset.get("id") == "1.3.0"
+                        ? baseAsset
+                        : null;
 
             if (settleAsset && feedPrice) {
                 let offset_percent = settleAsset
@@ -441,10 +445,14 @@ export default class ExchangeHeader extends React.Component {
                                     }}
                                 >
                                     <option value="market_depth">
-                                        <Translate content="exchange.order_depth" />
+                                        {counterpart.translate(
+                                            "exchange.order_depth"
+                                        )}
                                     </option>
                                     <option value="price_chart">
-                                        <Translate content="exchange.price_history" />
+                                        {counterpart.translate(
+                                            "exchange.price_history"
+                                        )}
                                     </option>
                                 </select>
                             </li>