From a8c5a9696c1735a178158cbc9ac4f9bb4b6f013d Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Wed, 8 Feb 2023 17:41:19 -0300
Subject: impl accout management and refactor

---
 packages/demobank-ui/src/pages/HomePage.tsx | 149 ++++++++++++++++++++++++++++
 1 file changed, 149 insertions(+)
 create mode 100644 packages/demobank-ui/src/pages/HomePage.tsx

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

diff --git a/packages/demobank-ui/src/pages/HomePage.tsx b/packages/demobank-ui/src/pages/HomePage.tsx
new file mode 100644
index 000000000..e60732d42
--- /dev/null
+++ b/packages/demobank-ui/src/pages/HomePage.tsx
@@ -0,0 +1,149 @@
+/*
+ This file is part of GNU Taler
+ (C) 2022 Taler Systems S.A.
+
+ GNU Taler is free software; you can redistribute it and/or modify it under the
+ terms of the GNU General Public License as published by the Free Software
+ Foundation; either version 3, or (at your option) any later version.
+
+ GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
+ WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License along with
+ GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
+ */
+
+import { Logger } from "@gnu-taler/taler-util";
+import {
+  HttpResponsePaginated,
+  useTranslationContext,
+} from "@gnu-taler/web-util/lib/index.browser";
+import { Fragment, h, VNode } from "preact";
+import { Loading } from "../components/Loading.js";
+import { useBackendContext } from "../context/backend.js";
+import { PageStateType, usePageContext } from "../context/pageState.js";
+import { AccountPage } from "./AccountPage.js";
+import { AdminPage } from "./AdminPage.js";
+import { LoginForm } from "./LoginForm.js";
+import { WithdrawalQRCode } from "./WithdrawalQRCode.js";
+
+const logger = new Logger("AccountPage");
+
+/**
+ * show content based on state:
+ * - LoginForm if the user is not logged in
+ * - qr code if withdrawal in progress
+ * - else account information
+ * Use the handler to catch error cases
+ *
+ * @param param0
+ * @returns
+ */
+export function HomePage({ onRegister }: { onRegister: () => void }): VNode {
+  const backend = useBackendContext();
+  const { pageState, pageStateSetter } = usePageContext();
+  const { i18n } = useTranslationContext();
+
+  function saveError(error: PageStateType["error"]): void {
+    pageStateSetter((prev) => ({ ...prev, error }));
+  }
+
+  function saveErrorAndLogout(error: PageStateType["error"]): void {
+    saveError(error);
+    backend.logOut();
+  }
+
+  function clearCurrentWithdrawal(): void {
+    pageStateSetter((prevState: PageStateType) => {
+      return {
+        ...prevState,
+        withdrawalId: undefined,
+        talerWithdrawUri: undefined,
+        withdrawalInProgress: false,
+      };
+    });
+  }
+
+  if (backend.state.status === "loggedOut") {
+    return <LoginForm onRegister={onRegister} />;
+  }
+
+  const { withdrawalId, talerWithdrawUri } = pageState;
+
+  if (talerWithdrawUri && withdrawalId) {
+    return (
+      <WithdrawalQRCode
+        account={backend.state.username}
+        withdrawalId={withdrawalId}
+        talerWithdrawUri={talerWithdrawUri}
+        onAbort={clearCurrentWithdrawal}
+        onLoadNotOk={handleNotOkResult(
+          backend.state.username,
+          saveError,
+          i18n,
+          onRegister,
+        )}
+      />
+    );
+  }
+
+  if (backend.state.isUserAdministrator) {
+    return (
+      <AdminPage
+        onLoadNotOk={handleNotOkResult(
+          backend.state.username,
+          saveErrorAndLogout,
+          i18n,
+          onRegister,
+        )}
+      />
+    );
+  }
+
+  return (
+    <AccountPage
+      account={backend.state.username}
+      onLoadNotOk={handleNotOkResult(
+        backend.state.username,
+        saveErrorAndLogout,
+        i18n,
+        onRegister,
+      )}
+    />
+  );
+}
+
+function handleNotOkResult(
+  account: string,
+  onErrorHandler: (state: PageStateType["error"]) => void,
+  i18n: ReturnType<typeof useTranslationContext>["i18n"],
+  onRegister: () => void,
+): <T, E>(result: HttpResponsePaginated<T, E>) => VNode {
+  return function handleNotOkResult2<T, E>(
+    result: HttpResponsePaginated<T, E>,
+  ): VNode {
+    if (result.clientError && result.isUnauthorized) {
+      onErrorHandler({
+        title: i18n.str`Wrong credentials for "${account}"`,
+      });
+      return <LoginForm onRegister={onRegister} />;
+    }
+    if (result.clientError && result.isNotfound) {
+      onErrorHandler({
+        title: i18n.str`Username or account label "${account}" not found`,
+      });
+      return <LoginForm onRegister={onRegister} />;
+    }
+    if (result.loading) return <Loading />;
+    if (!result.ok) {
+      onErrorHandler({
+        title: i18n.str`The backend reported a problem: HTTP status #${result.status}`,
+        description: `Diagnostic from ${result.info?.url.href} is "${result.message}"`,
+        debug: JSON.stringify(result.error),
+      });
+      return <LoginForm onRegister={onRegister} />;
+    }
+    return <div />;
+  };
+}
-- 
cgit v1.2.3