topList/hooks/useGetTopList.ts

import {RequestStateCode} from '@/constants/commonConst';
import PluginManager from '@/core/pluginManager';
import produce from 'immer';
import {useAtom} from 'jotai';
import {useCallback} from 'react';
import {pluginsTopListAtom} from '../store/atoms';

export default function useGetTopList() {
    const [pluginsTopList, setPluginsTopList] = useAtom(pluginsTopListAtom);

    const getTopList = useCallback(
        async (pluginHash: string) => {
            try {
                // 有数据/加载中直接返回
                if (
                    pluginsTopList[pluginHash]?.data?.length ||
                    pluginsTopList[pluginHash]?.state ===
                        RequestStateCode.PENDING
                ) {
                    return;
                }
                // 获取plugin
                const plugin = PluginManager.getByHash(pluginHash);
                if (!plugin) {
                    return;
                }

                setPluginsTopList(
                    produce(draft => {
                        draft[pluginHash] = {
                            state: RequestStateCode.PENDING,
                            data: [],
                        };
                    }),
                );
                const result = await plugin?.methods?.getTopLists();
                setPluginsTopList(
                    produce(draft => {
                        draft[pluginHash] = {
                            data: result,
                            state: RequestStateCode.FINISHED,
                        };
                    }),
                );
            } catch {
                setPluginsTopList(
                    produce(draft => {
                        draft[pluginHash].state = RequestStateCode.FINISHED;
                    }),
                );
            }
        },
        [pluginsTopList],
    );

    return getTopList;
}