https://hodler.sh/_next/static/chunks/5841-d14c776a703ed69c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5841],{11073:function(e,l,t){t.d(l,{default:function(){return j}});var s=t(57437),r=t(2265),a=t(24775),n=()=>(0,s.jsxs)("tr",{className:"h-[2.8125rem] animate-pulse",children:[(0,s.jsx)("td",{className:"py-3",children:(0,s.jsx)("div",{className:"h-[1.3125rem] bg-gray-3 rounded-xl"})}),(0,s.jsx)("td",{className:"pl-3 xl:pl-6 py-3",children:(0,s.jsx)("div",{className:"h-[1.3125rem] bg-gray-3 rounded-xl"})}),(0,s.jsx)("td",{className:"pl-3 xl:pl-6 py-3",children:(0,s.jsx)("div",{className:"h-[1.3125rem] bg-gray-3 rounded-xl"})}),(0,s.jsx)("td",{className:"pl-3 xl:pl-6 py-3",children:(0,s.jsx)("div",{className:"h-[1.3125rem] bg-gray-3 rounded-xl"})}),(0,s.jsx)("td",{className:"pl-3 xl:pl-6 py-3",children:(0,s.jsx)("div",{className:"h-[1.3125rem] bg-gray-3 rounded-xl"})})]}),i=t(29450),d=e=>{let{translations:l,selectSorting:t}=e,{rank:a,exchange:n,pair:d,price:c,volume24:o}=l,x=r.useCallback(()=>{t&&t(i.N2.RANK)},[t]),u=r.useCallback(()=>{t&&t(i.N2.EXCHANGE)},[t]),m=r.useCallback(()=>{t&&t(i.N2.PAIR)},[t]),h=r.useCallback(()=>{t&&t(i.N2.PRICE)},[t]),p=r.useCallback(()=>{t&&t(i.N2.VOLUME)},[t]);return(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{className:"w-full body_2 md:h4 text-left text-gray-2 border-b border-gray-3",children:[(0,s.jsx)("th",{id:"marketRank",className:"w-[5%] md:w-[5%] py-6",children:(0,s.jsx)("button",{onClick:x,children:a})}),(0,s.jsx)("th",{id:"marketExchange",className:"w-[20%] md:w-[30%] pl-3 xl:pl-6",children:(0,s.jsx)("button",{onClick:u,children:n})}),(0,s.jsx)("th",{id:"marketPair",className:"w-[25%] md:w-[25%] pl-3 xl:pl-6",children:(0,s.jsx)("button",{onClick:m,children:d})}),(0,s.jsx)("th",{id:"marketPrice",className:"w-[25%] md:w-[20%] pl-3 xl:pl-6",children:(0,s.jsx)("button",{onClick:h,children:c})}),(0,s.jsx)("th",{id:"marketVolume24",className:"w-[25%] md:w-[20%] pl-3 xl:pl-6 text-right",children:(0,s.jsx)("button",{onClick:p,children:o})})]})})},c=e=>{let{theadTranslations:l}=e;return(0,s.jsxs)("table",{className:"w-full table-fixed mb-6",children:[(0,s.jsx)(d,{translations:l}),(0,s.jsxs)("tbody",{children:[(0,s.jsx)(n,{}),(0,s.jsx)(n,{}),(0,s.jsx)(n,{}),(0,s.jsx)(n,{}),(0,s.jsx)(n,{}),(0,s.jsx)(n,{}),(0,s.jsx)(n,{}),(0,s.jsx)(n,{}),(0,s.jsx)(n,{}),(0,s.jsx)(n,{})]})]})},o=t(52701),x=e=>{let{isLoading:l,isQuotesLoading:t,exchangeType:r,tradingType:a,filters:n,selectedPair:i,pairs:d,onExchangeTypeChange:c,onTradingTypeChange:x,selectPair:u}=e;return(0,s.jsxs)("div",{className:"flex items-center justify-start flex-wrap gap-2 md:gap-5",children:[(0,s.jsx)(o.Ee,{disabled:l,value:r,onValueChange:c,list:n.exchangeType,rootClassName:"sm:w-full md:w-fit sm:py-2 sm:gap-1 sm:rounded-lg",constainerClassName:"sm:grow",itemClassName:"w-full text-left sm:rounded-md",indicatorClassName:"sm:rounded-md bg-gray-3"}),(0,s.jsx)(o.Ee,{disabled:l,value:a,onValueChange:x,list:n.tradingType,rootClassName:"sm:grow md:grow-0 sm:py-2 sm:order-3 md:order-2 sm:gap-1 sm:rounded-lg",constainerClassName:"sm:grow",itemClassName:"w-full text-left sm:rounded-md",indicatorClassName:"sm:rounded-md bg-gray-3"}),(0,s.jsx)(o.Ph,{trigger:{value:i},disabled:t,list:d,onValueChange:u,triggerClassName:"w-24 h-[2.625rem] p-2 shrink-0 sm:order-2 md:order-3 flex items-center justify-between md:body_2 rounded-lg border border-gray-3",listClassName:"w-24 items-center",itemClassName:"py-1 pl-2 sm:justify-start"})]})},u=t(33145),m=t(45664),h=e=>{let{market:l}=e,t=(0,m.AX)(l.logo,"/hodler.png");return(0,s.jsxs)("tr",{className:"body_1 text-left text-white border-b border-gray-3",children:[(0,s.jsx)("td",{className:"text-left py-3 text-gray-2",children:(0,s.jsx)("div",{className:"relative w-5 h-5 rounded-full overflow-hidden",children:(0,s.jsx)(u.default,{fill:!0,src:t,alt:l.exchange,sizes:"5vw"})})}),(0,s.jsx)("td",{className:"pl-3 xl:pl-6 py-3 text-ellipsis overflow-hidden whitespace-nowrap",children:l.exchange}),(0,s.jsx)("td",{className:"pl-3 xl:pl-6 py-3 text-ellipsis overflow-hidden whitespace-nowrap",children:l.pair}),(0,s.jsx)("td",{className:"pl-3 xl:pl-6 py-3 text-ellipsis overflow-hidden whitespace-nowrap",children:(0,m.dN)({amount:l.price}).markup}),(0,s.jsx)("td",{className:"pl-3 xl:pl-6 py-3 text-right text-ellipsis overflow-hidden whitespace-nowrap",children:(0,m.T4)(l.volume_24h)})]})},p=e=>

