login and registration forms

clean credentials state after the submission.
At this point, the cleanup happens regardless
of the outcome; in future versions, the credentials
should be kept upon failures.

1 files changed, 15 insertions, 15 deletions

diff --git a/packages/bank/src/pages/home/index.tsx b/packages/bank/src/pages/home/index.tsx
index 110adf2..51cceb2 100644
--- a/packages/bank/src/pages/home/index.tsx
+++ b/packages/bank/src/pages/home/index.tsx
@@ -11,10 +11,9 @@ import talerLogo from "../../assets/logo-white.svg";
 import { LangSelectorLikePy as LangSelector} from "../../components/menu/LangSelector";
 
 // Uncomment to allow test runs:
-
-/*const __LIBEUFIN_UI_ALLOW_REGISTRATIONS__ = 1;
-const __LIBEUFIN_UI_IS_DEMO__ = 0;
-const __LIBEUFIN_UI_BANK_NAME__ = 0;*/
+// const __LIBEUFIN_UI_ALLOW_REGISTRATIONS__ = 1;
+// const __LIBEUFIN_UI_IS_DEMO__ = 0;
+// const __LIBEUFIN_UI_BANK_NAME__ = 0;
 
 /**
  * FIXME:
@@ -1232,6 +1231,7 @@ function LoginForm(Props: any): VNode {
     <div class="pure-form">
       <input
         type="text"
+        value={submitData && submitData.username}
         placeholder="username"
         required
         onInput={(e): void => {
@@ -1241,6 +1241,7 @@ function LoginForm(Props: any): VNode {
         }))}} />
       <input
         type="password"
+        value={submitData && submitData.password}
         placeholder="password"
         required
         onInput={(e): void => {
@@ -1256,10 +1257,13 @@ function LoginForm(Props: any): VNode {
 	  if (typeof submitData === "undefined") return;
           if (submitData.password.length > 0 && submitData.username.length > 0)
             loginCall(
-              submitData,
+              // Deep copy, to avoid the cleanup
+              // below make data disappear.
+              {...submitData},
               backendStateSetter,
               pageStateSetter
             );
+            submitDataSetter(undefined);
         }}>{i18n`Login`}</button>
     </div>
   </form>);
@@ -1290,6 +1294,7 @@ function RegistrationForm(Props: any): VNode {
               <input
                 type="text"
                 placeholder="username"
+                value={submitData && submitData.username}
                 required
                 autofocus
                 onInput={(e): void => {
@@ -1300,6 +1305,7 @@ function RegistrationForm(Props: any): VNode {
               <input
                 type="password"
                 placeholder="password"
+                value={submitData && submitData.password}
                 required
                 autofocus
                 onInput={(e): void => {
@@ -1320,10 +1326,11 @@ function RegistrationForm(Props: any): VNode {
 		    submitData.username.length === 0) return;
 		  console.log("submitting the registration..");
                   registrationCall(
-                    submitData,
+                    {...submitData},
                     Props.backendStateSetter, // will store BE URL, if OK.
                     pageStateSetter
-                  );}}>{i18n`Register`}</button>
+                  );
+                  submitDataSetter(undefined)}}>{i18n`Register`}</button>
             </form>
           </div>
        </article>
@@ -1450,9 +1457,7 @@ function Account(Props: any): VNode {
 	 * login would cache a 404 error to X's profile, resulting
 	 * in the legitimate request after the registration to still
 	 * be flagged as 404.  Clearing the cache should prevent
-	 * this and likely not pose additional problems (given that
-	 * the user couldn't have been logged before).
-	 */
+	 * this.  */
         (cache as any).clear();
         return <p>Profile not found...</p>;
       }
@@ -1742,11 +1747,6 @@ export function BankHome(): VNode {
       </PageContext.Provider>
     );
   }
-  /**
-   * Credentials were correct, now render the bank account page,
-   * with balance, transactions history, and a Taler withdrawal
-   * button.
-   */
   if (pageState.isLoggedIn) {
     if (typeof backendState === "undefined") {
       pageStateSetter((prevState) => ({