import { useChartQueryMetadataContext } from '../ChartQueryMetadataProvider';
import { useEffect, useState } from 'react';

const useFieldsById = (queryId: number) => {
  const [fields, setFields] = useState([]);
  const ctx = useChartQueryMetadataContext();
  useEffect(() => {
    const chartQueryList = ctx?.data;
    if (chartQueryList && Array.isArray(chartQueryList)) {
      const currentQuery = chartQueryList.find((chartQuery) => chartQuery.id === queryId);
      setFields(currentQuery?.fields || []);
    }
  }, [queryId]);
  return {
    fields,
  };
};

export { useFieldsById };