diff --git a/apps/website/public/translations/en/translation.json b/apps/website/public/translations/en/translation.json index 73122853c..616919e1c 100644 --- a/apps/website/public/translations/en/translation.json +++ b/apps/website/public/translations/en/translation.json @@ -103,5 +103,13 @@ "components": { "link_learn_more": "Learn more...", "list_with_screenshot_alt": "Screenshot of the feature being selected" + }, + "download_now": { + "text": "Download now ", + "platform_big": "v{{version}} for {{platform}}", + "platform_small": "for {{platform}}", + "linux_big": "v{{version}} for Linux", + "linux_small": "for Linux", + "more_platforms": "More platforms & server setup" } } diff --git a/apps/website/src/components/DownloadButton.tsx b/apps/website/src/components/DownloadButton.tsx index 815f4cad8..119b0315e 100644 --- a/apps/website/src/components/DownloadButton.tsx +++ b/apps/website/src/components/DownloadButton.tsx @@ -4,6 +4,7 @@ import Button from "./Button.js"; import downloadIcon from "../assets/boxicons/bx-arrow-in-down-square-half.svg?raw"; import packageJson from "../../../../package.json" with { type: "json" }; import { useEffect, useState } from "preact/hooks"; +import { t } from "../i18n.js"; interface DownloadButtonProps { big?: boolean; @@ -24,10 +25,10 @@ export default function DownloadButton({ big }: DownloadButtonProps) { href={recommendedDownload.url} iconSvg={downloadIcon} text={<> - Download now{" "} + {t("download_now.text")} {big - ? v{packageJson.version} for {recommendedDownload.name} - : for {recommendedDownload.name} + ? {t("download_now.platform_big", { version: packageJson.version, platform: recommendedDownload.name })} + : {t("download_now.platform_small", { platform: recommendedDownload.name })} } } /> @@ -37,17 +38,17 @@ export default function DownloadButton({ big }: DownloadButtonProps) { href="/get-started/" iconSvg={downloadIcon} text={<> - Download now{" "} + {t("download_now.text")} {big - ? v{packageJson.version} for Linux - : for Linux + ? {t("download_now.linux_big")} + : {t("download_now.linux_small")} } } /> )} {big && ( - More platforms & server setup + {t("download_now.more_platforms")} )} )