feat: use latest url for cached rating images

This commit is contained in:
TrèsAbhi committed 2024-08-28 18:12:20 -05:00
1 parent 0bba768fbf
commit 86e369af19
1 file changed
+11 -13
+11 -13
View File
@@ -74,6 +74,10 @@ const useScoreCache = create<ScoreCache>(() => ({
eu: {}, eu: {},
})); }));
function toLatestURL(url: string) {
return url.replace(/(\d+\.)+\d+/, 'latest');
}
export default function Page() { export default function Page() {
const [region, setRegion] = useState<Region>('com'); const [region, setRegion] = useState<Region>('com');
const [season, setSeason] = useState<number>(0); const [season, setSeason] = useState<number>(0);
@@ -958,9 +962,7 @@ export default function Page() {
<Table.Row> <Table.Row>
<Table.ColumnHeaderCell width="0">Position</Table.ColumnHeaderCell> <Table.ColumnHeaderCell width="0">Position</Table.ColumnHeaderCell>
<Table.ColumnHeaderCell>Player</Table.ColumnHeaderCell> <Table.ColumnHeaderCell>Player</Table.ColumnHeaderCell>
{season === 0 && (
<Table.ColumnHeaderCell width="0">Reward</Table.ColumnHeaderCell> <Table.ColumnHeaderCell width="0">Reward</Table.ColumnHeaderCell>
)}
<Table.ColumnHeaderCell width="0"> <Table.ColumnHeaderCell width="0">
Percentile Percentile
</Table.ColumnHeaderCell> </Table.ColumnHeaderCell>
@@ -1030,26 +1032,23 @@ export default function Page() {
)} )}
</Flex> </Flex>
</Table.Cell> </Table.Cell>
{season === 0 && (
<Table.Cell align="center" justify="center"> <Table.Cell align="center" justify="center">
{reward ? ( {reward ? (
<Flex align="center" justify="center" gap="1"> <Flex align="center" justify="center" gap="1">
<img <img
style={{ style={{ objectFit: 'contain' }}
objectFit: 'contain',
}}
width={32} width={32}
height={32} height={32}
src={ src={toLatestURL(
reward.type === 'stuff' reward.type === 'stuff'
? reward.stuff.image_url ? reward.stuff.image_url
: reward.vehicle.image_url : reward.vehicle.image_url,
} )}
alt={ alt={toLatestURL(
reward.type === 'stuff' reward.type === 'stuff'
? reward.stuff.title ? reward.stuff.title
: reward.vehicle.user_string : reward.vehicle.user_string,
} )}
/> />
<Text style={{ whiteSpace: 'nowrap' }} color="gray"> <Text style={{ whiteSpace: 'nowrap' }} color="gray">
{reward.count === 1 ? '' : `x ${reward.count}`} {reward.count === 1 ? '' : `x ${reward.count}`}
@@ -1057,7 +1056,6 @@ export default function Page() {
</Flex> </Flex>
) : null} ) : null}
</Table.Cell> </Table.Cell>
)}
<Table.Cell align="right" justify="center"> <Table.Cell align="right" justify="center">
{totalPlayers ? ( {totalPlayers ? (
`${Math.ceil(((index + 1) / totalPlayers) * 100)}%` `${Math.ceil(((index + 1) / totalPlayers) * 100)}%`