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

A sweet candlestick chart for React Native

import { useDerivedValue } from 'react-native-reanimated';
import { formatDatetime } from '../../utils';
import { useLineChart } from './useLineChart';
export function useLineChartDatetime({
  format,
  locale,
  options
} = {}) {
  const {
    currentIndex,
    data
  } = useLineChart();
  const timestamp = useDerivedValue(() => {
    if (!data || typeof currentIndex.value === 'undefined' || currentIndex.value === -1) {
      return '';
    }
    return data[currentIndex.value]?.timestamp ?? '';
  }, [currentIndex, data]);
  const value = useDerivedValue(() => new Date(timestamp.value).getTime(), [timestamp]);
  const formatted = useDerivedValue(() => {
    const formattedDatetime = value.value ? formatDatetime({
      value: value.value,
      locale,
      options
    }) : '';
    return format ? format({
      value: value.value || -1,
      formatted: formattedDatetime
    }) : formattedDatetime;
  }, [format, locale, options, value]);
  return {
    value,
    formatted
  };
}
//# sourceMappingURL=useDatetime.js.map