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
2 changed files with 34 additions and 13 deletions

View File

@@ -14,6 +14,9 @@ export default function DownloadButton({ big }: DownloadButtonProps) {
useEffect(() => setRecommendedDownload(getRecommendedDownload()), []); useEffect(() => setRecommendedDownload(getRecommendedDownload()), []);
return (recommendedDownload && return (recommendedDownload &&
<>
{recommendedDownload.platform !== "linux"
? (
<Button <Button
className={`download-button desktop-only ${big ? "big" : ""}`} className={`download-button desktop-only ${big ? "big" : ""}`}
href={recommendedDownload.url} href={recommendedDownload.url}
@@ -26,5 +29,24 @@ export default function DownloadButton({ big }: DownloadButtonProps) {
} }
</>} </>}
/> />
) : (
<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"> <div className="download-wrapper">
<DownloadButton big /> <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" /> <Button href="./get-started/" className="mobile-only" text="Get started" />
<div className="additional-options"> <div className="additional-options">
<Button iconSvg={gitHubIcon} outline text="GitHub" href="https://github.com/TriliumNext/Trilium/" openExternally /> <Button iconSvg={gitHubIcon} outline text="GitHub" href="https://github.com/TriliumNext/Trilium/" openExternally />