mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
indicator fixes
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -28,7 +28,7 @@ const ChainIndicators = () => {
|
||||
const [ selectedIndicator, selectIndicator ] = React.useState(indicators[0]?.id);
|
||||
const indicator = indicators.find(({ id }) => id === selectedIndicator);
|
||||
|
||||
const queryResult = useFetchChartData(indicator!);
|
||||
const queryResult = useFetchChartData(indicator);
|
||||
const statsQueryResult = useApiQuery('homepage_stats');
|
||||
|
||||
const bgColorDesktop = useColorModeValue('white', 'gray.900');
|
||||
|
||||
@@ -4,17 +4,18 @@ import React from 'react';
|
||||
import type { TChainIndicator, ChartsResources } from './types';
|
||||
import type { TimeChartData } from 'ui/shared/chart/types';
|
||||
|
||||
import type { ResourcePayload } from 'lib/api/resources';
|
||||
import useApiQuery from 'lib/api/useApiQuery';
|
||||
|
||||
export default function useFetchChartData<R extends ChartsResources>(indicator: TChainIndicator<R>): UseQueryResult<TimeChartData> {
|
||||
const queryResult = useApiQuery(indicator.api.resourceName, {
|
||||
export default function useFetchChartData<R extends ChartsResources>(indicator: TChainIndicator<R> | undefined): UseQueryResult<TimeChartData> {
|
||||
const queryResult = useApiQuery(indicator?.api.resourceName || 'homepage_chart_txs', {
|
||||
queryOptions: { enabled: Boolean(indicator) },
|
||||
});
|
||||
|
||||
return React.useMemo(() => {
|
||||
return {
|
||||
...queryResult,
|
||||
data: queryResult.data && indicator ? indicator.api.dataFn(queryResult.data) : queryResult.data,
|
||||
data: queryResult.data && indicator ? indicator.api.dataFn(queryResult.data as ResourcePayload<R>) : queryResult.data,
|
||||
} as UseQueryResult<TimeChartData>;
|
||||
}, [ indicator, queryResult ]);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user