32 lines
785 B
TypeScript
32 lines
785 B
TypeScript
import dynamic from 'next/dynamic'
|
|
import { useState } from 'react'
|
|
import { createPortal } from 'react-dom'
|
|
|
|
const TradingViewChartKline = dynamic(() => import('./TradingViewChartKline'), {
|
|
ssr: false,
|
|
})
|
|
|
|
const TradingViewChartKlineContainer = () => {
|
|
const [isFullView, setIsFullView] = useState<boolean>(false)
|
|
return (
|
|
<>
|
|
{isFullView ? (
|
|
createPortal(
|
|
<TradingViewChartKline
|
|
setIsFullView={setIsFullView}
|
|
isFullView={isFullView}
|
|
></TradingViewChartKline>,
|
|
document.body,
|
|
)
|
|
) : (
|
|
<TradingViewChartKline
|
|
setIsFullView={setIsFullView}
|
|
isFullView={isFullView}
|
|
></TradingViewChartKline>
|
|
)}
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default TradingViewChartKlineContainer
|