more ui

1 files changed, 4 insertions, 107 deletions

diff --git a/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx b/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx
index 5e0624cbf..cdaf363e3 100644
--- a/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx
+++ b/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx
@@ -151,7 +151,7 @@ export function PaytoWireTransferForm({
             ? error.message
             : JSON.stringify(error)) as TranslatedString
         )
-}
+      }
     }
 
   }
@@ -160,8 +160,7 @@ export function PaytoWireTransferForm({
     <div class="px-4 sm:px-0">
       <h2 class="text-base font-semibold leading-7 text-gray-900"><i18n.Translate>Transfer details</i18n.Translate></h2>
       <div>
-        <div class="px-4 mt-4 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-4">
-          {/* <!-- Active: "border-indigo-600 ring-2 ring-indigo-600", Not Active: "border-gray-300" --> */}
+        <div class="px-4 mt-4 grid grid-cols-1 gap-y-6 sm:grid-cols-1 sm:gap-x-4">
           <label class={"relative flex cursor-pointer rounded-lg border bg-white p-4 shadow-sm focus:outline-none" + (!isRawPayto ? "border-indigo-600 ring-2 ring-indigo-600" : "border-gray-300")}>
             <input type="radio" name="project-type" value="Newsletter" class="sr-only" aria-labelledby="project-type-0-label" aria-describedby="project-type-0-description-0 project-type-0-description-1" onChange={() => {
               setIsRawPayto(false)
@@ -169,14 +168,12 @@ export function PaytoWireTransferForm({
             <span class="flex flex-1">
               <span class="flex flex-col">
                 <span class="block text-sm  font-medium text-gray-900">
-                  <i18n.Translate>form</i18n.Translate>
+                  <i18n.Translate>using a form</i18n.Translate>
                 </span>
               </span>
             </span>
           </label>
 
-
-          {/* <!-- Active: "border-indigo-600 ring-2 ring-indigo-600", Not Active: "border-gray-300" --> */}
           <label class={"relative flex cursor-pointer rounded-lg border bg-white p-4 shadow-sm focus:outline-none" + (isRawPayto ? "border-indigo-600 ring-2 ring-indigo-600" : "border-gray-300")}>
             <input type="radio" name="project-type" value="Existing Customers" class="sr-only" aria-labelledby="project-type-1-label" aria-describedby="project-type-1-description-0 project-type-1-description-1" onChange={() => {
               setIsRawPayto(true)
@@ -184,7 +181,7 @@ export function PaytoWireTransferForm({
             <span class="flex flex-1">
               <span class="flex flex-col">
                 <span class="block text-sm  font-medium text-gray-900">
-                  <i18n.Translate>payto://</i18n.Translate>
+                  <i18n.Translate>using the payto:// format</i18n.Translate>
                 </span>
               </span>
             </span>
@@ -325,107 +322,7 @@ export function PaytoWireTransferForm({
     </form>
   </div >
   )
-  // }
-  // return (
-  //   <div>
-  //     <form
-  //       class="pure-form"
-  //       name="wire-transfer-form"
-  //       onSubmit={(e) => {
-  //         e.preventDefault();
-  //       }}
-  //     >
-  //       <label for="iban">{i18n.str`Receiver IBAN:`}</label>&nbsp;
-
-  //       <label for="subject">{i18n.str`Transfer subject:`}</label>&nbsp;
-
-  //       <label for="amount">{i18n.str`Amount:`}</label>&nbsp;
-  //       <div style={{ width: "max-content", display: "flex" }}>
-  //         <input
-  //           type="text"
-  //           readonly
-  //           class="currency-indicator"
-  //           size={limit.currency.length}
-  //           maxLength={limit.currency.length}
-  //           tabIndex={-1}
-  //           style={{
-  //             borderTopRightRadius: 0,
-  //             borderBottomRightRadius: 0,
-  //             borderRight: 0,
-  //           }}
-  //           value={limit.currency}
-  //         />
-  //         <input
-  //           type="number"
-  //           name="amount"
-  //           id="amount"
-  //           placeholder="amount"
-  //           required
-  //           style={{
-  //             borderTopLeftRadius: 0,
-  //             borderBottomLeftRadius: 0,
-  //             borderLeft: 0,
-  //             width: 150,
-  //           }}
-  //           value={amount ?? ""}
-  //           onInput={(e): void => {
-  //             setAmount(e.currentTarget.value);
-  //           }}
-  //         />
-  //       </div>
-  //       <ShowInputErrorLabel
-  //         message={errorsWire?.amount}
-  //         isDirty={amount !== undefined}
-  //       />
-  //       <p style={{ display: "flex", justifyContent: "space-between" }}>
-  //         <input
-  //           type="submit"
-  //           class="pure-button pure-button-primary"
-  //           disabled={!!errorsWire}
-  //           value="Send"
-  //           onClick={async (e) => {
-  //             e.preventDefault();
-  //             if (!(iban && subject && amount)) {
-  //               return;
-  //             }
-
-  //           }}
-  //         />
-  //         <input
-  //           type="button"
-  //           class="pure-button"
-  //           value="Clear"
-  //           onClick={async (e) => {
-  //             e.preventDefault();
-  //             setAmount(undefined);
-  //             setIban(undefined);
-  //             setSubject(undefined);
-  //           }}
-  //         />
-  //       </p>
-  //     </form>
-  //     <p>
-  //       <a
-  //         href="#"
-  //         onClick={(e) => {
-  //           setIsRawPayto(true);
-  //           e.preventDefault();
-  //         }}
-  //       >
-  //         {i18n.str`Want to try the raw payto://-format?`}
-  //       </a>
-  //     </p>
-  //   </div>
-  // );
-
-
-
-  // return (
-  //   <div>
-  //     <p>{i18n.str`Transfer money to account identified by payto:// URI:`}</p>
 
-  //   </div>
-  // );
 }
 export function Amount(
   {