From ce0763f03de5d7a580ac450fc4b09b2fbba35973 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 30 Sep 2025 21:18:52 +0300
Subject: [PATCH] feat(website): reorder platforms to always get the
 recommended one in center

---
 apps/website/src/pages/GetStarted/get-started.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/apps/website/src/pages/GetStarted/get-started.tsx b/apps/website/src/pages/GetStarted/get-started.tsx
index 39027c55d..f458c9e4d 100644
--- a/apps/website/src/pages/GetStarted/get-started.tsx
+++ b/apps/website/src/pages/GetStarted/get-started.tsx
@@ -38,7 +38,8 @@ export default function DownloadPage() {
                 </div>
 
                 <div className="grid-3-cols download-desktop">
-                    {Object.entries(downloadMatrix.desktop).map(entry => (
+                    {reorderPlatforms(Object.entries(downloadMatrix.desktop), userPlatform ?? "")
+                        .map(entry => (
                         <DownloadCard app="desktop" arch={currentArch} entry={entry} isRecommended={userPlatform === entry[0]} />
                     ))}
                 </div>
@@ -126,3 +127,13 @@ export function DownloadCard({ app, arch, entry: [ platform, entry ], isRecommen
         </Card>
     )
 }
+
+function reorderPlatforms(entries: [string, DownloadMatrixEntry][], platformToCenter: Platform | "") {
+    const entryToCenter = entries.find(x => x[0] === platformToCenter);
+    if (!entryToCenter) return entries;
+
+    const others = entries.filter(x => x !== entryToCenter);
+    const mid = Math.floor(others.length / 2);
+    others.splice(mid, 0, entryToCenter);
+    return others;
+}