twreporter-redux/src/actions/index-page.js

redux actions and reducers for twreporter website

import apiConfig from '../conf/api-config.json'
import axios from 'axios'
import types from '../constants/action-types'
import fieldNames from '../constants/redux-state-field-names'
import apiEndpoints from '../constants/api-endpoints'
import formAPIURL from '../utils/form-api-url'

// lodash
import get from 'lodash/get'
import values from 'lodash/values'

const _ = {
  get,
  values,
}

function _fetch(dispatch, path) {
  const url = formAPIURL(path)

  // Start to get content
  dispatch({
    type: types.START_TO_GET_INDEX_PAGE_CONTENT,
    url,
  })

  return axios.get(url, {
    timeout: apiConfig.API_TIME_OUT,
  })
  // Get content successfully
    .then((response) => {
      const items = _.get(response, 'data.records', {})

      // dispatch content for each sections
      return dispatch({
        type: types.GET_CONTENT_FOR_INDEX_PAGE,
        payload: items,
      })
    })
    .catch((error) => {
      // Error to get topics
      return dispatch({
        type: types.ERROR_TO_GET_INDEX_PAGE_CONTENT,
        error,
      })
    })
}

/**
 * fetchIndexPageContent
 * This function will fetch the all sections except categories_section
 * on the index page,
 * including latest_section, editor_picks_section, latest_topic_section,
 * infographics_section, reviews_section, and photos_section.
 */
export function fetchIndexPageContent() {
  return (dispatch, getState) => {
    const state = getState()
    const indexPage = _.get(state, fieldNames.indexPage, {})

    // categories_section is not part of the result
    const sections = _.values(fieldNames.sections)
    let isContentReady = true

    sections.forEach((section) => {
      if (!Object.prototype.hasOwnProperty.call(indexPage, section)) {
        isContentReady = false
      }
    })

    if (isContentReady) {
      return Promise.resolve()
    }

    const path = `${apiEndpoints.indexPage}`

    return _fetch(dispatch, path)
  }
}

/**
 * fetchCategoriesPostsOnIndexPage
 * This function will fetch all the posts of each category, total 6 categories, for categories_section on the index page.
 */
export function fetchCategoriesPostsOnIndexPage() {
  return (dispatch, getState) => {
    const state = getState()
    const indexPage = _.get(state, fieldNames.indexPage, {})
    const categories = _.values(fieldNames.categories)
    let isContentReady = true

    categories.forEach((category) => {
      if (_.get(indexPage, [category, 'length'], 0) === 0) {
        isContentReady = false
      }
    })

    if (isContentReady) {
      return Promise.resolve()
    }

    const path = `${apiEndpoints.indexPageCategories}`

    return _fetch(dispatch, path)
  }
}