show testing tag

packages/demobank-ui/src/pages/BankFrame.tsx

@@ -165,7 +165,8 @@ export function BankFrame({
           </div>
           <div style="flex-grow:1" />
           <p>
-            Copyright &copy; 2014&mdash;2022 Taler Systems SA. {versionText}
+            Copyright &copy; 2014&mdash;2022 Taler Systems SA. {versionText}{" "}
+            <TestingTag />
           </p>
         </div>
       </section>
@@ -299,3 +300,23 @@ function StatusBanner(): VNode | null {
     </div>
   );
 }
+
+function TestingTag(): VNode {
+  const testingUrl = localStorage.getItem("bank-base-url");
+  if (!testingUrl) return <Fragment />;
+  return (
+    <span style={{ color: "gray" }}>
+      Testing with {testingUrl}{" "}
+      <a
+        href=""
+        onClick={(e) => {
+          e.preventDefault();
+          localStorage.removeItem("bank-base-url");
+          window.location.reload();
+        }}
+      >
+        stop testing
+      </a>
+    </span>
+  );
+}

packages/demobank-ui/src/pages/LoginForm.tsx

@@ -79,6 +79,7 @@ export function LoginForm({ onRegister }: { onRegister?: () => void }): VNode {
               name="username"
               id="username"
               value={username ?? ""}
+              enterkeyhint="next"
               placeholder="Username"
               autocomplete="username"
               required
@@ -98,6 +99,7 @@ export function LoginForm({ onRegister }: { onRegister?: () => void }): VNode {
               name="password"
               id="password"
               autocomplete="current-password"
+              enterkeyhint="send"
               value={password ?? ""}
               placeholder="Password"
               required