aboutsummaryrefslogtreecommitdiff
path: root/packages/demobank-ui/src/pages/WalletWithdrawForm.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/demobank-ui/src/pages/WalletWithdrawForm.tsx')
-rw-r--r--packages/demobank-ui/src/pages/WalletWithdrawForm.tsx70
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>
-// );
-// }