diff options
Diffstat (limited to 'packages/anastasis-webui/src/components')
-rw-r--r-- | packages/anastasis-webui/src/components/menu/SideBar.tsx | 33 | ||||
-rw-r--r-- | packages/anastasis-webui/src/components/picker/DurationPicker.tsx | 12 |
2 files changed, 23 insertions, 22 deletions
diff --git a/packages/anastasis-webui/src/components/menu/SideBar.tsx b/packages/anastasis-webui/src/components/menu/SideBar.tsx index 51e854944..3dac73e04 100644 --- a/packages/anastasis-webui/src/components/menu/SideBar.tsx +++ b/packages/anastasis-webui/src/components/menu/SideBar.tsx @@ -22,7 +22,7 @@ import { BackupStates, RecoveryStates } from "@gnu-taler/anastasis-core"; import { Fragment, h, VNode } from "preact"; import { useAnastasisContext } from "../../context/anastasis.js"; -import { Translate } from "../../i18n/index.js"; +import { useTranslationContext } from "../../context/translation.js"; interface Props { mobile?: boolean; @@ -34,6 +34,7 @@ const VERSION_WITH_HASH = GIT_HASH ? `${VERSION}-${GIT_HASH}` : VERSION; export function Sidebar({ mobile }: Props): VNode { const reducer = useAnastasisContext()!; + const { i18n } = useTranslationContext(); function saveSession(): void { const state = reducer.exportState(); @@ -64,7 +65,7 @@ export function Sidebar({ mobile }: Props): VNode { <div class="menu is-menu-main"> {!reducer.currentReducerState && ( <p class="menu-label"> - <Translate>Backup or Recorver</Translate> + <i18n.Translate>Backup or Recorver</i18n.Translate> </p> )} <ul class="menu-list"> @@ -72,7 +73,7 @@ export function Sidebar({ mobile }: Props): VNode { <li> <div class="ml-4"> <span class="menu-item-label"> - <Translate>Select one option</Translate> + <i18n.Translate>Select one option</i18n.Translate> </span> </div> </li> @@ -91,7 +92,7 @@ export function Sidebar({ mobile }: Props): VNode { > <div class="ml-4"> <span class="menu-item-label"> - <Translate>Location</Translate> + <i18n.Translate>Location</i18n.Translate> </span> </div> </li> @@ -105,7 +106,7 @@ export function Sidebar({ mobile }: Props): VNode { > <div class="ml-4"> <span class="menu-item-label"> - <Translate>Personal information</Translate> + <i18n.Translate>Personal information</i18n.Translate> </span> </div> </li> @@ -119,7 +120,7 @@ export function Sidebar({ mobile }: Props): VNode { > <div class="ml-4"> <span class="menu-item-label"> - <Translate>Authorization methods</Translate> + <i18n.Translate>Authorization methods</i18n.Translate> </span> </div> </li> @@ -133,7 +134,7 @@ export function Sidebar({ mobile }: Props): VNode { > <div class="ml-4"> <span class="menu-item-label"> - <Translate>Policies</Translate> + <i18n.Translate>Policies</i18n.Translate> </span> </div> </li> @@ -147,14 +148,14 @@ export function Sidebar({ mobile }: Props): VNode { > <div class="ml-4"> <span class="menu-item-label"> - <Translate>Secret input</Translate> + <i18n.Translate>Secret input</i18n.Translate> </span> </div> </li> {/* <li class={reducer.currentReducerState.backup_state === BackupStates.PoliciesPaying ? 'is-active' : ''}> <div class="ml-4"> - <span class="menu-item-label"><Translate>Payment (optional)</Translate></span> + <span class="menu-item-label"><i18n.Translate>Payment (optional)</i18n.Translate></span> </div> </li> */} <li @@ -167,14 +168,14 @@ export function Sidebar({ mobile }: Props): VNode { > <div class="ml-4"> <span class="menu-item-label"> - <Translate>Backup completed</Translate> + <i18n.Translate>Backup completed</i18n.Translate> </span> </div> </li> {/* <li class={reducer.currentReducerState.backup_state === BackupStates.TruthsPaying ? 'is-active' : ''}> <div class="ml-4"> - <span class="menu-item-label"><Translate>Truth Paying</Translate></span> + <span class="menu-item-label"><i18n.Translate>Truth Paying</i18n.Translate></span> </div> </li> */} {reducer.currentReducerState.backup_state !== @@ -219,7 +220,7 @@ export function Sidebar({ mobile }: Props): VNode { > <div class="ml-4"> <span class="menu-item-label"> - <Translate>Location</Translate> + <i18n.Translate>Location</i18n.Translate> </span> </div> </li> @@ -233,7 +234,7 @@ export function Sidebar({ mobile }: Props): VNode { > <div class="ml-4"> <span class="menu-item-label"> - <Translate>Personal information</Translate> + <i18n.Translate>Personal information</i18n.Translate> </span> </div> </li> @@ -247,7 +248,7 @@ export function Sidebar({ mobile }: Props): VNode { > <div class="ml-4"> <span class="menu-item-label"> - <Translate>Secret selection</Translate> + <i18n.Translate>Secret selection</i18n.Translate> </span> </div> </li> @@ -263,7 +264,7 @@ export function Sidebar({ mobile }: Props): VNode { > <div class="ml-4"> <span class="menu-item-label"> - <Translate>Solve Challenges</Translate> + <i18n.Translate>Solve Challenges</i18n.Translate> </span> </div> </li> @@ -277,7 +278,7 @@ export function Sidebar({ mobile }: Props): VNode { > <div class="ml-4"> <span class="menu-item-label"> - <Translate>Secret recovered</Translate> + <i18n.Translate>Secret recovered</i18n.Translate> </span> </div> </li> diff --git a/packages/anastasis-webui/src/components/picker/DurationPicker.tsx b/packages/anastasis-webui/src/components/picker/DurationPicker.tsx index 12ed158dd..c4caaec9f 100644 --- a/packages/anastasis-webui/src/components/picker/DurationPicker.tsx +++ b/packages/anastasis-webui/src/components/picker/DurationPicker.tsx @@ -21,7 +21,7 @@ import { h, VNode } from "preact"; import { useState } from "preact/hooks"; -import { useTranslator } from "../../i18n/index.js"; +import { useTranslationContext } from "../../context/translation.js"; import "../../scss/DurationPicker.scss"; export interface Props { @@ -46,13 +46,13 @@ export function DurationPicker({ const ms = ss * 60; const hs = ms * 60; const ds = hs * 24; - const i18n = useTranslator(); + const { i18n } = useTranslationContext(); return ( <div class="rdp-picker"> {days && ( <DurationColumn - unit={i18n`days`} + unit={i18n.str`days`} max={99} value={Math.floor(value / ds)} onDecrease={value >= ds ? () => onChange(value - ds) : undefined} @@ -62,7 +62,7 @@ export function DurationPicker({ )} {hours && ( <DurationColumn - unit={i18n`hours`} + unit={i18n.str`hours`} max={23} min={1} value={Math.floor(value / hs) % 24} @@ -73,7 +73,7 @@ export function DurationPicker({ )} {minutes && ( <DurationColumn - unit={i18n`minutes`} + unit={i18n.str`minutes`} max={59} min={1} value={Math.floor(value / ms) % 60} @@ -84,7 +84,7 @@ export function DurationPicker({ )} {seconds && ( <DurationColumn - unit={i18n`seconds`} + unit={i18n.str`seconds`} max={59} value={Math.floor(value / ss) % 60} onDecrease={value >= ss ? () => onChange(value - ss) : undefined} |