diff options
Diffstat (limited to 'packages/demobank-ui/src/pages/WalletWithdrawForm.tsx')
-rw-r--r-- | packages/demobank-ui/src/pages/WalletWithdrawForm.tsx | 70 |
1 files changed, 7 insertions, 63 deletions
diff --git a/packages/demobank-ui/src/pages/WalletWithdrawForm.tsx b/packages/demobank-ui/src/pages/WalletWithdrawForm.tsx index 6574ec934..8c41f7576 100644 --- a/packages/demobank-ui/src/pages/WalletWithdrawForm.tsx +++ b/packages/demobank-ui/src/pages/WalletWithdrawForm.tsx @@ -78,6 +78,7 @@ export function WalletWithdrawForm({ async function doStart() { if (!parsedAmount) return; try { + console.log("ASDASD") const result = await createWithdrawal({ amount: Amounts.stringify(parsedAmount), }); @@ -106,7 +107,7 @@ export function WalletWithdrawForm({ ? error.message : JSON.stringify(error)) as TranslatedString ) -} + } } } @@ -115,7 +116,7 @@ export function WalletWithdrawForm({ <div class="px-4 sm:px-0"> <h2 class="text-base font-semibold leading-7 text-gray-900"><i18n.Translate>Prepare your wallet</i18n.Translate></h2> <p class="mt-1 text-sm text-gray-500"> - <i18n.Translate>Upon starting you will receive the money in your digital wallet, if you don't have one please <a class="font-semibold text-gray-500 hover:text-gray-400" href="https://taler.net/en/wallet.html">install one from here</a></i18n.Translate>. + <i18n.Translate>Upon starting you will receive the money in your digital wallet, if you don't have one please <a target="_blank" rel="noreferrer noopener" class="font-semibold text-gray-500 hover:text-gray-400" href="https://taler.net/en/wallet.html">install one from here</a></i18n.Translate>. </p> <p class="mt-1 text-sm text-gray-500"> <i18n.Translate>After using your wallet you will be redirected here to confirm or cancel the operation.</i18n.Translate> @@ -147,7 +148,7 @@ export function WalletWithdrawForm({ <div class="sm:col-span-5"> <span class="isolate inline-flex rounded-md shadow-sm"> <button type="button" - class="relative inline-flex px-3 py-2 text-sm items-center rounded-l-md bg-white text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10" + class="relative inline-flex px-6 py-4 text-sm items-center rounded-l-md bg-white text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10" onClick={(e) => { e.preventDefault(); setAmountStr("50.00") @@ -156,7 +157,7 @@ export function WalletWithdrawForm({ 50.00 </button> <button type="button" - class="relative -ml-px -mr-px inline-flex px-3 py-2 text-sm items-center bg-white text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10" + class="relative -ml-px -mr-px inline-flex px-6 py-4 text-sm items-center bg-white text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10" onClick={(e) => { e.preventDefault(); setAmountStr("25.00") @@ -166,7 +167,7 @@ export function WalletWithdrawForm({ 25.00 </button> <button type="button" - class="relative -ml-px -mr-px inline-flex px-3 py-2 text-sm items-center bg-white text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10" + class="relative -ml-px -mr-px inline-flex px-6 py-4 text-sm items-center bg-white text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10" onClick={(e) => { e.preventDefault(); setAmountStr("10.00") @@ -175,7 +176,7 @@ export function WalletWithdrawForm({ 10.00 </button> <button type="button" - class="relative inline-flex px-3 py-2 text-sm items-center rounded-r-md bg-white text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10" + class="relative inline-flex px-6 py-4 text-sm items-center rounded-r-md bg-white text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10" onClick={(e) => { e.preventDefault(); setAmountStr("5.00") @@ -210,60 +211,3 @@ export function WalletWithdrawForm({ ); } -// export function Amount( -// { -// currency, -// value, -// error, -// onChange, -// }: { -// error?: string; -// currency: string; -// value: string | undefined; -// onChange?: (s: string) => void; -// }, -// ref: Ref<HTMLInputElement>, -// ): VNode { -// return ( -// <div style={{ width: "max-content" }}> -// <div> -// <input -// type="text" -// readonly -// class="currency-indicator" -// size={currency.length} -// maxLength={currency.length} -// tabIndex={-1} -// style={{ -// borderTopRightRadius: 0, -// borderBottomRightRadius: 0, -// borderRight: 0, -// }} -// value={currency} -// /> -// <input -// type="number" -// ref={ref} -// name="amount" -// id="amount" -// placeholder="0" -// style={{ -// borderTopLeftRadius: 0, -// borderBottomLeftRadius: 0, -// borderLeft: 0, -// width: 150, -// color: "black", -// }} -// value={value ?? ""} -// disabled={!onChange} -// onInput={(e): void => { -// if (onChange) { -// onChange(e.currentTarget.value); -// } -// }} -// /> -// </div> -// <ShowInputErrorLabel message={error} isDirty={value !== undefined} /> -// </div> -// ); -// } |