|
|
|
@ -1,10 +1,18 @@ |
|
|
|
import requestTicker from '../api' |
|
|
|
import { createSelector } from 'reselect' |
|
|
|
import { requestTickers } from '../api' |
|
|
|
// ------------------------------------
|
|
|
|
// Constants
|
|
|
|
// ------------------------------------
|
|
|
|
export const SET_CURRENCY = 'SET_CURRENCY' |
|
|
|
export const GET_TICKER = 'GET_TICKER' |
|
|
|
export const RECIEVE_TICKER = 'RECIEVE_TICKER' |
|
|
|
export const SET_CRYPTO = 'SET_CRYPTO' |
|
|
|
export const GET_TICKERS = 'GET_TICKERS' |
|
|
|
export const RECIEVE_TICKERS = 'RECIEVE_TICKERS' |
|
|
|
|
|
|
|
// Map for crypto names to crypto tickers
|
|
|
|
const cryptoTickers = { |
|
|
|
bitcoin: 'btc', |
|
|
|
litecoin: 'ltc' |
|
|
|
} |
|
|
|
|
|
|
|
// ------------------------------------
|
|
|
|
// Actions
|
|
|
|
@ -16,46 +24,78 @@ export function setCurrency(currency) { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
export function getTicker() { |
|
|
|
export function setCrypto(crypto) { |
|
|
|
return { |
|
|
|
type: GET_TICKER |
|
|
|
type: SET_CRYPTO, |
|
|
|
crypto |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
export function recieveTicker(ticker) { |
|
|
|
export function getTickers() { |
|
|
|
return { |
|
|
|
type: RECIEVE_TICKER, |
|
|
|
ticker |
|
|
|
type: GET_TICKERS |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
export function recieveTickers({ btcTicker, ltcTicker }) { |
|
|
|
return { |
|
|
|
type: RECIEVE_TICKERS, |
|
|
|
btcTicker, |
|
|
|
ltcTicker |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
export const fetchTicker = () => async (dispatch) => { |
|
|
|
dispatch(getTicker()) |
|
|
|
const ticker = await requestTicker() |
|
|
|
dispatch(recieveTicker(ticker)) |
|
|
|
dispatch(getTickers()) |
|
|
|
const tickers = await requestTickers(['bitcoin', 'litecoin']) |
|
|
|
dispatch(recieveTickers(tickers)) |
|
|
|
|
|
|
|
return ticker |
|
|
|
return tickers |
|
|
|
} |
|
|
|
|
|
|
|
// Receive IPC event for receiveCryptocurrency
|
|
|
|
export const receiveCryptocurrency = (event, currency) => (dispatch) => { |
|
|
|
dispatch({ type: SET_CURRENCY, currency: cryptoTickers[currency] }) |
|
|
|
dispatch({ type: SET_CRYPTO, crypto: cryptoTickers[currency] }) |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// ------------------------------------
|
|
|
|
// Action Handlers
|
|
|
|
// ------------------------------------
|
|
|
|
const ACTION_HANDLERS = { |
|
|
|
[SET_CURRENCY]: (state, { currency }) => ({ ...state, currency }), |
|
|
|
[GET_TICKER]: state => ({ ...state, tickerLoading: true }), |
|
|
|
[RECIEVE_TICKER]: (state, { ticker }) => ( |
|
|
|
{ ...state, tickerLoading: false, btcTicker: ticker[0] } |
|
|
|
[SET_CRYPTO]: (state, { crypto }) => ({ ...state, crypto }), |
|
|
|
[GET_TICKERS]: state => ({ ...state, tickerLoading: true }), |
|
|
|
[RECIEVE_TICKERS]: (state, { btcTicker, ltcTicker }) => ( |
|
|
|
{ ...state, tickerLoading: false, btcTicker, ltcTicker } |
|
|
|
) |
|
|
|
} |
|
|
|
|
|
|
|
// Selectors
|
|
|
|
const tickerSelectors = {} |
|
|
|
const cryptoSelector = state => state.ticker.crypto |
|
|
|
const bitcoinTickerSelector = state => state.ticker.btcTicker |
|
|
|
const litecoinTickerSelector = state => state.ticker.ltcTicker |
|
|
|
|
|
|
|
tickerSelectors.currentTicker = createSelector( |
|
|
|
cryptoSelector, |
|
|
|
bitcoinTickerSelector, |
|
|
|
litecoinTickerSelector, |
|
|
|
(crypto, btcTicker, ltcTicker) => (crypto === 'btc' ? btcTicker : ltcTicker) |
|
|
|
) |
|
|
|
|
|
|
|
export { tickerSelectors } |
|
|
|
|
|
|
|
// ------------------------------------
|
|
|
|
// Reducer
|
|
|
|
// ------------------------------------
|
|
|
|
const initialState = { |
|
|
|
tickerLoading: false, |
|
|
|
currency: 'btc', |
|
|
|
crypto: 'btc', |
|
|
|
btcTicker: null |
|
|
|
currency: '', |
|
|
|
crypto: '', |
|
|
|
btcTicker: null, |
|
|
|
ltcTicker: null |
|
|
|
} |
|
|
|
|
|
|
|
export default function tickerReducer(state = initialState, action) { |
|
|
|
|
jackmallers
7 years ago
GitHub