fin blog embed

args-and-thunk-example.js

import { createAsyncAction } from 'helpers/async';
import fetch from 'isomorphic-fetch'

// (pretend for a moment that such an action exists)
import { navigate, SIGN_IN } from 'actions/navigation';

// takes args: { subreddit }
function postsWithLikesRequest({ subreddit }) {
  // returns a 'thunk promise' that uses dispatch and getState
  return function(dispatch, getState) {
    const userId = getState().userId;
    
    if(!userId) {
      // we have the dispatch function in our async action!
      dispatch(navigate(SIGN_IN))
    } else {
      return fetch(`https://www.reddit.com/r/${subreddit}.json?likes=true&userId=${userId}`)
        .then(
          response => response.json(),
          error => console.log('An error occured.', error)
        )
    }
  }
}

const FETCH_POSTS_WITH_LIKES = 'Actions/Posts/FetchWithLikes';
export const fetchPostsWithLikes = createAsyncAction(FETCH_POSTS_WITH_LIKES, postsWithLikesRequest)