more ui

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>
-//   );
-// }