From ba8b40c9150586982e42e76d364d76202627bd6f Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Fri, 10 Feb 2023 09:51:37 -0300
Subject: business account

---
 packages/demobank-ui/src/pages/AccountPage.tsx | 81 +++++++++++++-------------
 1 file changed, 40 insertions(+), 41 deletions(-)

(limited to 'packages/demobank-ui/src/pages/AccountPage.tsx')

diff --git a/packages/demobank-ui/src/pages/AccountPage.tsx b/packages/demobank-ui/src/pages/AccountPage.tsx
index 769e85804..370605871 100644
--- a/packages/demobank-ui/src/pages/AccountPage.tsx
+++ b/packages/demobank-ui/src/pages/AccountPage.tsx
@@ -104,49 +104,48 @@ export function AccountPage({ account, onLoadNotOk }: Props): VNode {
       )}
 
       <section style={{ marginTop: "2em" }}>
-        <Moves account={account} />
+        <div class="active">
+          <h3>{i18n.str`Latest transactions`}</h3>
+          <Transactions account={account} />
+        </div>
       </section>
     </Fragment>
   );
 }
 
-function Moves({ account }: { account: string }): VNode {
-  const [tab, setTab] = useState<"transactions" | "cashouts">("transactions");
-  const { i18n } = useTranslationContext();
-  return (
-    <article>
-      <div class="payments">
-        <div class="tab">
-          <button
-            class={tab === "transactions" ? "tablinks active" : "tablinks"}
-            onClick={(): void => {
-              setTab("transactions");
-            }}
-          >
-            {i18n.str`Transactions`}
-          </button>
-          <button
-            class={tab === "cashouts" ? "tablinks active" : "tablinks"}
-            onClick={(): void => {
-              setTab("cashouts");
-            }}
-          >
-            {i18n.str`Cashouts`}
-          </button>
-        </div>
-        {tab === "transactions" && (
-          <div class="active">
-            <h3>{i18n.str`Latest transactions`}</h3>
-            <Transactions account={account} />
-          </div>
-        )}
-        {tab === "cashouts" && (
-          <div class="active">
-            <h3>{i18n.str`Latest cashouts`}</h3>
-            <Cashouts account={account} />
-          </div>
-        )}
-      </div>
-    </article>
-  );
-}
+// function Moves({ account }: { account: string }): VNode {
+//   const [tab, setTab] = useState<"transactions" | "cashouts">("transactions");
+//   const { i18n } = useTranslationContext();
+//   return (
+//     <article>
+//       <div class="payments">
+//         <div class="tab">
+//           <button
+//             class={tab === "transactions" ? "tablinks active" : "tablinks"}
+//             onClick={(): void => {
+//               setTab("transactions");
+//             }}
+//           >
+//             {i18n.str`Transactions`}
+//           </button>
+//           <button
+//             class={tab === "cashouts" ? "tablinks active" : "tablinks"}
+//             onClick={(): void => {
+//               setTab("cashouts");
+//             }}
+//           >
+//             {i18n.str`Cashouts`}
+//           </button>
+//         </div>
+//         {tab === "transactions" && (
+//         )}
+//         {tab === "cashouts" && (
+//           <div class="active">
+//             <h3>{i18n.str`Latest cashouts`}</h3>
+//             <Cashouts account={account} />
+//           </div>
+//         )}
+//       </div>
+//     </article>
+//   );
+// }
-- 
cgit v1.2.3