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

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

import * as types from './types'
import {
  getTemplateService,
  addTemplateService,
  updateTemplateService,
  deleteTemplateService,
  searchTemplateService,
  batchDeleteTemplateService,
} from '@/service/template/manage'
import { AppDispatch } from '@/redux/store'

export const getTemplate =
  (page = 0, pageSize = 10) =>
  (dispatch: AppDispatch) => {
    dispatch({
      type: types.GET_TEMPLATE,
    })

    getTemplateService(page, pageSize)
      .then((res: any) => {
        const { data } = res
        dispatch({
          type: types.GET_TEMPLATE_SUCCEEDED,
          payload: {
            template: data.template,
          },
        })
      })
      .catch(() => {
        dispatch({
          type: types.GET_TEMPLATE_FAILED,
        })
      })
  }

export const searchTemplate =
  (page = 0, pageSize = 10, data: any) =>
  (dispatch: AppDispatch) => {
    dispatch({
      type: types.SEARCH_TEMPLATE,
    })

    searchTemplateService(page, pageSize, data)
      .then((res: any) => {
        const { data } = res
        dispatch({
          type: types.SEARCH_TEMPLATE_SUCCEEDED,
          payload: {
            template: data.templateSearch,
          },
        })
      })
      .catch(() => {
        dispatch({
          type: types.SEARCH_TEMPLATE_FAILED,
        })
      })
  }

export const updateSSRTemplate = (template: any) => (dispatch: AppDispatch) => {
  dispatch({
    type: types.UPDATE_SSR_TEMPLATE,
    payload: {
      template: template,
    },
  })
}

export const addTemplate = (obj: any) => (dispatch: AppDispatch) => {
  dispatch({
    type: types.ADD_TEMPLATE,
  })

  addTemplateService(obj)
    .then((res: any) => {
      const { data } = res
      const template = {
        id: data.templateAdd,
        ...obj,
      }
      dispatch({
        type: types.ADD_TEMPLATE_SUCCEEDED,
        payload: {
          template,
        },
      })
    })
    .catch(() => {
      dispatch({
        type: types.ADD_TEMPLATE_FAILED,
      })
    })
}

export const modTemplate = (id: number, obj: any) => (dispatch: AppDispatch) => {
  dispatch({
    type: types.MOD_TEMPLATE,
  })

  updateTemplateService(id, obj)
    .then((_res: any) => {
      const template = {
        id,
        ...obj,
      }
      dispatch({
        type: types.MOD_TEMPLATE_SUCCEEDED,
        payload: {
          template,
        },
      })
    })
    .catch(() => {
      dispatch({
        type: types.MOD_TEMPLATE_FAILED,
      })
    })
}

export const delTemplate = (id: number) => (dispatch: AppDispatch) => {
  dispatch({
    type: types.DEL_TEMPLATE,
  })

  deleteTemplateService(id)
    .then((_res: any) => {
      dispatch({
        type: types.DEL_TEMPLATE_SUCCEEDED,
        payload: {
          id,
        },
      })
    })
    .catch(() => {
      dispatch({
        type: types.DEL_TEMPLATE_FAILED,
      })
    })
}

export const batchDelTemplate = (ids: any) => (dispatch: AppDispatch) => {
  dispatch({
    type: types.BATCH_DEL_TEMPLATE,
  })

  batchDeleteTemplateService(ids)
    .then((_res: any) => {
      dispatch({
        type: types.BATCH_DEL_TEMPLATE_SUCCEEDED,
        payload: {
          ids,
        },
      })
    })
    .catch(() => {
      dispatch({
        type: types.BATCH_DEL_TEMPLATE_FAILED,
      })
    })
}