https://market.project-xeno.com/_next/static/chunks/pages/ranking-384f30b83823b13a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6634],{32757:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ranking",function(){return n(79215)}])},39409:function(e,t,n){"use strict";var s=n(85893),a=n(67294),i=n(38683),r=n(9008),c=n.n(r),l=n(83253),o=n.n(l),d=n(9004),m=n(65781),j=n(36934),x=n.n(j),u=n(84413),p=n(43273),g=n(1523),h=n(9147),v=n(25924),k=n(29769),N=n(11237),E=n(11163);let f=(0,a.memo)(e=>{let{children:t,excludes:n}=e,r=(0,E.useRouter)(),l="/ranking"===r.pathname;return o().setAppElement("#modals"),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(c(),{children:[(0,s.jsx)("meta",{charSet:"UTF-8"}),(0,s.jsx)("meta",{"http-equiv":"X-UA-Compatible",content:"IE=edge"}),(0,s.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,s.jsx)("title",{children:"PROJECT XENO"}),(0,s.jsx)("meta",{property:"og:type",content:"article"}),(0,s.jsx)("meta",{property:"og:title",content:"PROJECT XENO"}),(0,s.jsx)("meta",{property:"og:description",content:"PROJECT XENO"}),(0,s.jsx)("meta",{property:"og:site_name",content:"PROJECT XENO"}),(0,s.jsx)("meta",{property:"og:image",content:"/img/parts/bg/fv.png"}),(0,s.jsx)("meta",{"http-equiv":"Content-Security-Policy",content:"media-src 'self' d12rjkipla30fr.cloudfront.net https://market-static.project-xeno.com"}),(0,s.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,s.jsx)("meta",{name:"twitter:site",content:"@PROJECTXENO_JP"}),(0,s.jsx)("meta",{name:"twitter:title",content:"PROJECT XENO"}),(0,s.jsx)("meta",{name:"twitter:description",content:"PROJECT XENOは「e-Sports」要素を備えた新時代のタクティクスPvPゲームです。"}),(0,s.jsx)("meta",{name:"twitter:image",content:"https://localhost:8888/img/ogp/twitter.png"}),(0,s.jsx)("meta",{name:"description",content:"スマホ向けリアルタイム・ターン制バトル『PROJECT XENO（プロジェクトゼノ）』公式サイト。デッキ構築と戦略が勝敗を分ける、全国のプレイヤーとの白熱のPvPマルチプレイ（オンライン対戦）に挑もう！基本プレイ無料でiOS/Androidにて好評配信中。"}),(0,s.jsx)("meta",{name:"keywords",content:"PROJECT XENO, プロジェクトゼノ, ゼノ, スマホゲーム, eスポーツ, リアルタイム対戦, PvP, TCG, オンライン対戦, マルチプレイ, 戦略ゲーム, タクティクス, ターン制バトル, デッキ構築, 頭脳戦, アプリ, iOS, Android, 基本プレイ無料"})]}),!r.isReady&&(0,s.jsx)(m.Z,{}),r.isReady&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(h.Z,{}),(0,s.jsxs)("div",{className:["app",x().mainLayout].join(" "),children:[!(null==n?void 0:n.header)&&!l&&(0,s.jsx)(p.Z,{}),!(null==n?void 0:n.sideBar)&&(0,s.jsx)(u.Z,{}),(0,s.jsx)(a.Suspense,{fallback:(0,s.jsx)(k.Z,{}),children:t}),(0,s.jsx)(g.Z,{}),(0,s.jsx)(i.Z,{}),(0,s.jsx)(m.Z,{}),(0,s.jsx)(d.Z,{}),(0,s.jsx)(v.Z,{}),(0,s.jsx)(N.Z,{})]})]})]})});f.displayName="MarketPlaceLayout",t.Z=f},79215:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return u}});var s=n(85893),a=n(39409),i=n(21301),r=n(67294),c=n(37739),l=n(87290),o=n(37039);function d(e){let{rank:t,trophyCount:n,name:a}=e,i=(0,c.C)(l.VT);return(0,s.jsxs)("div",{className:"rank-row",children:[(0,s.jsxs)("div",{className:"",children:[t.toString(),"ja"==i&&(0,s.jsx)(s.Fragment,{children:"位"})]}),(0,s.jsx)("div",{className:"",children:null==n?void 0:n.toString()}),(0,s.jsx)("div",{className:"",children:a})]})}function m(e){let{title:t,items:n,start:a,loading:i}=e;return(0,s.jsxs)("div",{className:"rank-table",children:[(0,s.jsx)("div",{className:"rank-header",children:t}),i||!n?(0,s.jsx)("b",{children:"Loading..."}):(0,s.jsx)("div",{className:"rank-table-body-wrapper",children:n.map((e,t)=>(0,s.jsx)(d,{rank:e.rank,name:e.name,trophyCount:e.trophyCount},t))})]})}function j(){let{t:e}=(0,o.$G)(),t=(0,c.C)(l.VT),n="1位〜300位",a="301位〜1000位";"ja"!=t&&(n="1~300",a="301~1000");let[d,j]=(0,r.useState)([]),[x,u]=(0,r.useState)(!0),[p,g]=(0,r.useState)(!1),h=async()=>{try{let e=await i.j.getRanking();e?(u(!1),j(null==e?void 0:e.rankingList)):console.error("Ranking information is undefined")}catch(t){console.error(t)}};(0,r.useEffect)(()=>{h()},[]);let v=()=>{p||(g(!0),u(!0),h(),setTimeout(()=>{g(!1)},2e3))};return(0,s.jsx)("div",{className:"ranking-container ranking",children:(0,s.jsx)("div",{className:"ranking-content",children:(0,s.jsxs)("div",{className:"content-body",children:[(0,s.jsxs)("div",{className:"title",children:[e("ranking.rank_title"),

1(0,s.jsxs)("button",{className:"btnReload",onClick:v,disabled:p,children:[(0,s.jsx)("span",{children:e(p?"common.loading":"common.update")}),(0,s.jsx)("img",{src:"/img/icon/reload.svg",className:"".concat(p&&"loading"),alt:"loading"})]})]}),(0,s.jsxs)("div",{className:"note",children:[e("ranking.txt2"),(0,s.jsx)("br",{}),(0,s.jsx)("span",{children:e("ranking.txt3")}),(0,s.jsx)("br",{}),(0,s.jsx)("span",{children:e("ranking.txt4")}),(0,s.jsx)("br",{}),(0,s.jsx)("span",{children:e("ranking.txt5")})]}),(0,s.jsxs)("div",{className:"ranking-table-wrapper",children:[(0,s.jsx)(m,{title:n,items:null==d?void 0:d.slice(0,300),start:1,loading:x}),(0,s.jsx)(m,{title:a,items:null==d?void 0:d.slice(300,1e3),start:301,loading:x})]})]})})})}let x=()=>(0,s.jsx)(a.Z,{children:(0,s.jsx)(j,{})});var u=x},36934:function(){}},function(e){e.O(0,[7039,794,1312,8917,7048,9774,2888,179],function(){return e(e.s=32757)}),_N_E=e.O()}]);