diff options
author | Sebastian <sebasjm@gmail.com> | 2023-10-03 10:11:21 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2023-10-03 10:11:33 -0300 |
commit | e84d2b6175da8c308835f1a7f27e177dcecd248a (patch) | |
tree | de69d68c9915e8ccac11ccd9e3bc981386c1850a /packages/demobank-ui/src/pages | |
parent | 8e70b89593a375bb19432e6521daed618ae779f5 (diff) | |
download | wallet-core-e84d2b6175da8c308835f1a7f27e177dcecd248a.tar.xz |
more ui, removed some testing valuesv0.9.3-dev.29
Diffstat (limited to 'packages/demobank-ui/src/pages')
-rw-r--r-- | packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx | 8 | ||||
-rw-r--r-- | packages/demobank-ui/src/pages/QrCodeSection.tsx | 35 | ||||
-rw-r--r-- | packages/demobank-ui/src/pages/WithdrawalQRCode.tsx | 2 |
3 files changed, 22 insertions, 23 deletions
diff --git a/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx b/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx index b3fd51670..69a9a07b2 100644 --- a/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx +++ b/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx @@ -59,9 +59,9 @@ export function PaytoWireTransferForm({ }): VNode { const [isRawPayto, setIsRawPayto] = useState(false); // FIXME: remove this - const [iban, setIban] = useState<string | undefined>("DE4745461198061"); - const [subject, setSubject] = useState<string | undefined>("ASD"); - const [amount, setAmount] = useState<string | undefined>("1.00001"); + const [iban, setIban] = useState<string | undefined>(); + const [subject, setSubject] = useState<string | undefined>(); + const [amount, setAmount] = useState<string | undefined>(); const [rawPaytoInput, rawPaytoInputSetter] = useState<string | undefined>( undefined, @@ -189,7 +189,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>using a form</i18n.Translate> + <i18n.Translate>Using a form</i18n.Translate> </span> </span> </span> diff --git a/packages/demobank-ui/src/pages/QrCodeSection.tsx b/packages/demobank-ui/src/pages/QrCodeSection.tsx index 6a50d4ef3..e07525ab4 100644 --- a/packages/demobank-ui/src/pages/QrCodeSection.tsx +++ b/packages/demobank-ui/src/pages/QrCodeSection.tsx @@ -84,27 +84,25 @@ export function QrCodeSection({ <h3 class="text-base font-semibold leading-6 text-gray-900"> <i18n.Translate>If you have a Taler wallet installed in this device</i18n.Translate> </h3> - <div class="mt-4"> - <a href={talerWithdrawUri} - class="inline-flex items-center disabled:opacity-50 disabled:cursor-default cursor-pointer rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" - > - <i18n.Translate>Click here to start</i18n.Translate> - </a> - </div> - <div class="mt-4 max-w-xl text-sm text-gray-500"> + <div class="mt-4 mb-4 text-sm text-gray-500"> <p><i18n.Translate> You will see the details of the operation in your wallet including the fees (if applies). - If you still one you can install it from <a class="font-semibold text-gray-500 hover:text-gray-400" href="https://taler.net/en/wallet.html">here</a>. + If you still don't have one you can install it from <a class="font-semibold text-gray-500 hover:text-gray-400" href="https://taler.net/en/wallet.html">here</a>. </i18n.Translate></p> </div> <div class="flex items-center justify-between gap-x-6 border-t border-gray-900/10 pt-2 mt-2 "> - <div /> <button type="button" - class="disabled:opacity-50 disabled:cursor-default cursor-pointer rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600" + // class="disabled:opacity-50 disabled:cursor-default cursor-pointer rounded-md px-3 py-2 text-sm font-semibold text-black shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600" + class="text-sm font-semibold leading-6 text-gray-900" onClick={doAbort} > - Cancel withdrawal + Cancel </button> + <a href={talerWithdrawUri} + class="inline-flex items-center disabled:opacity-50 disabled:cursor-default cursor-pointer rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" + > + <i18n.Translate>Withdraw</i18n.Translate> + </a> </div> </div> </div> @@ -122,12 +120,13 @@ export function QrCodeSection({ </div> </div> <div class="flex items-center justify-center gap-x-6 border-t border-gray-900/10 px-4 py-4 sm:px-8"> - <button type="button" - class="disabled:opacity-50 disabled:cursor-default cursor-pointer rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600" - onClick={doAbort} - > - Cancel withdrawal - </button> + <button type="button" + // class="disabled:opacity-50 disabled:cursor-default cursor-pointer rounded-md px-3 py-2 text-sm font-semibold text-black shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600" + class="text-sm font-semibold leading-6 text-gray-900" + onClick={doAbort} + > + Cancel + </button> </div> </div> diff --git a/packages/demobank-ui/src/pages/WithdrawalQRCode.tsx b/packages/demobank-ui/src/pages/WithdrawalQRCode.tsx index c8efc033b..2d90b410c 100644 --- a/packages/demobank-ui/src/pages/WithdrawalQRCode.tsx +++ b/packages/demobank-ui/src/pages/WithdrawalQRCode.tsx @@ -112,7 +112,7 @@ export function WithdrawalQRCode({ e.preventDefault(); onClose() }}> - <i18n.Translate>Continue</i18n.Translate> + <i18n.Translate>Done</i18n.Translate> </button> </div> </div> |