simrail/simrail.pro
3
1
Fork 2
Code Issues 3 Pull Requests Actions Packages Projects Releases 33 Wiki Activity

fix(frontend): profile sorting

Browse Source
This commit is contained in:
Aleksander Wilczyński 2025-04-27 00:28:31 +02:00
parent fb806b0991
commit 94903146c4
Signed by: alekswilc
GPG Key ID: D4464A248E5F27FE
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/frontend/src/components/pages/profiles/Profile.tsx
View File

@ -95,10 +95,10 @@ export const ProfileCard = ({ data, images }: { data: TProfileData, images: TIma
return data.player.trainStats[b][(sortTrainsByList[sortTrainsBy] ?? 'distance') as 'distance'] - data.player.trainStats[a][(sortTrainsByList[sortTrainsBy] ?? 'distance') as 'distance']; return data.player.trainStats[b][(sortTrainsByList[sortTrainsBy] ?? 'distance') as 'distance'] - data.player.trainStats[a][(sortTrainsByList[sortTrainsBy] ?? 'distance') as 'distance'];
} }
const dispatcherStats = [...chunk(Object.keys(data.player.dispatcherStats), 8)]; const dispatcherStats = [...chunk(Object.keys(data.player.dispatcherStats).sort(sortStations), 8)];
const [dispatcherPage, setDispatcherPage] = useState(1); const [dispatcherPage, setDispatcherPage] = useState(1);
const trainStats = [...chunk(Object.keys(data.player.trainStats), 8)]; const trainStats = [...chunk(Object.keys(data.player.trainStats).sort(sortTrains), 8)];
const [trainPage, setTrainPage] = useState(1); const [trainPage, setTrainPage] = useState(1);
const { t } = useTranslation(); const { t } = useTranslation();
@ -166,7 +166,7 @@ export const ProfileCard = ({ data, images }: { data: TProfileData, images: TIma
</p></a> </p></a>
</div> </div>
<div className="grid grid-cols-1 gap-7.5 sm:grid-cols-3 xl:grid-cols-4 pt-4"> <div className="grid grid-cols-1 gap-7.5 sm:grid-cols-3 xl:grid-cols-4 pt-4">
{dispatcherStats[dispatcherPage - 1].sort(sortStations).map(stationName => { {dispatcherStats[dispatcherPage - 1].map(stationName => {
const station = data.player.dispatcherStats[stationName]; const station = data.player.dispatcherStats[stationName];
return <StationStat stationName={stationName} time={station.time} image={images.stations[stationName]} /> return <StationStat stationName={stationName} time={station.time} image={images.stations[stationName]} />
@ -192,7 +192,7 @@ export const ProfileCard = ({ data, images }: { data: TProfileData, images: TIma
</p></a> </p></a>
</div> </div>
<div className="grid grid-cols-1 gap-7.5 sm:grid-cols-3 xl:grid-cols-4 pt-4"> <div className="grid grid-cols-1 gap-7.5 sm:grid-cols-3 xl:grid-cols-4 pt-4">
{trainStats[trainPage - 1].sort(sortTrains).map(trainName => { {trainStats[trainPage - 1].map(trainName => {
const train = data.player.trainStats[trainName]; const train = data.player.trainStats[trainName];
return <TrainStat trainName={trainName} time={train.time} distance={train.distance} score={train.score} image={images.trains[trainName]} /> return <TrainStat trainName={trainName} time={train.time} distance={train.distance} score={train.score} image={images.trains[trainName]} />
})} })}