- })
+ })
{room.name}
diff --git a/web/src/ui/timeline/TimelineEvent.css b/web/src/ui/timeline/TimelineEvent.css
index e69de29..8edba98 100644
--- a/web/src/ui/timeline/TimelineEvent.css
+++ b/web/src/ui/timeline/TimelineEvent.css
@@ -0,0 +1,10 @@
+div.timeline-event {
+ width: 100%;
+ max-width: 100%;
+ overflow: hidden;
+
+ img {
+ max-width: 50%;
+ max-height: 25vh;
+ }
+}
diff --git a/web/src/ui/timeline/TimelineEvent.tsx b/web/src/ui/timeline/TimelineEvent.tsx
index 76f68c6..6ad0617 100644
--- a/web/src/ui/timeline/TimelineEvent.tsx
+++ b/web/src/ui/timeline/TimelineEvent.tsx
@@ -13,27 +13,50 @@
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see
+
+
+ }
return
-
}
diff --git a/web/src/ui/timeline/TimelineView.css b/web/src/ui/timeline/TimelineView.css
new file mode 100644
index 0000000..5ddf515
--- /dev/null
+++ b/web/src/ui/timeline/TimelineView.css
@@ -0,0 +1,3 @@
+div.timeline-view {
+ padding: 1rem;
+}
diff --git a/web/src/ui/timeline/TimelineView.tsx b/web/src/ui/timeline/TimelineView.tsx
index f1936e2..f5cbd12 100644
--- a/web/src/ui/timeline/TimelineView.tsx
+++ b/web/src/ui/timeline/TimelineView.tsx
@@ -18,6 +18,7 @@ import { RoomStateStore } from "../../api/statestore.ts"
import { useNonNullEventAsState } from "../../util/eventdispatcher.ts"
import { ClientContext } from "../ClientContext.ts"
import TimelineEvent from "./TimelineEvent.tsx"
+import "./TimelineView.css"
interface TimelineViewProps {
room: RoomStateStore
diff --git a/web/src/ui/timeline/content/HiddenEvent.tsx b/web/src/ui/timeline/content/HiddenEvent.tsx
new file mode 100644
index 0000000..eb58bf4
--- /dev/null
+++ b/web/src/ui/timeline/content/HiddenEvent.tsx
@@ -0,0 +1,22 @@
+// gomuks - A Matrix client written in Go.
+// Copyright (C) 2024 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see {evt.decrypted_type ?? evt.type}
-
- {evt.sender}
-
- {body ?? {JSON.stringify(evt.decrypted ?? evt.content, null, " ")}}
+
+ {evt.sender}
+
+ {`{ "type": "${event.type}" }`}
+}
+
+export default HiddenEvent
diff --git a/web/src/ui/timeline/content/MessageBody.tsx b/web/src/ui/timeline/content/MessageBody.tsx
new file mode 100644
index 0000000..2b6465a
--- /dev/null
+++ b/web/src/ui/timeline/content/MessageBody.tsx
@@ -0,0 +1,84 @@
+// gomuks - A Matrix client written in Go.
+// Copyright (C) 2024 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see {`{ "type": "${event.type}" }`}
+}
+
+export default MessageBody
diff --git a/web/src/ui/timeline/content/props.ts b/web/src/ui/timeline/content/props.ts
new file mode 100644
index 0000000..caf571d
--- /dev/null
+++ b/web/src/ui/timeline/content/props.ts
@@ -0,0 +1,22 @@
+// gomuks - A Matrix client written in Go.
+// Copyright (C) 2024 Tulir Asokan
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see