import {
  getTopics,
  getTopicDetails,
} from 'lib/api';
import {
  fetchTopicListAction,
  fetchTopicDetailsAction,
} from './actions';
import { PromiseThunk, ClusterId, TopicName } from 'types';

export const fetchTopicList = (clusterId: ClusterId): PromiseThunk<void> => async (dispatch) => {
  dispatch(fetchTopicListAction.request());
  try {
    const topics = await getTopics(clusterId);
    dispatch(fetchTopicListAction.success(topics));
  } catch (e) {
    dispatch(fetchTopicListAction.failure());
  }
}

export const fetchTopicDetails = (clusterId: ClusterId, topicName: TopicName): PromiseThunk<void> => async (dispatch) => {
  dispatch(fetchTopicDetailsAction.request());
  try {
    const topicDetails = await getTopicDetails(clusterId, topicName);
    dispatch(fetchTopicDetailsAction.success({ topicName, details: topicDetails }));
  } catch (e) {
    dispatch(fetchTopicDetailsAction.failure());
  }
}