https://cybershoke.net/assets/LeaguePicks-DuNcZXHE.js

1import{j as e}from"./vendor-react-BGN68_Lp.js";import{B as f}from"./BoostButton.styles-Bh3jF7vJ.js";import{u as j}from"./vendor-redux-D8sX5Eqv.js";import{g as s}from"./vendor-styled-pkIKgjgv.js";import{g as d}from"./index-uear5Vpj.js";import{u}from"./vendor-i18n-BWleq_Sd.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";const b=s.div`
2    border-radius: 32px;
3    /* background: #171c2a; */
4    box-shadow: 0px 4px 134px 0px rgba(0, 0, 0, 0.37);
5    background: linear-gradient(
6            0deg,
7            #171c2a 71.09%,
8            rgba(19, 24, 33, 0) 129.73%
9        ),
10        url(${d("/pages/other/modals/pickem/friends.png")})
11            no-repeat center/cover,
12        #171c2a;
13    width: 825px;
14    max-width: 95%;
15    overflow: hidden;
16
17    @media (max-width: 768px) {
18        border-radius: 16px;
19    }
20`,v=s.div`
21    padding: 48px 32px 0 32px;
22    display: flex;
23    flex-direction: column;
24    gap: 32px;
25
26    @media (max-width: 768px) {
27        padding: 24px;
28    }
29`,y=s.a`
30    width: 100%;
31    background: linear-gradient(180deg, #1c2334 0%, #1f2739 100%);
32    height: 64px;
33    padding: 0 32px;
34    display: flex;
35    align-items: center;
36    justify-content: center;
37    gap: 8px;
38    color: #b1bfd7;
39    font-size: 12px;
40    transition: all 0.2s ease;
41
42    img {
43        width: 22px;
44        opacity: 0.7;
45        height: 18px;
46    }
47
48    &:hover {
49        filter: brightness(115%);
50    }
51`,w=s.div`
52    display: grid;
53    grid-template-columns: 1fr 1fr 1fr;
54    padding: 0 66px;
55
56    @media (max-width: 768px) {
57        padding: 30px 0 0 0;
58    }
59`,o=s.div`
60    display: flex;
61    align-items: center;
62    gap: 24px;
63    font-size: 16px;
64    font-weight: 700;
65    text-transform: uppercase;
66
67    &:first-child {
68        justify-content: flex-end;
69    }
70
71    img {
72        max-width: 64px;
73        max-height: 64px;
74    }
75
76    @media (max-width: 768px) {
77        font-size: 14px;
78        gap: 12px;
79
80        img {
81            max-width: 32px;
82            max-height: 32px;
83        }
84    }
85`,_=s.div`
86    font-size: 36px;
87    font-weight: 700;
88    display: flex;
89    justify-content: center;
90    align-items: center;
91`,k=s.div`
92    padding-bottom: 32px;
93    max-height: 275px;
94    overflow-y: auto;
95
96    @media (min-width: 768px) {
97        width: calc(100% + 12px);
98        padding-right: 12px;
99    }
100`,l=s.div`
101    display: grid;
102    grid-template-columns: 0.7fr 1fr 1fr 1fr 1fr 1fr 1fr;
103    min-width: 500px;
104
105    div {
106        font-size: 14px;
107        font-weight: 500;
108        color: #e1e9fd;
109        display: flex;
110        align-items: center;
111        justify-content: center;
112    }
113`,z=s(l)`
114    padding: 12px 0;
115    border-radius: 6px;
116    background: rgba(28, 35, 52, 0.5);
117
118    div {
119        color: #7a8697;
120    }
121`,C=s(l)`
122    height: 48px;
123
124    &:nth-child(odd) {
125        border-radius: 6px;
126        background: rgba(28, 35, 52, 0.5);
127    }
128
129    .filled path {
130        fill: #ebb667;
131    }
132`,T=s.img`
133    width: 30px;
134`,P=s.img`
135    width: 24px;
136    height: 24px;
137    border-radius: 50%;
138`,S={0:"1:0",1:"2:0",2:"2:1",3:"2:1",4:"2:0",5:"1:0",6:"3:0",7:"3:1",8:"3:2",9:"3:0",10:"3:1",11:"3:2"},A=()=>{const{t:a}=u(),{list:c,gameData:i}=j(t=>t.modals.data.LEAGUE_PICKS),x=`${i?.score?.[1]??"-"} : ${i?.score?.[2]??"-"}`;if(!i)return null;const p=t=>{if(t===i.team_1.id)return i.team_1.assets.logo;if(t===i.team_2.id)return i.team_2.assets.logo},m=t=>{for(const r of[1,2]){const n=i[`team_${r}`].players.find(h=>h.steamid64==t);if(n)return n.name}},g=t=>i.team_win?t==i.team_win?"#64DF3E":"#D94141":"#e1e9fd";return e.jsxs(b,{children:[e.jsxs(v,{children:[e.jsxs(w,{children:[e.jsxs(o,{children:[i.team_1.name,e.jsx("img",{loading:"lazy",src:i.team_1.assets.logo,alt:""})]}),e.jsx(_,{children:x}),e.jsxs(o,{children:[e.jsx("img",{loading:"lazy",src:i.team_2.assets.logo,alt:""}),i.team_2.name]})]}),e.jsxs(k,{className:"grey-scroll",children:[e.jsxs(z,{children:[e.jsx("div",{}),e.jsx("div",{style:{justifyContent:"flex-start"},children:a("Player")}),e.jsx("div",{children:a("achievementTitle37")}),e.jsx("div",{children:a("score")}),e.jsx("div",{children:a("moreKills")}),e.jsx("div",{children:a("booster")}),e.jsx("div",{children:a("Points")})]}),c.sort((t,r)=>r.points-t.points).map(t=>e.jsxs(C,{children:[e.jsx("div",{children:e.jsx(P,{src:t.avatar,alt:""})}),e.jsx("div",{style:{justifyContent:"flex-start"},className:"limited-length",children:t.name}),e.jsx("div",{children:e.jsx(T,{src:p(t.data_object.id_team_win),alt:""})}),e.jsx("div",{style:{color:g(t.data_object.id_team_win)},children:S[t.data_object.team_win_score]||"—"}),e.jsx("div",{children:m(t.data_object.player_more_kills)||"—"}),e.jsx("div",{children:e.jsx(f,{style:{height:22}

138,className:t.data_object.boost&&"filled",amount:i.boost})}),t.points>0?e.jsxs("div",{style:{color:"rgb(96, 128, 255)"},children:["+",t.points]}):e.jsx("div",{style:{color:"#e1e9fd"},children:"—"})]}))]})]}),e.jsxs(y,{href:i.link,target:"_blank",children:[e.jsx("img",{loading:"lazy",src:d("/pages/leaderboard/icons/link.svg"),alt:""}),a("openGameHltv")]})]})};export{A as default};