From 1157d553072ca22ab51eea9b8d625a3729386822 Mon Sep 17 00:00:00 2001 From: Riordan Panayides Date: Sun, 20 Jun 2021 01:54:33 +0100 Subject: [PATCH] Fix NaN error in market header --- components/MarketHeader.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/components/MarketHeader.tsx b/components/MarketHeader.tsx index 98c2ebd..6efc643 100644 --- a/components/MarketHeader.tsx +++ b/components/MarketHeader.tsx @@ -16,7 +16,10 @@ const MarketHeader = () => { const [ohlcv, setOhlcv] = useState(null) const [loading, setLoading] = useState(false) - const change = ohlcv ? ((ohlcv.c[0] - ohlcv.o[0]) / ohlcv.o[0]) * 100 : '--' + const change = + ohlcv && ohlcv.c && ohlcv.c.length + ? ((ohlcv.c[0] - ohlcv.o[0]) / ohlcv.o[0]) * 100 + : '--' const volume = ohlcv && ohlcv.v && ohlcv.v.length ? ohlcv.v[0] : '--' const fetchOhlcv = useCallback(async () => {