Add Heikin Ashi to menus

Author: borisyankov

.storybook/charts/DynamicOHLCChart.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { LiveEvents } from 'binary-live-api';
+import chartTypeToDataType from '../../src/utils/chartTypeToDataType';
 import BinaryChart from '../../src/BinaryChart';
 import api from '../ApiSingleton';
 
@@ -61,7 +62,7 @@ export default class DynamicOHLCChart extends React.Component {
     }
 
     changeType(type: string): Promise<*> {
-        const style = (type === 'candlestick' || type === 'ohlc') ? 'candles' : 'ticks';
+        const style = chartTypeToDataType(type);
         return api.getTickHistory('R_100', { subscribe: 1, end: 'latest', count: 100, style })
         .then(r => {
             let data;

.storybook/charts/TypeSwitchableChart.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import BinaryChart from '../../src/BinaryChart';
 import api from '../ApiSingleton';
+import chartTypeToDataType from '../../src/utils/chartTypeToDataType';
 
 const token = 'qdJ86Avvrsh0Le4';
 const getContract = contractID => api.getContractInfo(contractID).then(r => r.proposal_open_contract);
@@ -24,7 +25,7 @@ export default class TypeSwitchChart extends React.Component {
     }
 
     changeType(type: string): Promise<*> {
-        const style = (type === 'candlestick' || type === 'ohlc') ? 'candles' : 'ticks';
+        const style = chartTypeToDataType(type);
         return api.authorize(token).then(() =>
             api.getDataForContract(() => getContract(contractId), undefined, style)
         ).then(r => {

src/toolbar/TypePicker.js

@@ -16,13 +16,15 @@ const items = [
     { text: 'Line', value: 'line', img: <LineIcon /> },
     { text: 'Candlestick', value: 'candlestick', img: <CandlestickIcon /> },
     { text: 'Bars', value: 'ohlc', img: <BarIcon /> },
+    { text: 'Heikin Ashi', value: 'ha', img: <CandlestickIcon /> },
 ];
 
 const typeLabel = {
     line: 'Line',
     area: 'Area',
     candlestick: 'Candlestick',
     ohlc: 'Bars',
+    ha: 'Heikin Ashi',
 };
 
 export default class TypePicker extends PureComponent {

src/utils/chartTypeToDataType.js

@@ -3,6 +3,7 @@ export default (type: ChartType) => {
         case 'area':
         case 'line':
             return 'ticks';
+        case 'ha':
         case 'ohlc':
         case 'candlestick':
             return 'candles';