market null state message + updated method calls to update trade in p…

…rocess

src/modules/market/components/market-view.jsx

@@ -3,12 +3,18 @@ import React from 'react';
 import MarketActive from 'modules/market/components/market-active';
 import MarketReported from 'modules/market/components/market-reported';
 
-const MarketView = p => (
-	<section id="market_view">
-		{(!p.market || !p.market.id) && <span className="description">No market</span>}
-		{p.market && p.market.id && p.market.isOpen && <MarketActive {...p} />}
-		{p.market && p.market.id && !p.market.isOpen && <MarketReported {...p} />}
-	</section>
-);
+import NullStateMessage from 'modules/common/components/null-state-message';
+
+const MarketView = (p) => {
+	const nullMessage = 'No Market Data';
+
+	return (
+		<section id="market_view">
+			{(!p.market || !p.market.id) && <NullStateMessage message={nullMessage} />}
+			{p.market && p.market.id && p.market.isOpen && <MarketActive {...p} />}
+			{p.market && p.market.id && !p.market.isOpen && <MarketReported {...p} />}
+		</section>
+	);
+};
 
 export default MarketView;

src/modules/outcomes/components/outcome-trade.jsx

@@ -47,15 +47,15 @@ export default class OutcomeTrade extends Component {
 
 		const trade = getValue(this.props, 'selectedOutcome.trade');
 		if (trade && trade.updateTradeOrder) {
-			trade.updateTradeOrder(undefined, undefined, selectedNav);
+			trade.updateTradeOrder(null, null, selectedNav);
 		}
 	}
 
 	handleSharesInput(value) {
 		const trade = getValue(this.props, 'selectedOutcome.trade');
 		const valueDenominated = denominateShares(value, this.props.selectedShareDenomination, SHARE);
 
-		trade.updateTradeOrder(valueDenominated, undefined, trade.side);
+		trade.updateTradeOrder(valueDenominated, null, trade.side);
 	}
 
 	render() {
@@ -100,7 +100,7 @@ export default class OutcomeTrade extends Component {
 								placeholder="Price"
 								type="number"
 								value={trade.limitPrice}
-								onChange={(value) => { trade.updateTradeOrder(undefined, value, trade.side); }}
+								onChange={(value) => { trade.updateTradeOrder(null, value, trade.side); }}
 							/>
 						</div>
 					</div>