From 234ee55882da7759591730be72f0940f82c52a05 Mon Sep 17 00:00:00 2001
From: Florian Dold <florian@dold.me>
Date: Mon, 31 Oct 2022 12:51:45 +0100
Subject: demobank-ui: bundle asses properly

---
 packages/demobank-ui/Makefile                 |  6 +-----
 packages/demobank-ui/build.mjs                |  2 +-
 packages/demobank-ui/src/pages/home/index.tsx | 20 ++++++++++----------
 3 files changed, 12 insertions(+), 16 deletions(-)

(limited to 'packages')

diff --git a/packages/demobank-ui/Makefile b/packages/demobank-ui/Makefile
index ae7474e2c..3c3a3f602 100644
--- a/packages/demobank-ui/Makefile
+++ b/packages/demobank-ui/Makefile
@@ -13,9 +13,5 @@ install:
 	pnpm run check
 	pnpm run build
 	install -d $(spa_dir)
-	install ./dist/index.css $(spa_dir)
-	install ./dist/index.css.map $(spa_dir)
-	install ./dist/index.js $(spa_dir)
-	install ./dist/index.js.map $(spa_dir)
-	install ./dist/index.html $(spa_dir)
+	install ./dist/* $(spa_dir)
 
diff --git a/packages/demobank-ui/build.mjs b/packages/demobank-ui/build.mjs
index 6350804fb..63ddc1f25 100755
--- a/packages/demobank-ui/build.mjs
+++ b/packages/demobank-ui/build.mjs
@@ -92,7 +92,7 @@ export const buildConfig = {
   outdir: "dist",
   minify: false,
   loader: {
-    ".svg": "text",
+    ".svg": "file",
     ".png": "dataurl",
     ".jpeg": "dataurl",
   },
diff --git a/packages/demobank-ui/src/pages/home/index.tsx b/packages/demobank-ui/src/pages/home/index.tsx
index c8caf2a92..0ee2aa20d 100644
--- a/packages/demobank-ui/src/pages/home/index.tsx
+++ b/packages/demobank-ui/src/pages/home/index.tsx
@@ -1517,16 +1517,16 @@ function QrCodeSection({
     <section id="main" class="content">
       <h1 class="nav">{i18n`Charge Taler Wallet`}</h1>
       <article>
-      <div class="qr-div">
-      <p>{i18n`Use this QR code to withdraw to your mobile wallet:`}</p>
-      {QR({ text: talerWithdrawUri })}
-      <p>
-        Click <a id="linkqr" href={talerWithdrawUri}>{i18n`this link`}</a> to
-        open your Taler wallet!
-      </p>
-      <br />
-      {abortButton}
-      </div>
+        <div class="qr-div">
+          <p>{i18n`Use this QR code to withdraw to your mobile wallet:`}</p>
+          {QR({ text: talerWithdrawUri })}
+          <p>
+            Click <a id="linkqr" href={talerWithdrawUri}>{i18n`this link`}</a>{" "}
+            to open your Taler wallet!
+          </p>
+          <br />
+          {abortButton}
+        </div>
       </article>
     </section>
   );
-- 
cgit v1.2.3