merchant-backoffice

commit d64e853cf9f3a2181587f2265e1ae037069ba8e9
parent 68a315b89b57b051e0e5d3757cd11139dda487b0
Author: ms <ms@taler.net>
Date:   Thu, 26 May 2022 15:07:57 +0200

make demo-content optional

Diffstat:
M
packages/bank/src/pages/home/index.tsx
 | 
56
+++++++++++++++++++++++++++++++++++---------------------

1 file changed, 35 insertions(+), 21 deletions(-)
diff --git a/packages/bank/src/pages/home/index.tsx b/packages/bank/src/pages/home/index.tsx
@@ -110,6 +110,11 @@ interface AccountStateType {
  * Helpers. *
  ***********/
 
+function maybeDemoContent(content: VNode) {
+    // @ts-ignore
+    if (__LIBEUFIN_UI_IS_DEMO__) return content;
+}
+
 async function fetcher(url: string) {
   return fetch(url).then((r) => (r.json()));
 }
@@ -772,22 +777,23 @@ function BankFrame(Props: any): VNode {
   for (const i in DEMO_SITES) {
     demo_sites.push(<a href={DEMO_SITES[i][1]}>{DEMO_SITES[i][0]}</a>) 
   }
-
   return (
     <Fragment>
       <header class="demobar" style="display: flex; flex-direction: row; justify-content: space-between;">
         <div style="max-width: 50em; margin-left: 2em;">
           <h1>
             <span class="it">
-              <a href="/">{i18n`Demo Bank`}</a>
+              <a href="/">__LIBEUFIN_UI_BANK_NAME__</a>
             </span>
-          </h1>
-          <p><Translate>
-  	  This part of the demo shows how a bank that supports
-  	  Taler directly would work. In addition to using your own
-  	  bank account, you can also see the transaction history of
-  	  some <a href="#" onClick={goPublicAccounts(pageStateSetter)}>Public Accounts</a>.
-  	</Translate></p>
+          </h1>{
+            maybeDemoContent(<p><Translate>
+              This part of the demo shows how a bank that supports
+  	      Taler directly would work. In addition to using your own
+  	      bank account, you can also see the transaction history of
+  	      some <a href="#" onClick={goPublicAccounts(pageStateSetter)}>Public Accounts</a>.
+  	      </Translate></p>
+	    )
+	  }
         </div>
         <a href="https://taler.net/">
         <img
@@ -800,7 +806,7 @@ function BankFrame(Props: any): VNode {
       </header>
       <div style="display:flex; flex-direction: column;" class="navcontainer">
         <nav class="demolist">
-          {demo_sites}
+          {maybeDemoContent(<Fragment>{demo_sites}</Fragment>)}
           <div class="right">
             <LangSelector />
   	  </div>
@@ -1650,7 +1656,6 @@ export function BankHome(): VNode {
       </PageContext.Provider>
     );
   }
-
   /**
    * Credentials were correct, now render the bank account page,
    * with balance, transactions history, and a Taler withdrawal
@@ -1681,8 +1686,20 @@ export function BankHome(): VNode {
   /**
    * Currency only known _after_ a user logs in / registers.  Thus not
    * mentioning the currency right at the home page (as instead the Python
-   * bank did.)  FIXME: currency needed at startup too.
-   */
+   * bank did.)  FIXME: currency needed at startup too.  */
+  var regMsg = function () {
+    // @ts-ignore
+    if (__LIBEUFIN_UI_ALLOW_REGISTRATIONS__) {
+      return (
+        <p><Translate>If you are a new customer please &nbsp;
+        <a href="#" onClick={() =>
+	  {pageStateSetter((prevState) =>
+            ({...prevState, tryRegister: true}))}}>register!</a>
+        &nbsp;&nbsp; Registration is fast and free, and it gives
+        you a registration bonus of 100 <Currency /></Translate></p>);
+    }
+  }
+
   return (
     <PageContext.Provider value={[pageState, pageStateSetter]}>
       <BankFrame>
@@ -1690,15 +1707,12 @@ export function BankHome(): VNode {
         <LoginForm
             pageStateSetter={pageStateSetter}
             backendStateSetter={backendStateSetter} />
-        <p><Translate>
-          If you are a new customer please <a href="#" onClick={() => {
-            pageStateSetter((prevState) => ({...prevState, tryRegister: true}))}}>register!</a>
-  	&nbsp;&nbsp; Registration is fast and free, and it gives you a registration bonus
-  	of 100 <Currency />
-        </Translate></p>
-        <p><Translate>To view transactions of public accounts, please <a href="#"
+	{regMsg()} 
+	{maybeDemoContent(<p><Translate>
+	  To view transactions of public accounts, please <a href="#"
           onClick={goPublicAccounts(pageStateSetter)}>click here</a>.
-        </Translate></p>
+          </Translate></p>
+	)}
       </BankFrame>
     </PageContext.Provider>
   );