scinote-web/app/javascript/src/components/actions/TeamsActions.js

// @flow
import type {
  Teams$Team,
  Action$AddTeamData,
  Actopm$SetCurrentTeam
} from "flow-typed";
import type { Dispatch } from "redux-thunk";
import { getTeams, changeCurrentTeam, fetchCurrentTeam } from "../../services/api/teams_api";
import { GET_LIST_OF_TEAMS, SET_CURRENT_TEAM } from "../../config/action_types";

export function addTeamsData(data: Array<Teams$Team>): Action$AddTeamData {
  return {
    type: GET_LIST_OF_TEAMS,
    payload: data
  };
}

export function setCurrentTeam(team: Teams$CurrentTeam): Actopm$SetCurrentTeam {
  return {
    team,
    type: SET_CURRENT_TEAM
  };
}

export function getTeamsList(): Dispatch {
  return dispatch => {
    getTeams()
      .then(response => {
        dispatch(addTeamsData(response));
      })
      .catch(error => {
        console.log("get Teams Error: ", error);
      });
  };
}

export function getCurrentTeam(): Dispatch {
  return dispatch => {
    fetchCurrentTeam().then(response => dispatch(setCurrentTeam(response)));
  };
}

export function changeTeam(teamID: number): Dispatch {
  return dispatch => {
    changeCurrentTeam(teamID)
      .then(response => {
        const { teams } = response;
        dispatch(addTeamsData(teams));
      })
      .catch(error => {
        console.log("get Teams Error: ", error);
      });
  };
}