You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.5 KiB
65 lines
1.5 KiB
import { requestTicker } from '../api'
|
|
// ------------------------------------
|
|
// Constants
|
|
// ------------------------------------
|
|
export const SET_CURRENCY = 'SET_CURRENCY'
|
|
export const GET_TICKER = 'GET_TICKER'
|
|
export const RECIEVE_TICKER = 'RECIEVE_TICKER'
|
|
|
|
// ------------------------------------
|
|
// Actions
|
|
// ------------------------------------
|
|
export function setCurrency(currency) {
|
|
return {
|
|
type: SET_CURRENCY,
|
|
currency
|
|
}
|
|
}
|
|
|
|
export function getTicker() {
|
|
return {
|
|
type: GET_TICKER
|
|
}
|
|
}
|
|
|
|
export function recieveTicker(ticker) {
|
|
return {
|
|
type: RECIEVE_TICKER,
|
|
ticker
|
|
}
|
|
}
|
|
|
|
export const fetchTicker = () => async (dispatch) => {
|
|
dispatch(getTicker())
|
|
const ticker = await requestTicker()
|
|
dispatch(recieveTicker(ticker))
|
|
|
|
return ticker
|
|
}
|
|
|
|
// ------------------------------------
|
|
// 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] }
|
|
)
|
|
}
|
|
|
|
// ------------------------------------
|
|
// Reducer
|
|
// ------------------------------------
|
|
const initialState = {
|
|
tickerLoading: false,
|
|
currency: 'btc',
|
|
crypto: 'btc',
|
|
btcTicker: null
|
|
}
|
|
|
|
export default function tickerReducer(state = initialState, action) {
|
|
const handler = ACTION_HANDLERS[action.type]
|
|
|
|
return handler ? handler(state, action) : state
|
|
}
|
|
|