aboutsummaryrefslogtreecommitdiff
path: root/packages/demobank-ui/src/pages/AccountPage.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/demobank-ui/src/pages/AccountPage.tsx')
-rw-r--r--packages/demobank-ui/src/pages/AccountPage.tsx81
1 files changed, 40 insertions, 41 deletions
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>
+// );
+// }