add tooltips to the buttons

1 files changed, 38 insertions, 41 deletions

diff --git a/packages/frontend/src/components/instance/DefaultInstanceFormFields.tsx b/packages/frontend/src/components/instance/DefaultInstanceFormFields.tsx
index 2b98383..2bfbeda 100644
--- a/packages/frontend/src/components/instance/DefaultInstanceFormFields.tsx
+++ b/packages/frontend/src/components/instance/DefaultInstanceFormFields.tsx
@@ -35,54 +35,51 @@ export function DefaultInstanceFormFields({ readonlyId, showId }: { readonlyId?:
   const i18n = useTranslator();
   const backend = useBackendContext();
   return <Fragment>
-    { showId && <InputWithAddon<Entity> name="id" label={i18n`ID`} addonBefore={`${backend.url}/private/instances/`} readonly={readonlyId} tooltip={i18n`display name identification`} /> }
-
-    <Input<Entity> name="name" label={i18n`Name`} tooltip={i18n`descriptive name`} />
-
-    <InputPayto<Entity> name="payto_uris" label={i18n`Account address`} help="x-taler-bank/bank.taler:5882/blogger" tooltip={i18n`where the money will be sent`} />
-
-    <InputCurrency<Entity> name="default_max_deposit_fee" label={i18n`Default max deposit fee`} tooltip={i18n`max deposit fee when an order has not overridden it`} />
-
-    <InputCurrency<Entity> name="default_max_wire_fee" label={i18n`Default max wire fee`} tooltip={i18n`max wire fee when the order has not overridden it`} />
-
-    <Input<Entity> name="default_wire_fee_amortization" label={i18n`Default wire fee amortization`} tooltip={i18n`max wire fee amortization when the order has not overridden it`} />
-
-    <InputGroup name="address" label={i18n`Address`} tooltip={i18n`physical location of merchant`}>
+    {showId && <InputWithAddon<Entity> name="id"
+      addonBefore={`${backend.url}/private/instances/`} readonly={readonlyId}
+      label={i18n`Identifier`} 
+      tooltip={i18n`Name of the instance in URLs. The 'default' instance is special in that it is used to administer other instances.`} />
+    }
+
+    <Input<Entity> name="name"
+      label={i18n`Business name`}
+      tooltip={i18n`Legal name of the business represented by this instance.`} />
+
+    <InputPayto<Entity> name="payto_uris"
+      label={i18n`Bank account URI`} help="x-taler-bank/bank.taler:5882/blogger" 
+      tooltip={i18n`URI specifying bank account for crediting revenue.`} />
+
+    <InputCurrency<Entity> name="default_max_deposit_fee"
+      label={i18n`Default max deposit fee`}
+      tooltip={i18n`Maximum deposit fees this merchant is willing to pay per order by default.`} />
+
+    <InputCurrency<Entity> name="default_max_wire_fee"
+      label={i18n`Default max wire fee`}
+      tooltip={i18n`Maximum wire fees this merchant is willing to pay per wire transfer by default.`} />
+
+    <Input<Entity> name="default_wire_fee_amortization"
+      label={i18n`Default wire fee amortization`}
+      tooltip={i18n`Number of orders excess wire transfer fees will be divided by to compute per order surcharge.`} />
+
+    <InputGroup name="address"
+      label={i18n`Address`}
+      tooltip={i18n`Physical location of the merchant.`}>
       <InputLocation name="address" />
     </InputGroup>
 
-    <InputGroup name="jurisdiction" label={i18n`Jurisdiction`} tooltip={i18n`legal location of merchant`}>
+    <InputGroup name="jurisdiction"
+      label={i18n`Jurisdiction`}
+      tooltip={i18n`Jurisdiction for legal disputes with the merchant.`}>
       <InputLocation name="jurisdiction" />
     </InputGroup>
 
-    <InputDuration<Entity> name="default_pay_delay" label={i18n`Default payment delay`} tooltip={i18n`max time to pay if the order does not override it`} />
+    <InputDuration<Entity> name="default_pay_delay"
+      label={i18n`Default payment delay`}
+      tooltip={i18n`Time customers have to pay an order before the offer expires by default.`} />
 
-    <InputDuration<Entity> name="default_wire_transfer_delay" label={i18n`Default wire transfer delay`} tooltip={i18n`min time to wait the transfer if the merchant does not override it`} />
+    <InputDuration<Entity> name="default_wire_transfer_delay"
+      label={i18n`Default wire transfer delay`}
+      tooltip={i18n`Maximum time an exchange is allowed to delay wiring funds to the merchant, enabling it to aggregate smaller payments into larger wire transfers and reducing wire fees.`} />
 
   </Fragment>;
 }
-/*
-            <InputWithAddon<Entity> name="id" label={i18n`Identifier`} addonBefore={`${backend.url}/private/instances/`} readonly={!!forceId} tooltip={i18n`Name of the instance in URLs. The 'default' instance is special in that it is used to administer other instances.`} />
-
-            <Input<Entity> name="name" label={i18n`Business name`} tooltip={i18n`Legal name of the business represented by this instance.`} />
-
-            <InputPayto<Entity> name="payto_uris" label={i18n`Bank account URI`} help="x-taler-bank/bank.taler:5882/blogger" tooltip={i18n`URI specifying bank account for crediting revenue.`} />
-
-            <InputCurrency<Entity> name="default_max_deposit_fee" label={i18n`Default max deposit fee`} tooltip={i18n`Maximum deposit fees this merchant is willing to pay per order by default.`} />
-
-            <InputCurrency<Entity> name="default_max_wire_fee" label={i18n`Default max wire fee`} tooltip={i18n`Maximum wire fees this merchant is willing to pay per wire transfer by default.`} />
-
-            <Input<Entity> name="default_wire_fee_amortization" label={i18n`Default wire fee amortization`} tooltip={i18n`Number of orders excess wire transfer fees will be divided by to compute per order surcharge.`} />
-
-            <InputGroup name="address" label={i18n`Address`} tooltip={i18n`Physical location of the merchant.`}>
-              <InputLocation name="address" />
-            </InputGroup>
-
-            <InputGroup name="jurisdiction" label={i18n`Jurisdiction`} tooltip={i18n`Jurisdiction for legal disputes with the merchant.`}>
-              <InputLocation name="jurisdiction" />
-            </InputGroup>
-
-            <InputDuration<Entity> name="default_pay_delay" label={i18n`Default payment delay`} tooltip={i18n`Time customers have to pay an order before the offer expires by default.`} />
-
-            <InputDuration<Entity> name="default_wire_transfer_delay" label={i18n`Default wire transfer delay`} tooltip={i18n`Maximum time an exchange is allowed to delay wiring funds to the merchant, enabling it to aggregate smaller payments into larger wire transfers and reducing wire fees.`} />
-*/
\ No newline at end of file