fix #8470

1 files changed, 19 insertions, 12 deletions

diff --git a/packages/merchant-backoffice-ui/src/components/instance/DefaultInstanceFormFields.tsx b/packages/merchant-backoffice-ui/src/components/instance/DefaultInstanceFormFields.tsx
index dd41b6fbd..864d09f48 100644
--- a/packages/merchant-backoffice-ui/src/components/instance/DefaultInstanceFormFields.tsx
+++ b/packages/merchant-backoffice-ui/src/components/instance/DefaultInstanceFormFields.tsx
@@ -19,11 +19,9 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
-import {
-  useMerchantApiContext,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
+import { useTranslationContext } from "@gnu-taler/web-util/browser";
 import { Fragment, VNode, h } from "preact";
+import { useSessionContext } from "../../context/session.js";
 import { Entity } from "../../paths/admin/create/CreatePage.js";
 import { Input } from "../form/Input.js";
 import { InputDuration } from "../form/InputDuration.js";
@@ -33,7 +31,7 @@ import { InputLocation } from "../form/InputLocation.js";
 import { InputSelector } from "../form/InputSelector.js";
 import { InputToggle } from "../form/InputToggle.js";
 import { InputWithAddon } from "../form/InputWithAddon.js";
-import { useSessionContext } from "../../context/session.js";
+import { TextField } from "../form/TextField.js";
 
 export function DefaultInstanceFormFields({
   readonlyId,
@@ -62,11 +60,20 @@ export function DefaultInstanceFormFields({
         tooltip={i18n.str`Legal name of the business represented by this instance.`}
       />
 
+      <TextField name="asdasd" label="">
+        <i18n.Translate>
+          Choose individual if you don't have or are not required to have legal business permission.          
+        </i18n.Translate>
+      </TextField>
+
       <InputSelector<Entity>
         name="user_type"
-        label={i18n.str`Type`}
+        label={i18n.str`Selling as`}
         tooltip={i18n.str`Different type of account can have different rules and requirements.`}
         values={["business", "individual"]}
+        toStr={(d: string) => {
+          return d.toUpperCase();
+        }}
       />
 
       <Input<Entity>
@@ -87,12 +94,6 @@ export function DefaultInstanceFormFields({
         tooltip={i18n.str`Logo image.`}
       />
 
-      <InputToggle<Entity>
-        name="use_stefan"
-        label={i18n.str`Pay transaction fee`}
-        tooltip={i18n.str`Assume the cost of the transaction of let the user pay for it.`}
-      />
-
       <InputGroup
         name="address"
         label={i18n.str`Address`}
@@ -109,6 +110,12 @@ export function DefaultInstanceFormFields({
         <InputLocation name="jurisdiction" />
       </InputGroup>
 
+      <InputToggle<Entity>
+        name="use_stefan"
+        label={i18n.str`Pay transaction fee`}
+        tooltip={i18n.str`Assume the cost of the transaction of let the user pay for it.`}
+      />
+
       <InputDuration<Entity>
         name="default_pay_delay"
         label={i18n.str`Default payment delay`}