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
+29 -31
+29 -31
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,34 +1032,30 @@ 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={{ objectFit: 'contain' }}
style={{ width={32}
objectFit: 'contain', height={32}
}} src={toLatestURL(
width={32} reward.type === 'stuff'
height={32} ? reward.stuff.image_url
src={ : reward.vehicle.image_url,
reward.type === 'stuff' )}
? reward.stuff.image_url alt={toLatestURL(
: reward.vehicle.image_url reward.type === 'stuff'
} ? reward.stuff.title
alt={ : reward.vehicle.user_string,
reward.type === 'stuff' )}
? reward.stuff.title />
: reward.vehicle.user_string <Text style={{ whiteSpace: 'nowrap' }} color="gray">
} {reward.count === 1 ? '' : `x ${reward.count}`}
/> </Text>
<Text style={{ whiteSpace: 'nowrap' }} color="gray"> </Flex>
{reward.count === 1 ? '' : `x ${reward.count}`} ) : null}
</Text> </Table.Cell>
</Flex>
) : null}
</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)}%`