mango-v4-ui/components/trade/TradingChartContainer.tsx

27 lines
668 B
TypeScript

import useLocalStorageState from 'hooks/useLocalStorageState'
import dynamic from 'next/dynamic'
import { TRADE_CHART_UI_KEY } from 'utils/constants'
const TradingViewChart = dynamic(() => import('./TradingViewChart'), {
ssr: false,
})
const TradingViewChartKlineContainer = dynamic(
() => import('./TradingViewChartKlineContainer'),
{
ssr: false,
},
)
const TradingChartContainer = () => {
const [tradingChart] = useLocalStorageState(TRADE_CHART_UI_KEY)
const isTradingChart = tradingChart === 'custom'
return !isTradingChart ? (
<TradingViewChart />
) : (
<TradingViewChartKlineContainer />
)
}
export default TradingChartContainer