// TradingViewWidget.jsx import React, { useEffect, useRef, memo } from 'react'; function TradingViewWidget() { const container = useRef(); useEffect( () => { const script = document.createElement("script"); script.src = "https://s3.tradingview.com/external-embedding/embed-widget-symbol-overview.js"; script.type = "text/javascript"; script.async = true; script.innerHTML = ` { "symbols": [ [ "BINANCE:SOLUSDT|1D" ], [ "BINANCE:SUIUSDT.P|1D" ], [ "BINANCE:AVAXUSDT.P|1D" ], [ "BINANCE:BTCUSDT.P|1D" ], [ "BINANCE:OPUSDT.P|1D" ], [ "CRYPTOCAP:BTC.D|1D" ], [ "BINANCE:FILUSDT.P|1D" ], [ "BINANCE:BONKUSDT|1D" ] ], "chartOnly": false, "width": 1000, "height": 500, "locale": "en", "colorTheme": "light", "autosize": false, "showVolume": false, "showMA": false, "hideDateRanges": false, "hideMarketStatus": false, "hideSymbolLogo": false, "scalePosition": "right", "scaleMode": "Normal", "fontFamily": "-apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif", "fontSize": "10", "noTimeScale": false, "valuesTracking": "1", "changeMode": "price-and-percent", "chartType": "candlesticks", "maLineColor": "#2962FF", "maLineWidth": 1, "maLength": 9, "lineType": 0, "dateRanges": [ "1d|1", "1m|30", "3m|60", "12m|1D", "60m|1W", "all|1M" ], "upColor": "#22ab94", "downColor": "#f7525f", "borderUpColor": "#22ab94", "borderDownColor": "#f7525f", "wickUpColor": "#22ab94", "wickDownColor": "#f7525f" }`; container.current.appendChild(script); }, [] ); return ( ); } export default memo(TradingViewWidget);