[taler-merchant-backoffice] 03/03: populate demo links

[gnunet]

This is an automated email from the git hooks/post-receive script.

ms pushed a commit to branch master
in repository merchant-backoffice.

commit d47c3c88052d9ed7cae2080def60dbbc57f3b92a
Author: ms <ms@taler.net>
AuthorDate: Sat Apr 9 10:04:32 2022 +0200

    populate demo links
---
 packages/bank/preact.mock.js           | 12 ++++++++++--
 packages/bank/preact.single-config.js  | 10 ++++++++++
 packages/bank/src/pages/home/index.tsx | 14 ++++++++------
 3 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/packages/bank/preact.mock.js b/packages/bank/preact.mock.js
index 53274d8..dc3ceb6 100644
--- a/packages/bank/preact.mock.js
+++ b/packages/bank/preact.mock.js
@@ -31,14 +31,22 @@ export default {
   webpack(config, env, helpers) {
     // Ensure that process.env will not be undefined at runtime.
     config.node.process = 'mock'
-
+    let DEMO_SITES = {
+      "Blog": process.env.TALER_ENV_URL_MERCHANT_BLOG,
+      "Donations": process.env.TALER_ENV_URL_MERCHANT_DONATIONS,
+      "Survey": process.env.TALER_ENV_URL_MERCHANT_SURVEY,
+      "Landing": process.env.TALER_ENV_URL_INTRO,
+      "Bank": process.env.TALER_ENV_URL_BANK,
+    }
+    console.log("demo links found", DEMO_SITES);
     // Add __VERSION__ to be use in the html.
     config.plugins.push(
       new DefinePlugin({
         'process.env.__VERSION__': JSON.stringify(env.isProd ? pack.version : 
`dev-${commitHash}`) ,
       }),
       // 'window' gets mocked to point at a running euFin instance.
-      new ProvidePlugin({window: path.resolve("mocks/window")})
+      new ProvidePlugin({window: path.resolve("mocks/window")}),
+      new DefinePlugin({"DEMO_SITES": JSON.stringify(DEMO_SITES)})
     );
 
     let { index } = helpers.getPluginsByName(config, 
'WebpackFixStyleOnlyEntriesPlugin')[0]
diff --git a/packages/bank/preact.single-config.js 
b/packages/bank/preact.single-config.js
index 61a79bb..d6e3024 100644
--- a/packages/bank/preact.single-config.js
+++ b/packages/bank/preact.single-config.js
@@ -58,5 +58,15 @@ export default {
     //7. template.html should have a favicon and add js/css content
 
     //last, after building remove the mysterious link to stylesheet with 
remove-link-stylesheet.sh
+    let DEMO_SITES = {
+      "Blog": process.env.TALER_ENV_URL_MERCHANT_BLOG,
+      "Donations": process.env.TALER_ENV_URL_MERCHANT_DONATIONS,
+      "Survey": process.env.TALER_ENV_URL_MERCHANT_SURVEY,
+      "Landing": process.env.TALER_ENV_URL_INTRO,
+      "Bank": process.env.TALER_ENV_URL_BANK,
+    }
+    config.plugins.push(
+      new DefinePlugin({"DEMO_SITES": JSON.stringify(DEMO_SITES)})
+    );
   }
 }
diff --git a/packages/bank/src/pages/home/index.tsx 
b/packages/bank/src/pages/home/index.tsx
index f96676c..1e7723d 100644
--- a/packages/bank/src/pages/home/index.tsx
+++ b/packages/bank/src/pages/home/index.tsx
@@ -709,6 +709,13 @@ function BankFrame(Props: any): VNode {
         });
       }}>{i18n`Logout`}</a>);
 
+  // Prepare demo sites links.
+  let demo_sites = [];
+  console.log(DEMO_SITES);
+  for (const site in DEMO_SITES)
+    if (typeof DEMO_SITES[site] !== "undefined")
+      demo_sites.push(<a href={DEMO_SITES[site]}>{site}</a>) 
+
   return (
     <Fragment>
       <header class="demobar" style="display: flex; flex-direction: row; 
justify-content: space-between;">
@@ -736,12 +743,7 @@ function BankFrame(Props: any): VNode {
       </header>
       <div style="display:flex; flex-direction: column;" class="navcontainer">
         <nav class="demolist">
-          <a href="#">DEMO SITE 0</a>
-          <a href="#">DEMO SITE 1</a>
-          <a href="#">DEMO SITE 2</a>
-          <a href="#">DEMO SITE 3</a>
-          <a href="#">DEMO SITE 4</a>
-          <a href="#">DEMO SITE 5</a>
+          {demo_sites}
           <div class="right">
             <LangSelector />
          </div>

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.