From 94903146c43ba8388f74f158d9d9a0b59b34cd20 Mon Sep 17 00:00:00 2001
From: alekswilc <aleks@alekswilc.dev>
Date: Sun, 27 Apr 2025 00:28:31 +0200
Subject: [PATCH] fix(frontend): profile sorting
---
.../frontend/src/components/pages/profiles/Profile.tsx | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/packages/frontend/src/components/pages/profiles/Profile.tsx b/packages/frontend/src/components/pages/profiles/Profile.tsx
index d5864d5..ae80f81 100644
--- a/packages/frontend/src/components/pages/profiles/Profile.tsx
+++ b/packages/frontend/src/components/pages/profiles/Profile.tsx
@@ -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'];
}
- 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 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 { t } = useTranslation();
@@ -166,7 +166,7 @@ export const ProfileCard = ({ data, images }: { data: TProfileData, images: TIma
</p></a>
</div>
<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];
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>
</div>
<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];
return <TrainStat trainName={trainName} time={train.time} distance={train.distance} score={train.score} image={images.trains[trainName]} />
})}