feat(website/i18n): translate support us

This commit is contained in:
Elian Doran
2025-10-13 19:03:56 +03:00
parent d20ebd6b2d
commit b129349236
6 changed files with 63 additions and 15 deletions

View File

@@ -12,7 +12,8 @@
"i18next-http-backend": "3.0.2",
"preact": "10.27.2",
"preact-iso": "2.11.0",
"preact-render-to-string": "6.6.2"
"preact-render-to-string": "6.6.2",
"react-i18next": "16.0.0"
},
"devDependencies": {
"@preact/preset-vite": "2.10.2",

View File

@@ -124,9 +124,19 @@
},
"support_us": {
"title": "Support us",
"financial_donations_title": "Financial donations",
"financial_donations_description": "Trilium is built and maintained with <Link>hundreds of hours of work</Link>. Your support keeps it open-source, improves features, and covers costs such as hosting.",
"financial_donations_cta": "Consider supporting the main developer (<Link>eliandoran</Link>) of the application via:",
"github_sponsors": "GitHub Sponsors",
"paypal": "PayPal",
"buy_me_a_coffee": "Buy Me A Coffee",
"other_ways_to_contribute": "Other ways to contribute"
"buy_me_a_coffee": "Buy Me A Coffee"
},
"contribute": {
"title": "Other ways to contribute",
"way_translate": "Translate the application into your native language via <Link>Weblate</Link>.",
"way_community": "Interact with the community on <Discussions>GitHub Discussions</Discussions> or on <Matrix>Matrix</Matrix>.",
"way_reports": "Report bugs via <Link>GitHub issues</Link>.",
"way_document": "Improve the documentation by informing us on gaps in the documentation or contributing guides, FAQs or tutorials.",
"way_market": "Spread the word: Share Trilium Notes with friends, or on blogs and social media."
}
}

View File

@@ -6,7 +6,7 @@ interface LinkProps {
className?: string;
href?: string;
openExternally?: boolean;
children: ComponentChildren;
children?: ComponentChildren;
title?: string;
onClick?: (e: MouseEvent) => void;
}

View File

@@ -1,7 +1,11 @@
import { default as i18next } from "i18next";
import HttpApi from 'i18next-http-backend';
import { initReactI18next } from "react-i18next";
i18next
.use(HttpApi)
.use(initReactI18next);
i18next.use(HttpApi)
await i18next.init({
debug: true,
lng: "en",

View File

@@ -7,6 +7,7 @@ import Button, { Link } from "../../components/Button.js";
import Card from "../../components/Card.js";
import { usePageTitle } from "../../hooks.js";
import { t } from "../../i18n.js";
import { Trans } from "react-i18next";
export default function Donate() {
usePageTitle(t("support_us.title"));
@@ -15,13 +16,20 @@ export default function Donate() {
<>
<Section title={t("support_us.title")} className="donate fill">
<div class="grid-2-cols">
<Card title="Financial donations">
<Card title={t("support_us.financial_donations_title")}>
<p>
Trilium is built and maintained with <Link href="https://github.com/TriliumNext/Trilium/graphs/commit-activity" openExternally>hundreds of hours of work</Link>.
Your support keeps it open-source, improves features, and covers costs such as hosting.
<Trans
i18nKey="support_us.financial_donations_description"
components={{ Link: <Link href="https://github.com/TriliumNext/Trilium/graphs/commit-activity" openExternally /> }}
/>
</p>
<p>Consider supporting the main developer (<Link href="https://github.com/eliandoran" openExternally>eliandoran</Link>) of the application via:</p>
<p>
<Trans
i18nKey="support_us.financial_donations_cta"
components={{ Link: <Link href="https://github.com/eliandoran" openExternally /> }}
/>
</p>
<ul class="donate-buttons">
<li>
@@ -55,13 +63,27 @@ export default function Donate() {
</ul>
</Card>
<Card title={t("support_us.other_ways_to_contribute")}>
<Card title={t("contribute.title")}>
<ul>
<li>Translate the application into your native language via <Link href="https://hosted.weblate.org/engage/trilium/" openExternally>Weblate</Link>.</li>
<li>Interact with the community on <Link href="https://github.com/orgs/TriliumNext/discussions" openExternally>GitHub Discussions</Link> or on <Link href="https://matrix.to/#/#triliumnext:matrix.org" openExternally>Matrix</Link>.</li>
<li>Report bugs via <Link href="https://github.com/TriliumNext/Trilium/issues" openExternally>GitHub issues</Link>.</li>
<li>Improve the documentation by informing us on gaps in the documentation or contributing guides, FAQs or tutorials.</li>
<li>Spread the word: Share Trilium Notes with friends, or on blogs and social media.</li>
<li>
<Trans i18nKey="contribute.way_translate"
components={{ Link: <Link href="https://hosted.weblate.org/engage/trilium/" openExternally /> }} />
</li>
<li>
<Trans i18nKey="contribute.way_community"
components={{
Discussions: <Link href="https://github.com/orgs/TriliumNext/discussions" openExternally />,
Matrix: <Link href="https://matrix.to/#/#triliumnext:matrix.org" openExternally />
}}
/>
</li>
<li>
<Trans i18nKey="contribute.way_reports"
components={{ Link: <Link href="https://github.com/TriliumNext/Trilium/issues" openExternally /> }}
/>
</li>
<li><Trans i18nKey="contribute.way_document" /></li>
<li><Trans i18nKey="contribute.way_market" /></li>
</ul>
</Card>
</div>