react-native-wagmi-charts/lib/module/charts/line/usePrice.js

A sweet candlestick chart for React Native

import { useDerivedValue } from 'react-native-reanimated';
import { formatPrice } from '../../utils';
import { useLineChart } from './useLineChart';
export function useLineChartPrice({
  format,
  precision = 2,
  index
} = {}) {
  const {
    currentIndex,
    data
  } = useLineChart();
  const float = useDerivedValue(() => {
    if (!data) {
      return '';
    }
    if ((typeof currentIndex.value === 'undefined' || currentIndex.value === -1) && index == null) {
      return '';
    }
    const dataPoint = data[Math.min(index ?? currentIndex.value, data.length - 1)];
    const price = dataPoint?.value ?? 0;
    return price.toFixed(precision).toString();
  }, [currentIndex, data, precision]);
  const formatted = useDerivedValue(() => {
    const value = float.value || '';
    const formattedPrice = value ? formatPrice({
      value
    }) : '';
    return format ? format({
      value,
      formatted: formattedPrice
    }) : formattedPrice;
  }, [float, format]);
  return {
    value: float,
    formatted
  };
}
//# sourceMappingURL=usePrice.js.map