nsgm-cli/client/redux/template/manage/reducers.ts

A CLI tool to run Next/Style-components and Graphql/Mysql fullstack project

import * as types from './types'
import _ from 'lodash'

const initialState = {
  firstLoadFlag: true,
  template: {
    totalCounts: 0,
    items: [],
  },
}

export const templateManageReducer = (state = initialState, { type, payload }) => {
  const { template } = state
  const { totalCounts, items } = template
  let newItems: any = []

  switch (type) {
    case types.UPDATE_SSR_TEMPLATE:
      return {
        ...state,
        firstLoadFlag: true,
        template: payload.template,
      }
    case types.GET_TEMPLATE_SUCCEEDED:
      return {
        ...state,
        firstLoadFlag: false,
        template: payload.template,
      }
    case types.SEARCH_TEMPLATE_SUCCEEDED:
      return {
        ...state,
        firstLoadFlag: false,
        template: payload.template,
      }
    case types.ADD_TEMPLATE_SUCCEEDED:
      newItems = [...items]
      newItems.push(payload.template)
      return {
        ...state,
        firstLoadFlag: false,
        template: {
          totalCounts: totalCounts + 1,
          items: newItems,
        },
      }
    case types.MOD_TEMPLATE_SUCCEEDED:
      const modItem = payload.template

      _.each(items, (item: any) => {
        if (item.id == modItem.id) {
          newItems.push(modItem)
        } else {
          newItems.push(item)
        }
      })
      return {
        ...state,
        firstLoadFlag: false,
        template: {
          totalCounts: totalCounts,
          items: newItems,
        },
      }
    case types.DEL_TEMPLATE_SUCCEEDED:
      const delItemId = payload.id

      _.each(items, (item: any) => {
        if (item.id != delItemId) {
          newItems.push(item)
        }
      })

      return {
        ...state,
        firstLoadFlag: false,
        template: {
          totalCounts: totalCounts - 1,
          items: newItems,
        },
      }
    case types.BATCH_DEL_TEMPLATE_SUCCEEDED:
      const delItemIds = payload.ids
      const allIds = _.map(
        _.map(items, (item) => _.pick(item, ['id'])),
        'id'
      )
      const diffIds = _.xor(allIds, delItemIds)

      newItems = _.filter(items, (item: any) => _.includes(diffIds, item.id))

      let newTotalCounts = totalCounts - delItemIds.length
      if (newTotalCounts < 0) newTotalCounts = 0

      return {
        ...state,
        firstLoadFlag: false,
        template: {
          totalCounts: newTotalCounts,
          items: newItems,
        },
      }
    default:
      return state
  }
}