Instructions

This commit is contained in:
Isra 2024-01-09 21:14:03 -06:00
parent 755be9dd99
commit caa82e15a3
2 changed files with 10 additions and 5 deletions

View File

@ -393,14 +393,14 @@
}, },
"connections": { "connections": {
"server": { "server": {
"description": "If you would like to connect to a custom backend to store your data, enable this and provide the URL.", "description": "If you would like to connect to a custom backend to store your data, enable this and provide the URL. <0>Instructions.</0>",
"label": "Custom server", "label": "Custom server",
"urlLabel": "Custom server URL" "urlLabel": "Custom server URL"
}, },
"title": "Connections", "title": "Connections",
"workers": { "workers": {
"addButton": "Add new worker", "addButton": "Add new worker",
"description": "To make the application function, all traffic is routed through proxies. Enable this if you want to bring your own workers.", "description": "To make the application function, all traffic is routed through proxies. Enable this if you want to bring your own workers. <0>Instructions.</0>",
"emptyState": "No workers yet, add one below", "emptyState": "No workers yet, add one below",
"label": "Use custom proxy workers", "label": "Use custom proxy workers",
"urlLabel": "Worker URLs", "urlLabel": "Worker URLs",

View File

@ -1,10 +1,11 @@
import { Dispatch, SetStateAction, useCallback } from "react"; import { Dispatch, SetStateAction, useCallback } from "react";
import { useTranslation } from "react-i18next"; import { Trans, useTranslation } from "react-i18next";
import { Button } from "@/components/buttons/Button"; import { Button } from "@/components/buttons/Button";
import { Toggle } from "@/components/buttons/Toggle"; import { Toggle } from "@/components/buttons/Toggle";
import { Icon, Icons } from "@/components/Icon"; import { Icon, Icons } from "@/components/Icon";
import { SettingsCard } from "@/components/layout/SettingsCard"; import { SettingsCard } from "@/components/layout/SettingsCard";
import { MwLink } from "@/components/text/Link";
import { AuthInputBox } from "@/components/text-inputs/AuthInputBox"; import { AuthInputBox } from "@/components/text-inputs/AuthInputBox";
import { Divider } from "@/components/utils/Divider"; import { Divider } from "@/components/utils/Divider";
import { Heading1 } from "@/components/utils/Text"; import { Heading1 } from "@/components/utils/Text";
@ -52,7 +53,9 @@ function ProxyEdit({ proxyUrls, setProxyUrls }: ProxyEditProps) {
{t("settings.connections.workers.label")} {t("settings.connections.workers.label")}
</p> </p>
<p className="max-w-[20rem] font-medium"> <p className="max-w-[20rem] font-medium">
{t("settings.connections.workers.description")} <Trans i18nKey="settings.connections.workers.description">
<MwLink to="https://google.com">Google</MwLink>
</Trans>
</p> </p>
</div> </div>
<div> <div>
@ -118,7 +121,9 @@ function BackendEdit({ backendUrl, setBackendUrl }: BackendEditProps) {
{t("settings.connections.server.label")} {t("settings.connections.server.label")}
</p> </p>
<p className="max-w-[20rem] font-medium"> <p className="max-w-[20rem] font-medium">
{t("settings.connections.server.description")} <Trans i18nKey="settings.connections.server.description">
<MwLink to="https://google.com">Google</MwLink>
</Trans>
</p> </p>
</div> </div>
<div> <div>