1{let{theadTranslations:l,topMarkets:t,selectSorting:r}=e;return(0,s.jsxs)("table",{className:"w-full table-fixed",children:[(0,s.jsx)(d,{translations:l,selectSorting:r}),(0,s.jsx)("tbody",{children:t.map(e=>(0,s.jsx)(h,{market:e},"".concat(e.id).concat(e.pair)))})]})},g=t(30955),b=(e,l,t)=>{let[s,a]=r.useState(!0),[n,d]=r.useState(!0),[c,o]=r.useState([]),[x,u]=r.useState(1),[m]=r.useState(10),[h,p]=r.useState(1),[b,j]=r.useState(i.xS.All),[N,f]=r.useState(i.U5.Spot),[y,w]=r.useState([{value:t}]),[C,v]=r.useState(t),[k,S]=r.useState({type:i.N2.RANK,direction:i.Sr.ASC});r.useEffect(()=>{let s=new AbortController;return a(!0),(0,g.t)({hdr_id:e,limit:m,offset:(x-1)*m,exchange_type:b,trading_type:N,currency:l,quote_currency:C===t?void 0:C,id_sort:k.type===i.N2.RANK?k.direction:i.Sr.NO,exchange_sort:k.type===i.N2.EXCHANGE?k.direction:i.Sr.NO,pair_sort:k.type===i.N2.PAIR?k.direction:i.Sr.NO,price_sort:k.type===i.N2.PRICE?k.direction:i.Sr.NO,volume_sort:k.type===i.N2.VOLUME?k.direction:i.Sr.NO,abortSignal:s.signal}).then(e=>{e&&(o(e.markets),p(Math.ceil(e.total/m)))}).catch(e=>console.log(e)).finally(()=>a(!1)),()=>s.abort()},[e,l,x,m,b,N,C,k,t]),r.useEffect(()=>{let l=new AbortController;return d(!0),(0,g.Q)({hdr_id:e}).then(e=>{w([{value:t},...e.map(e=>({value:e}))])}).catch(e=>console.log(e)).finally(()=>d(!1)),()=>l.abort()},[e,t]);let _=r.useCallback(e=>u(e),[]),E=r.useCallback(e=>{j(e),u(1)},[]);return{isLoading:s,isQuotesLoading:n,topMarkets:c,page:x,pagesNumber:h,exchangeType:b,tradingType:N,selectedPair:C,pairs:y,onPageBtnClick:_,onExchangeTypeChange:E,onTradingTypeChange:r.useCallback(e=>{f(e),u(1)},[]),selectPair:r.useCallback(e=>{v(e),u(1)},[]),selectSorting:r.useCallback(e=>{S(l=>l.type===e?{type:l.type,direction:l.direction===i.Sr.ASC?i.Sr.DESC:i.Sr.ASC}:{type:e,direction:i.Sr.ASC})},[])}},j=e=>{let{hdr_id:l,currency:t,title:r,theadTranslations:n,filters:i}=e,{isLoading:d,isQuotesLoading:o,topMarkets:u,page:m,pagesNumber:h,exchangeType:g,tradingType:j,selectedPair:N,pairs:f,onPageBtnClick:y,onExchangeTypeChange:w,onTradingTypeChange:C,selectPair:v,selectSorting:k}=b(l,t,i.defaultPair);return(0,s.jsxs)("section",{className:"wrapper flex flex-col gap-9",children:[(0,s.jsx)("h2",{className:"h2 text-gray-2",children:r}),(0,s.jsx)(x,{isLoading:d,isQuotesLoading:o,filters:i,exchangeType:g,tradingType:j,selectedPair:N,pairs:f,onExchangeTypeChange:w,onTradingTypeChange:C,selectPair:v}),d&&(0,s.jsx)(c,{theadTranslations:n}),!d&&(0,s.jsx)(p,{theadTranslations:n,selectSorting:k,topMarkets:u}),(0,s.jsx)(a.Z,{disabled:d,currentPage:m,pagesNumber:h,onBtnClick:y})]})}},49586:function(e,l,t){t.d(l,{u:function(){return n},F:function(){return i}});var s=t(57437),r=t(61994),a=t(2265),n=e=>{let{currentPeriod:l,list:t,selectPeriod:a,translatedPeriods:n}=e;return(0,s.jsx)("nav",{className:"shrink-0",children:(0,s.jsx)("ul",{className:"w-fit h-fit flex body_1 text-gray-2",id:"CoinChartPeriodControls",children:t.map((e,t)=>(0,s.jsx)("li",{className:"w-[2.8125rem] h-[2.8125rem]",children:(0,s.jsx)("button",{className:(0,r.Z)("w-full h-full pt-1 flex items-center justify-center border-b hover:text-white hover:border-white",l===e?"text-blue border-blue":"text-current border-gray-3"),onClick:()=>a(e),children:n[t]})},"".concat(e)))})})},i=e=>{let[l,t]=a.useState(e[1]);return{period:l,selectPeriod:a.useCallback(e=>t(e),[])}}},24775:function(e,l,t){t.d(l,{Z:function(){return d}});var s=t(57437),r=t(61994);t(2265);let a=(e,l)=>{if(e<=6){let l=[];for(let t=1;t<=e;t++)l.push(t);return l}return l<=4?[1,2,3,4,5,null,e]:e-l<4?[1,null,e-4,e-3,e-2,e-1,e]:[1,null,l-1,l,l+1,null,e]};var n=t(72684),i=e=>{let{disabled:l,page:t,onBtnClick:a,active:n=!1}=e;return(0,s.jsx)("button",{disabled:l,onClick:()=>a(t),className:(0,r.Z)("w-8 h-8 flex items-center justify-center rounded-lg bg-gray-3 hover:bg-green text-gray-2",n?"border border-white":" border-0"),children:(0,s.jsx)("span",{className:"body_1 text-current",children:t})})},d=e=>{let{disabled:l,currentPage:t,pagesNumber:d,onBtnClick:c}=e,o=a(d,t),x=1===t,u=t===d,m=x?t:t-1,h=u?d:t+1;return(0,s.jsxs)("div",{className:(0,r.Z)("w-full gap-2 items-center justify-center",0===d?"hidden":"flex"),children:[(0,s.jsx)("button",{disabled:l,onClick:()=>c(m),className:(0,r.Z)("w-12 h-8 md:w-16 md:h-10 flex items-center justify-center bg-white hover:bg-green rounded-lg",x?"invisible":"visible"),children:(0,s.jsx)(n.Rc,{})}),(0,s.jsx)("div",{className:"flex items-center gap-1",children:o.map((e,r)=>null===e?(0,s.jsx)("div",{className:"body_1 text-gray-2",children:"..."},"gap".concat(r)):(0,s.jsx)(i,{disabled:l,page:e,active:e===t,onBtnClick:c},"page".concat(e)))}),(0,s.jsx)("button",{disabled:l,onClick:()=>c(h),className:(0,r.Z)("w-12 h-8 md:w-16 md:h-10 flex items-center justify-center bg-white hover:bg-green rounded-lg",u?"invisible":"visible"),children:(0,s.jsx)(n.Rc,{className:"rotate-180"})})]})}}}]);