Refactor StopGallery and StopGalleryItem components for improved layout and item display; update StopList to switch recent and favourite stops display order.

1 files changed, 5 insertions, 5 deletions

diff --git a/src/frontend/app/routes/stoplist.tsx b/src/frontend/app/routes/stoplist.tsx
index fe6d2f1..a98b2b4 100644
--- a/src/frontend/app/routes/stoplist.tsx
+++ b/src/frontend/app/routes/stoplist.tsx
@@ -279,16 +279,16 @@ export default function StopList() {
 
       {!loading && (
         <StopGallery
-          stops={recentStops.slice(0, 5)}
-          title={t("stoplist.recents")}
+          stops={favouriteStops.sort((a, b) => a.stopId - b.stopId)}
+          title={t("stoplist.favourites")}
+          emptyMessage={t("stoplist.no_favourites")}
         />
       )}
 
       {!loading && (
         <StopGallery
-          stops={favouriteStops.sort((a, b) => a.stopId - b.stopId)}
-          title={t("stoplist.favourites")}
-          emptyMessage={t("stoplist.no_favourites")}
+          stops={recentStops.slice(0, 5)}
+          title={t("stoplist.recents")}
         />
       )}