@reduxjs/toolkit#createAction TypeScript Examples

fetchTokenList: Readonly<{
  pending: ActionCreatorWithPayload<{ url: string; requestId: string }>
  fulfilled: ActionCreatorWithPayload<{ url: string; tokenList: TokenList; requestId: string }>
  rejected: ActionCreatorWithPayload<{ url: string; errorMessage: string; requestId: string }>
}> = {
  pending: createAction('lists/fetchTokenList/pending'),
  fulfilled: createAction('lists/fetchTokenList/fulfilled'),
  rejected: createAction('lists/fetchTokenList/rejected')
}

/**
 * A convenience utility to create a saga and trigger action
 * Use to create simple sagas, for more complex ones use createMonitoredSaga.
 * Note: the wrapped saga this returns must be added to rootSaga.ts
 */
export function createSaga<SagaParams = void>(saga: (...args: any[]) => any, name: string) {
  const triggerAction = createAction<SagaParams>(`${name}/trigger`)

  const wrappedSaga = function* () {
    while (true) {
      try {
        const trigger: Effect = yield take(triggerAction.type)
        logger.debug(`${name} triggered`)
        yield call(saga, trigger.payload)
      } catch (error) {
        logger.error(`${name} error`, error)
      }
    }
  }

  return {
    wrappedSaga,
    trigger: triggerAction,
  }
}

fetchTokenList: Readonly<{
  pending: ActionCreatorWithPayload<{ url: string; requestId: string }>;
  fulfilled: ActionCreatorWithPayload<{
    url: string;
    tokenList: TokenList;
    requestId: string;
  }>;
  rejected: ActionCreatorWithPayload<{
    url: string;
    errorMessage: string;
    requestId: string;
  }>;
}> = {
  pending: createAction('lists/fetchTokenList/pending'),
  fulfilled: createAction('lists/fetchTokenList/fulfilled'),
  rejected: createAction('lists/fetchTokenList/rejected'),
}

clearRouteGroupDisplayed = createAction<MSFRouteGroupKey>(
  `${REDUX_SLICE_DISPLAYED}/clearRouteGroupDisplayed`
)

updateBlockNumber = createAction<{ chainId: number; blockNumber: number }>('application/updateBlockNumber')

approveWcSession = createAction('walletConnect/approveSession')

rejectVersionUpdate = createAction<Version>('lists/rejectVersionUpdate')

resetWcClient = createAction('walletConnect/reset')

checkedTransaction = createAction<{
  chainId: ChainId
  hash: string
  blockNumber: number
}>('transactions/checkedTransaction')

alertMessage = createAction<AlertMessage>('@message/create')

proposeWcSession = createAction<SessionTypes.Proposal>('walletConnect/proposeSession')

setPublicToken = createAction<string | null>('@user/set-public-token')

updateTwitterAccount = createAction<{ twitterAccount: string | undefined }>('user/updateTwitterAccount')