1 files changed, 9 insertions, 9 deletions
diff --git a/packages/merchant-backoffice-ui/src/paths/instance/reserves/list/AutorizeTipModal.tsx b/packages/merchant-backoffice-ui/src/paths/instance/reserves/list/AutorizeTipModal.tsx
index 5200abedf..3a591c555 100644
--- a/packages/merchant-backoffice-ui/src/paths/instance/reserves/list/AutorizeTipModal.tsx
+++ b/packages/merchant-backoffice-ui/src/paths/instance/reserves/list/AutorizeTipModal.tsx
@@ -19,8 +19,10 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
+import { useTranslationContext } from "@gnu-taler/web-util/lib/index.browser";
 import { h, VNode } from "preact";
 import { useState } from "preact/hooks";
+import * as yup from "yup";
 import {
   FormErrors,
   FormProvider,
@@ -32,10 +34,8 @@ import {
   ContinueModal,
 } from "../../../../components/modal/index.js";
 import { MerchantBackend } from "../../../../declaration.js";
-import { useTranslator } from "../../../../i18n/index.js";
 import { AuthorizeTipSchema } from "../../../../schemas/index.js";
 import { CreatedSuccessfully } from "./CreatedSuccessfully.js";
-import * as yup from "yup";
 
 interface AuthorizeTipModalProps {
   onCancel: () => void;
@@ -54,7 +54,7 @@ export function AuthorizeTipModal({
   // const result = useOrderDetails(id)
   type State = MerchantBackend.Tips.TipCreateRequest;
   const [form, setValue] = useState<Partial<State>>({});
-  const i18n = useTranslator();
+  const { i18n } = useTranslationContext();
 
   // const [errors, setErrors] = useState<FormErrors<State>>({})
   let errors: FormErrors<State> = {};
@@ -104,19 +104,19 @@ export function AuthorizeTipModal({
       >
         <InputCurrency<State>
           name="amount"
-          label={i18n`Amount`}
-          tooltip={i18n`amount of tip`}
+          label={i18n.str`Amount`}
+          tooltip={i18n.str`amount of tip`}
         />
         <Input<State>
           name="justification"
-          label={i18n`Justification`}
+          label={i18n.str`Justification`}
           inputType="multiline"
-          tooltip={i18n`reason for the tip`}
+          tooltip={i18n.str`reason for the tip`}
         />
         <Input<State>
           name="next_url"
-          label={i18n`URL after tip`}
-          tooltip={i18n`URL to visit after tip payment`}
+          label={i18n.str`URL after tip`}
+          tooltip={i18n.str`URL to visit after tip payment`}
         />
       </FormProvider>
     </ConfirmModal>