thunks.tsx

import * as React from "react";
import States from "../utils/states";
import * as API from "./api";
import { IChannelNames } from "./types";

export function fetchChannelNameThunk(
    channelID: string,
    channelNames: IChannelNames,
    setChannelNames: React.Dispatch<React.SetStateAction<IChannelNames>>,
    getChannelName: (channelID: string) => Promise<string> = API.getChannelName) {
    if (channelNames[channelID]) {
        return;
    }
    setChannelNames((localChannelNames: IChannelNames) => Object.assign({}, localChannelNames, { [channelID]: { state: States.LOADING } }));
    getChannelName(channelID).then((channelName: string) => {
        setChannelNames((localChannelNames: IChannelNames) => Object.assign({}, localChannelNames, {
            [channelID]: {
                name: channelName,
                state: States.READY,
            },
        }));
    }).catch(() => {
        setChannelNames((localChannelNames: IChannelNames) => Object.assign({}, localChannelNames, { [channelID]: { state: States.NOTFOUND } }));
    });
}