Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-06 21:36:05 +01:00
Code Issues Packages Projects Releases Activity

feat(website): improve download button with icon and platform title

Browse Source
This commit is contained in:
Elian Doran
2025-09-27 12:41:33 +03:00
parent 65dae511e5
commit 7a73af0299
6 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/website/src/components/DownloadButton.tsx
View File

@@ -1,17 +1,24 @@
import { getRecommendedDownload } from "../download-helper";
import "./DownloadButton.css";
import Button from "./Button";
import downloadIcon from "../assets/boxicons/bx-arrow-in-down-square-half.svg?raw";
interface DownloadButtonProps {
big?: boolean;
}
const { architecture, platform, url } = getRecommendedDownload();
const { name, url } = getRecommendedDownload();
export default function DownloadButton({ big }: DownloadButtonProps) {
return (
<a className={`download-button ${big ? "big" : ""}`} href={url}>
Download now{" "}
<span class="platform">{platform} {architecture}</span>
</a>
<Button
className={`download-button ${big ? "big" : ""}`}
href={url}
iconSvg={downloadIcon}
text={<>
Download now{" "}
<span class="platform">for {name}</span>
</>}
/>
)
}