diff --git a/public/i18n/en.json b/public/i18n/en.json index 1f2ba882..d638fe3a 100644 --- a/public/i18n/en.json +++ b/public/i18n/en.json @@ -760,6 +760,12 @@ } }, "setup": { + "initial": { + "welcome": "Welcome to the Mutiny!", + "new_wallet": "New Wallet", + "import_existing": "Import Existing", + "reporting": "Allow anonymous error reporting to help us improve the app. You can opt out at any time." + }, "new_profile": { "description": "Mutiny makes payments social.", "title": "Create your profile" diff --git a/src/routes/setup/Root.tsx b/src/routes/setup/Root.tsx index 3b3a9b96..e8becf94 100644 --- a/src/routes/setup/Root.tsx +++ b/src/routes/setup/Root.tsx @@ -3,10 +3,12 @@ import { createEffect, createSignal } from "solid-js"; import logo from "~/assets/mutiny-pixel-logo.png"; import { Button, DefaultMain, NiceP } from "~/components"; +import { useI18n } from "~/i18n/context"; import { useMegaStore } from "~/state/megaStore"; export function Setup() { const [_state, actions] = useMegaStore(); + const i18n = useI18n(); const [isCreatingNewWallet, setIsCreatingNewWallet] = createSignal(false); const [isDiagnosticReportingEnabled, setIsDiagnosticReportingEnabled] = @@ -62,14 +64,14 @@ export function Setup() { class="h-[50px] w-[172px]" alt="Mutiny Plus logo" /> - Welcome to the Mutiny! + {i18n.t("setup.initial.welcome")}
@@ -91,8 +93,7 @@ export function Setup() { ) } /> - Allow anonymous error reporting to help us improve the app. - You can opt out at any time. + {i18n.t("setup.initial.reporting")}