diff --git a/index.html b/index.html
index 145467a006d959909bd213cab72899cc6e6c5728..c2c1b3dddf98ca525d8900afff5dde664efd4d56 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
- <link rel="stylesheet" href="src/style.css">
+ <link rel="stylesheet" href="/src/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Chatterbox</title>
</head>
diff --git a/src/ui/views/ChatterboxView.ts b/src/ui/views/ChatterboxView.ts
index 584b09e6e085ab6426aeb402d602b45b082fdb17..bbd50029b89d60c339cb887d2a58057069885458 100644
--- a/src/ui/views/ChatterboxView.ts
+++ b/src/ui/views/ChatterboxView.ts
@@ -1,7 +1,7 @@
import { TemplateView, TimelineView, LoadingView, AvatarView } from "hydrogen-view-sdk";
import { MessageComposer } from "hydrogen-view-sdk";
import { ChatterboxViewModel } from "../../viewmodels/ChatterboxViewModel";
-
+import matrixLogo from "../res/matrix-logo.svg";
export class ChatterboxView extends TemplateView<ChatterboxViewModel> {
constructor(value) {
super(value);
@@ -21,10 +21,9 @@ export class ChatterboxView extends TemplateView<ChatterboxViewModel> {
(vm) => vm.messageComposerViewModel,
(vm) => (vm ? new MessageComposer(vm) : null)
),
- t.div({ className: "ChatterboxView_footer" }, [
- "Powered by",
- t.img({ src: "./src/ui/res/matrix-logo.svg" }),
- ]),
+ t.mapView(
+ (vm) => vm.roomViewModel,
+ (vm) => vm ? new RoomFooter() : null),
]);
}
}
@@ -44,3 +43,13 @@ class RoomHeaderView extends TemplateView<ChatterboxViewModel> {
]);
}
}
+
+class RoomFooter extends TemplateView {
+
+ render(t) {
+ return t.div({ className: "ChatterboxView_footer" }, [
+ "Powered by",
+ t.img({ src: matrixLogo }),
+ ]);
+ }
+}
diff --git a/vite.config.js b/vite.config.js
index 3200d5d951ba724e16090584933fcc7c10eb0571..5e9588bb5fc7ee99dcbe712d823183422e91c37d 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,13 +2,6 @@ const path = require('path')
const { defineConfig } = require('vite')
module.exports = defineConfig({
- build: {
- lib: {
- entry: path.resolve(__dirname, "src/main.ts"),
- name: "chatterbox",
- fileName: "chatterbox.js",
- },
- },
server: {
fs: {
// Allow serving files from hydrogen-web/target (for fonts and images)