explore/ui/txs/noves/useDescribeTxs.tsx

import { uniq, chunk } from 'es-toolkit';
import React from 'react';

import type { Transaction } from 'types/api/transaction';

import config from 'configs/app';
import type { ReturnType } from 'lib/api/useApiQueries';
import useApiQueries from 'lib/api/useApiQueries';

const feature = config.features.txInterpretation;

const translateEnabled = feature.isEnabled && feature.provider === 'noves';

export type TxsTranslationQuery = ReturnType<'general:noves_describe_txs'> | undefined;

export default function useDescribeTxs(
  items: Array<Transaction> | undefined,
  viewAsAccountAddress: string | undefined,
  isPlaceholderData: boolean,
): TxsTranslationQuery {
  const enabled = translateEnabled && !isPlaceholderData;
  const chunks = React.useMemo(() => {
    if (!enabled) {
      return [];
    }

    const txsHash = items ? uniq(items.map(({ hash }) => hash)) : [];
    return chunk(txsHash, 10);
  }, [ items, enabled ]);

  const query = useApiQueries(
    'general:noves_describe_txs',
    chunks.map((hashes) => {
      return {
        queryParams: {
          viewAsAccountAddress,
          hashes,
        },
      };
    }),
    { enabled },
  );

  return enabled ? query : undefined;
}