feat(website): different download behaviour for Linux

This commit is contained in:
Elian Doran 2025-09-30 19:45:56 +03:00
parent 46d2d7e160
commit bf04e5a15b
No known key found for this signature in database
2 changed files with 34 additions and 13 deletions

View File

@ -14,17 +14,39 @@ export default function DownloadButton({ big }: DownloadButtonProps) {
useEffect(() => setRecommendedDownload(getRecommendedDownload()), []);
return (recommendedDownload &&
<Button
className={`download-button desktop-only ${big ? "big" : ""}`}
href={recommendedDownload.url}
iconSvg={downloadIcon}
text={<>
Download now{" "}
{big
? <span class="platform">v{packageJson.version} for {recommendedDownload.name}</span>
: <span class="platform">for {recommendedDownload.name}</span>
}
</>}
/>
<>
{recommendedDownload.platform !== "linux"
? (
<Button
className={`download-button desktop-only ${big ? "big" : ""}`}
href={recommendedDownload.url}
iconSvg={downloadIcon}
text={<>
Download now{" "}
{big
? <span class="platform">v{packageJson.version} for {recommendedDownload.name}</span>
: <span class="platform">for {recommendedDownload.name}</span>
}
</>}
/>
) : (
<Button
className={`download-button desktop-only ${big ? "big" : ""}`}
href="/get-started/"
iconSvg={downloadIcon}
text={<>
Download now{" "}
{big
? <span class="platform">v{packageJson.version} for Linux</span>
: <span class="platform">for Linux</span>
}
</>}
/>
)}
{big && (
<a class="more-download-options desktop-only" href="./get-started/">More platforms & server setup</a>
)}
</>
)
}

View File

@ -77,7 +77,6 @@ function HeroSection() {
<div className="download-wrapper">
<DownloadButton big />
<a class="more-download-options desktop-only" href="./get-started/">More platforms & server setup</a>
<Button href="./get-started/" className="mobile-only" text="Get started" />
<div className="additional-options">
<Button iconSvg={gitHubIcon} outline text="GitHub" href="https://github.com/TriliumNext/Trilium/" openExternally />