asynqmon/ui/src/actions/groupsActions.ts

import { Dispatch } from "redux";
import { listGroups, ListGroupsResponse } from "../api";
import { toErrorString, toErrorStringWithHttpStatus } from "../utils";

// List of groups related action types.
export const LIST_GROUPS_BEGIN = "LIST_GROUPS_BEGIN";
export const LIST_GROUPS_SUCCESS = "LIST_GROUPS_SUCCESS";
export const LIST_GROUPS_ERROR = "LIST_GROUPS_ERROR";

interface ListGroupsBeginAction {
  type: typeof LIST_GROUPS_BEGIN;
}

interface ListGroupsSuccessAction {
  type: typeof LIST_GROUPS_SUCCESS;
  payload: ListGroupsResponse;
}

interface ListGroupsErrorAction {
  type: typeof LIST_GROUPS_ERROR;
  error: string;
}

// Union of all groups related action types.
export type GroupsActionTypes =
  | ListGroupsBeginAction
  | ListGroupsSuccessAction
  | ListGroupsErrorAction;

export function listGroupsAsync(qname: string) {
  return async (dispatch: Dispatch<GroupsActionTypes>) => {
    dispatch({ type: LIST_GROUPS_BEGIN });
    try {
      const response = await listGroups(qname);
      dispatch({
        type: LIST_GROUPS_SUCCESS,
        payload: response,
      });
    } catch (error) {
      console.error(`listGroupsAsync: ${toErrorStringWithHttpStatus(error)}`);
      dispatch({
        type: LIST_GROUPS_ERROR,
        error: toErrorString(error),
      });
    }
  };
}