@lifi/widget/hooks/useTools.js

LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.

import { useQuery } from '@tanstack/react-query';
import { isItemAllowed, useLiFi, useWidgetConfig } from '../providers';
import { useSettingsStore } from '../stores';
export const useTools = () => {
    const lifi = useLiFi();
    const { bridges, exchanges } = useWidgetConfig();
    const { data } = useQuery(['tools'], async () => {
        const tools = await lifi.getTools();
        return {
            bridges: tools.bridges.filter((bridge) => isItemAllowed(bridge.key, bridges)),
            exchanges: tools.exchanges.filter((exchange) => isItemAllowed(exchange.key, exchanges)),
        };
    }, {
        onSuccess(data) {
            const { initializeTools } = useSettingsStore.getState();
            initializeTools('Bridges', data.bridges.map((bridge) => bridge.key));
            initializeTools('Exchanges', data.exchanges.map((exchange) => exchange.key));
        },
        refetchInterval: 180000,
        staleTime: 180000,
    });
    return { tools: data };
};