https://wecopytrade.com/static/js/31332.889438d8.chunk.js

1"use strict";(self.webpackChunkwecopytrade_client=self.webpackChunkwecopytrade_client||[]).push([[31332],{31332:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var r=n(77709),a=n(28438),i=n(87249),c=n(28749),l=n(47313),s=n(36142),o=n(11459),d=n(30686);const h={self:(0,d.iv)({minHeight:"calc(100vh - var(--height-header) - 180px)"}),wrapperTab:e=>{let{spacing:t}=e;return(0,d.iv)({marginBottom:null===t||void 0===t?void 0:t[5]})},iframe:(0,d.iv)({width:"100%"})};var u=n(1568);const p=()=>{switch(c.T5.get()){case"en-US":case"km-KH":default:return"en";case"fr-FR":return"fr";case"th-TH":return"th_TH";case"vi-VN":return"vi_VN";case"zh-CN":return"zh_CN"}},g=["EUR","USD","JPY","GBP","CHF","AUD","CAD","NZD"],m=()=>{const e=(0,l.useRef)(null),{height:t}=(0,o.iP)();return(0,o.qR)((()=>{const t=document.createElement("script");t.src="https://s3.tradingview.com/external-embedding/embed-widget-crypto-coins-heatmap.js",t.type="text/javascript",t.async=!0,t.innerHTML='\n        {\n          "dataSource": "Crypto",\n          "blockSize": "market_cap_calc",\n          "blockColor": "change",\n          "locale": "'.concat(p(),'",\n          "symbolUrl": "",\n          "colorTheme": "light",\n          "hasTopBar": true,\n          "isDataSetEnabled": true,\n          "isZoomEnabled": true,\n          "hasSymbolTooltip": true,\n          "width": "100%",\n          "autosize": true\n        }'),e.current&&e.current.appendChild(t)})),(0,u.tZ)("div",{className:"tradingview-widget-container",ref:e,style:{height:t-230},children:(0,u.tZ)("div",{className:"tradingview-widget-container__widget"})})},v=()=>{const{height:e}=(0,o.iP)(),t=(0,l.useRef)(null);return(0,o.qR)((()=>{const e=document.createElement("script");e.src="https://s3.tradingview.com/external-embedding/embed-widget-stock-heatmap.js",e.type="text/javascript",e.async=!0,e.innerHTML='\n        {\n          "exchanges": [],\n          "dataSource": "SPX500",\n          "grouping": "sector",\n          "blockSize": "market_cap_basic",\n          "blockColor": "change",\n          "locale": "'.concat(p(),'",\n          "symbolUrl": "",\n          "colorTheme": "light",\n          "hasTopBar": true,\n          "isDataSetEnabled": true,\n          "isZoomEnabled": true,\n          "hasSymbolTooltip": true,\n          "width": "100%",\n          "autosize": true\n        }'),t.current&&t.current.appendChild(e)})),(0,u.tZ)("div",{className:"tradingview-widget-container",ref:t,style:{height:e-230},children:(0,u.tZ)("div",{className:"tradingview-widget-container__widget"})})},b=()=>{const{height:e}=(0,o.iP)(),[t,n]=(0,l.useState)("Forex"),c=(0,l.useMemo)((()=>[{label:"Forex",value:"Forex"},{label:"Crypto",value:"Crypto"},{label:"Stocks",value:"Stocks"}]),[]);return(0,u.BX)(u.HY,{children:[(0,u.tZ)(a.Z,{title:i.y.market}),(0,u.BX)("div",{css:h.self,children:[(0,u.tZ)("div",{css:h.wrapperTab,"aria-label":"market tab",children:(0,u.tZ)(r.Z,{tabs:c,activeTab:t,onChange:e=>{n(e)}})}),(0,u.BX)("div",{css:h.iframe,children:["Forex"===t?(0,u.tZ)(s.Oi,{colorTheme:"light",width:"100%",height:e-230,currencies:g,copyrightStyles:{parent:{display:"none"}},locale:p()}):null,"Crypto"===t?(0,u.tZ)(m,{}):null,"Stocks"===t?(0,u.tZ)(v,{}):null]})]})]})}}}]);