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]} />
                     })}