gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-19 22:58:52 +02:00
Code Issues Actions 119 Packages Projects Releases Wiki Activity

feat(website): reorder platforms to always get the recommended one in center

Browse Source
This commit is contained in:
Elian Doran 2025-09-30 21:18:52 +03:00
parent e860b7aa32
commit ce0763f03d
No known key found for this signature in database
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/website/src/pages/GetStarted/get-started.tsx
View File

@ -38,7 +38,8 @@ export default function DownloadPage() {
</div> </div>
<div className="grid-3-cols download-desktop"> <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]} /> <DownloadCard app="desktop" arch={currentArch} entry={entry} isRecommended={userPlatform === entry[0]} />
))} ))}
</div> </div>
@ -126,3 +127,13 @@ export function DownloadCard({ app, arch, entry: [ platform, entry ], isRecommen
</Card> </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;
}