diff options
Diffstat (limited to 'packages/desktop/src/loading.tsx')
| -rw-r--r-- | packages/desktop/src/loading.tsx | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/packages/desktop/src/loading.tsx b/packages/desktop/src/loading.tsx index 23a8055c9..a02f1a95e 100644 --- a/packages/desktop/src/loading.tsx +++ b/packages/desktop/src/loading.tsx @@ -8,11 +8,18 @@ import "./styles.css" import { createEffect, createMemo, createSignal, onCleanup, onMount } from "solid-js" import { commands, events, InitStep } from "./bindings" import { Channel } from "@tauri-apps/api/core" +import { initI18n, t } from "./i18n" const root = document.getElementById("root")! -const lines = ["Just a moment...", "Migrating your database", "This may take a couple of minutes"] +const lines = [ + t("desktop.loading.status.initial"), + t("desktop.loading.status.migrating"), + t("desktop.loading.status.waiting"), +] const delays = [3000, 9000] +void initI18n() + render(() => { const [step, setStep] = createSignal<InitStep | null>(null) const [line, setLine] = createSignal(0) @@ -54,9 +61,9 @@ render(() => { }) const status = createMemo(() => { - if (phase() === "done") return "All done" + if (phase() === "done") return t("desktop.loading.status.done") if (phase() === "sqlite_waiting") return lines[line()] - return "Just a moment..." + return t("desktop.loading.status.initial") }) return ( @@ -72,7 +79,7 @@ render(() => { <Progress value={value()} class="w-20 [&_[data-slot='progress-track']]:h-1 [&_[data-slot='progress-track']]:border-0 [&_[data-slot='progress-track']]:rounded-none [&_[data-slot='progress-track']]:bg-surface-weak [&_[data-slot='progress-fill']]:rounded-none [&_[data-slot='progress-fill']]:bg-icon-warning-base" - aria-label="Database migration progress" + aria-label={t("desktop.loading.progressAria")} getValueLabel={({ value }) => `${Math.round(value)}%`} /> </div> |