1 files changed, 19 insertions, 19 deletions
diff --git a/packages/merchant-backoffice-ui/src/components/product/ProductForm.tsx b/packages/merchant-backoffice-ui/src/components/product/ProductForm.tsx
index a6bb090a5..973f88677 100644
--- a/packages/merchant-backoffice-ui/src/components/product/ProductForm.tsx
+++ b/packages/merchant-backoffice-ui/src/components/product/ProductForm.tsx
@@ -19,17 +19,17 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
+import { useTranslationContext } from "@gnu-taler/web-util/lib/index.browser";
 import { h } from "preact";
 import { useCallback, useEffect, useState } from "preact/hooks";
 import * as yup from "yup";
 import { useBackendContext } from "../../context/backend.js";
 import { MerchantBackend } from "../../declaration.js";
-import { useTranslator } from "../../i18n/index.js";
 import {
   ProductCreateSchema as createSchema,
   ProductUpdateSchema as updateSchema,
 } from "../../schemas/index.js";
-import { FormProvider, FormErrors } from "../form/FormProvider.js";
+import { FormErrors, FormProvider } from "../form/FormProvider.js";
 import { Input } from "../form/Input.js";
 import { InputCurrency } from "../form/InputCurrency.js";
 import { InputImage } from "../form/InputImage.js";
@@ -115,7 +115,7 @@ export function ProductForm({ onSubscribe, initial, alreadyExist }: Props) {
   }, [submit, hasErrors]);
 
   const backend = useBackendContext();
-  const i18n = useTranslator();
+  const { i18n } = useTranslationContext();
 
   return (
     <div>
@@ -129,46 +129,46 @@ export function ProductForm({ onSubscribe, initial, alreadyExist }: Props) {
           <InputWithAddon<Entity>
             name="product_id"
             addonBefore={`${backend.url}/product/`}
-            label={i18n`ID`}
-            tooltip={i18n`product identification to use in URLs (for internal use only)`}
+            label={i18n.str`ID`}
+            tooltip={i18n.str`product identification to use in URLs (for internal use only)`}
           />
         )}
         <InputImage<Entity>
           name="image"
-          label={i18n`Image`}
-          tooltip={i18n`illustration of the product for customers`}
+          label={i18n.str`Image`}
+          tooltip={i18n.str`illustration of the product for customers`}
         />
         <Input<Entity>
           name="description"
           inputType="multiline"
-          label={i18n`Description`}
-          tooltip={i18n`product description for customers`}
+          label={i18n.str`Description`}
+          tooltip={i18n.str`product description for customers`}
         />
         <InputNumber<Entity>
           name="minimum_age"
-          label={i18n`Age restricted`}
-          tooltip={i18n`is this product restricted for customer below certain age?`}
+          label={i18n.str`Age restricted`}
+          tooltip={i18n.str`is this product restricted for customer below certain age?`}
         />
         <Input<Entity>
           name="unit"
-          label={i18n`Unit`}
-          tooltip={i18n`unit describing quantity of product sold (e.g. 2 kilograms, 5 liters, 3 items, 5 meters) for customers`}
+          label={i18n.str`Unit`}
+          tooltip={i18n.str`unit describing quantity of product sold (e.g. 2 kilograms, 5 liters, 3 items, 5 meters) for customers`}
         />
         <InputCurrency<Entity>
           name="price"
-          label={i18n`Price`}
-          tooltip={i18n`sale price for customers, including taxes, for above units of the product`}
+          label={i18n.str`Price`}
+          tooltip={i18n.str`sale price for customers, including taxes, for above units of the product`}
         />
         <InputStock
           name="stock"
-          label={i18n`Stock`}
+          label={i18n.str`Stock`}
           alreadyExist={alreadyExist}
-          tooltip={i18n`product inventory for products with finite supply (for internal use only)`}
+          tooltip={i18n.str`product inventory for products with finite supply (for internal use only)`}
         />
         <InputTaxes<Entity>
           name="taxes"
-          label={i18n`Taxes`}
-          tooltip={i18n`taxes included in the product price, exposed to customers`}
+          label={i18n.str`Taxes`}
+          tooltip={i18n.str`taxes included in the product price, exposed to customers`}
         />
       </FormProvider>
     </div>