demobank-ui: bundle asses properly

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)
 

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",
   },

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>
   );