import React from 'react';
import { connect } from 'react-redux';

@connect(state => ({ tickTrade: state.tickTrade }))
export default class TickTradePane extends React.Component {

	render() {
		return (
			<div>
			</div>
		);
	}
}

import React from 'react';
import { connect } from 'react-redux';

@connect(state => ({ tickTrade: state.tickTrade }))
export default class TickTradePane extends React.Component {

	render() {
		return (
			<div className="login-content">
    			<div id="content">
					<button>Change Time Settings</button>
					<fieldset>
						<label>USD/JPY will RISE over next 5 ticks</label>
					</fieldset>
					<div>CHART HERE</div>
					<fieldset>
						<label>Payout: USD</label><input type="number" defaultValue={15} /> <button>+</button><button>-</button>
					</fieldset>
					<fieldset>
						<label>Price: USD 7.1</label><button>Buy!</button>
					</fieldset>
					<table>
						<tbody>
							<tr><td>Buy Price</td><td>7.1</td></tr>
							<tr><td>Final Price</td><td>15</td></tr>
							<tr><td>Profit</td><td>7.3</td></tr>
							<tr><td>Account Balance</td><td>45.53</td></tr>
						</tbody>
					</table>

					<label>Select Underlying</label>
					<fieldset>
						<button>Forex</button><button>Randoms</button>
					</fieldset>
					<label>USD/JPY</label>
					<label>Select Trade</label>
					<fieldset>
						<button>Up</button><button>Down</button><button>Digit Match</button><button>Digit Differs</button>
					</fieldset>
					<fieldset>
						<label>No. ticks:</label><input type="number" defaultValue={5} /> <button>+</button><button>-</button>
					</fieldset>
					<label>Select Amount</label>
					<fieldset>
						<button>Payout</button><button>Stake</button>
					</fieldset>
					<label>USD</label><input type="number" defaultValue={15} />
					<fieldset>
						<button>Save</button>
					</fieldset>
				</div>
			</div>
		);
	}
}

Add html code implementing the mockups for trading