heroes-of-chess-components 0.6.37 → 0.6.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -118,18 +118,19 @@ const HRaceTable: React.FC<HRaceTableProps> = ({ data, points }) => {
|
|
|
118
118
|
align="center"
|
|
119
119
|
gap="15px"
|
|
120
120
|
>
|
|
121
|
-
<
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
121
|
+
<div style={{ maxWidth: "1200px", width: "100%" }}>
|
|
122
|
+
<HBox
|
|
123
|
+
borderRadius="23px"
|
|
124
|
+
width="100%"
|
|
125
|
+
direction="column"
|
|
126
|
+
background={"purpleLight"}
|
|
127
|
+
overflowY="auto"
|
|
128
|
+
justify="flex-start"
|
|
129
|
+
align="flex-start"
|
|
130
|
+
padding="25px 10px 10px 10px"
|
|
131
|
+
margin="0 0px 10px 0"
|
|
132
|
+
gap="0"
|
|
133
|
+
>
|
|
133
134
|
{data?.map((point, index) => (
|
|
134
135
|
<HBox
|
|
135
136
|
borderRadius="23px"
|
|
@@ -168,8 +169,12 @@ const HRaceTable: React.FC<HRaceTableProps> = ({ data, points }) => {
|
|
|
168
169
|
width="88%"
|
|
169
170
|
height="60px"
|
|
170
171
|
>
|
|
172
|
+
<CharacterImage
|
|
173
|
+
src={setCharacterPicture(getPlayerProfileInfo(point) || {}).picture}
|
|
174
|
+
style={{ width: "50px", height: "50px" }}
|
|
175
|
+
/>
|
|
171
176
|
<HTitle
|
|
172
|
-
padding={"1em"}
|
|
177
|
+
padding={"0 1em"}
|
|
173
178
|
text={getPlayerName(point)}
|
|
174
179
|
color={"purpleMedium"}
|
|
175
180
|
margin="0"
|
|
@@ -180,14 +185,14 @@ const HRaceTable: React.FC<HRaceTableProps> = ({ data, points }) => {
|
|
|
180
185
|
textAlign={"left"}
|
|
181
186
|
/>
|
|
182
187
|
<HCoinLabel
|
|
183
|
-
width={"
|
|
188
|
+
width={"250px"}
|
|
184
189
|
value={knowCoinsAndDiamonds({
|
|
185
190
|
coins: true,
|
|
186
191
|
id: getPlayerId(point),
|
|
187
192
|
})}
|
|
188
193
|
/>
|
|
189
194
|
<HCoinLabel
|
|
190
|
-
width={"
|
|
195
|
+
width={"250px"}
|
|
191
196
|
value={knowCoinsAndDiamonds({
|
|
192
197
|
diamonds: true,
|
|
193
198
|
id: getPlayerId(point),
|
|
@@ -207,7 +212,8 @@ const HRaceTable: React.FC<HRaceTableProps> = ({ data, points }) => {
|
|
|
207
212
|
</HBox>
|
|
208
213
|
</HBox>
|
|
209
214
|
))}
|
|
210
|
-
|
|
215
|
+
</HBox>
|
|
216
|
+
</div>
|
|
211
217
|
{/* PODIO */}
|
|
212
218
|
<div style={{ alignSelf: isMobile ? "center" : "flex-start", marginTop: "50px", width: "40%" }}>
|
|
213
219
|
<HBox
|