diff options
Diffstat (limited to 'packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx')
-rw-r--r-- | packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx | 111 |
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> - - // <label for="subject">{i18n.str`Transfer subject:`}</label> - - // <label for="amount">{i18n.str`Amount:`}</label> - // <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( { |