49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
|
import { Observable } from 'rx';
|
||
|
import { ofType } from 'redux-epic';
|
||
|
import debug from 'debug';
|
||
|
|
||
|
import {
|
||
|
types,
|
||
|
createErrorObservable,
|
||
|
|
||
|
challengeSelector,
|
||
|
csrfSelector,
|
||
|
userSelector
|
||
|
} from './';
|
||
|
import { updateUserCurrentChallenge } from '../entities';
|
||
|
import { postJSON$ } from '../../utils/ajax-stream';
|
||
|
|
||
|
const log = debug('fcc:app:redux:up-my-challenge-epic');
|
||
|
export default function updateMyCurrentChallengeEpic(actions, { getState }) {
|
||
|
const updateChallenge = actions::ofType(types.updateCurrentChallenge)
|
||
|
.map(() => {
|
||
|
const state = getState();
|
||
|
const { username } = userSelector(state);
|
||
|
const { id } = challengeSelector(state);
|
||
|
const csrf = csrfSelector(state);
|
||
|
return {
|
||
|
username,
|
||
|
csrf,
|
||
|
currentChallengeId: id
|
||
|
};
|
||
|
})
|
||
|
.filter(({ username }) => !!username)
|
||
|
.distinctUntilChanged(x => x.currentChallengeId);
|
||
|
const optimistic = updateChallenge.map(updateUserCurrentChallenge);
|
||
|
const ajaxUpdate = updateChallenge
|
||
|
.debounce(250)
|
||
|
.flatMapLatest(({ csrf, currentChallengeId }) => {
|
||
|
return postJSON$(
|
||
|
'/update-my-current-challenge',
|
||
|
{
|
||
|
currentChallengeId,
|
||
|
_csrf: csrf
|
||
|
}
|
||
|
)
|
||
|
.map(({ message }) => log(message))
|
||
|
.ignoreElements()
|
||
|
.catch(createErrorObservable);
|
||
|
});
|
||
|
return Observable.merge(optimistic, ajaxUpdate);
|
||
|
}
|