1 files changed, 6 insertions, 6 deletions
diff --git a/packages/merchant-backoffice-ui/src/paths/instance/orders/create/OrderCreatedSuccessfully.tsx b/packages/merchant-backoffice-ui/src/paths/instance/orders/create/OrderCreatedSuccessfully.tsx
index 6d3ac311a..88c33e2f8 100644
--- a/packages/merchant-backoffice-ui/src/paths/instance/orders/create/OrderCreatedSuccessfully.tsx
+++ b/packages/merchant-backoffice-ui/src/paths/instance/orders/create/OrderCreatedSuccessfully.tsx
@@ -13,11 +13,11 @@
  You should have received a copy of the GNU General Public License along with
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
+import { useTranslationContext } from "@gnu-taler/web-util/lib/index.browser";
 import { h, VNode } from "preact";
 import { useEffect, useState } from "preact/hooks";
 import { CreatedSuccessfully } from "../../../../components/notifications/CreatedSuccessfully.js";
 import { useOrderAPI } from "../../../../hooks/order.js";
-import { Translate } from "../../../../i18n/index.js";
 import { Entity } from "./index.js";
 
 interface Props {
@@ -33,7 +33,7 @@ export function OrderCreatedSuccessfully({
 }: Props): VNode {
   const { getPaymentURL } = useOrderAPI();
   const [url, setURL] = useState<string | undefined>(undefined);
-
+  const { i18n } = useTranslationContext();
   useEffect(() => {
     getPaymentURL(entity.response.order_id).then((response) => {
       setURL(response.data);
@@ -48,7 +48,7 @@ export function OrderCreatedSuccessfully({
       <div class="field is-horizontal">
         <div class="field-label is-normal">
           <label class="label">
-            <Translate>Amount</Translate>
+            <i18n.Translate>Amount</i18n.Translate>
           </label>
         </div>
         <div class="field-body is-flex-grow-3">
@@ -66,7 +66,7 @@ export function OrderCreatedSuccessfully({
       <div class="field is-horizontal">
         <div class="field-label is-normal">
           <label class="label">
-            <Translate>Summary</Translate>
+            <i18n.Translate>Summary</i18n.Translate>
           </label>
         </div>
         <div class="field-body is-flex-grow-3">
@@ -84,7 +84,7 @@ export function OrderCreatedSuccessfully({
       <div class="field is-horizontal">
         <div class="field-label is-normal">
           <label class="label">
-            <Translate>Order ID</Translate>
+            <i18n.Translate>Order ID</i18n.Translate>
           </label>
         </div>
         <div class="field-body is-flex-grow-3">
@@ -98,7 +98,7 @@ export function OrderCreatedSuccessfully({
       <div class="field is-horizontal">
         <div class="field-label is-normal">
           <label class="label">
-            <Translate>Payment URL</Translate>
+            <i18n.Translate>Payment URL</i18n.Translate>
           </label>
         </div>
         <div class="field-body is-flex-grow-3">