diff options
Diffstat (limited to 'apps/web-shared/src/components')
| -rw-r--r-- | apps/web-shared/src/components/stopwatch.svelte | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/apps/web-shared/src/components/stopwatch.svelte b/apps/web-shared/src/components/stopwatch.svelte index 1c602c8..0e641e8 100644 --- a/apps/web-shared/src/components/stopwatch.svelte +++ b/apps/web-shared/src/components/stopwatch.svelte @@ -1,14 +1,13 @@ <script lang="ts"> import Button from "$shared/components/button.svelte"; - import {Textarea} from "$shared/components/form"; - import {StorageKeys} from "$shared/lib/configuration"; - import {TranslationFunctions} from "$shared/lib/i18n/i18n-types"; - import {loadLocaleAsync} from "$shared/lib/i18n/i18n-util.async"; - import {i18nObject} from "$shared/lib/i18n/i18n-util"; - import {currentLocale} from "$shared/lib/locale"; - import {StoreType, writable_persistent} from "$shared/lib/persistent-store"; - import {Temporal} from "@js-temporal/polyfill"; - import {createEventDispatcher, onMount} from "svelte"; + import { Textarea } from "$shared/components/form"; + import { StorageKeys } from "$shared/lib/configuration"; + import { loadLocaleAsync } from "$shared/lib/i18n/i18n-util.async"; + import { i18nObject } from "$shared/lib/i18n/i18n-util"; + import { currentLocale, preffered_or_default } from "$shared/lib/locale"; + import { StoreType, writable_persistent } from "$shared/lib/persistent-store"; + import { Temporal } from "@js-temporal/polyfill"; + import { createEventDispatcher, onMount } from "svelte"; const state = writable_persistent({ initialState: { @@ -38,9 +37,10 @@ timeString = "--:--:--"; } - currentLocale.subscribe(async val => { - await loadLocaleAsync(val); - LL = i18nObject(val); + currentLocale.subscribe(async locale => { + if (locale === "preffered") locale = preffered_or_default(); + await loadLocaleAsync(locale); + LL = i18nObject(locale); }); onMount(async () => { @@ -158,8 +158,8 @@ <pre class="text-xxl padding-y-sm">{timeString}</pre> </div> <div class="col-6 flex align-bottom flex-column text-xs"> - <Button title="{$state.isRunning ? 'Stop' : 'Start'}" - text="{$state.isRunning ? 'Stop' : 'Start'}" + <Button title="{$state.isRunning ? LL.stopwatch.stop() : LL.stopwatch.start()}" + text="{$state.isRunning ? LL.stopwatch.stop() : LL.stopwatch.start()}" variant="link" on:click={on_start_stop}/> |