diff --git a/src/components/event.vue b/src/components/event.vue
new file mode 100644
index 0000000..1d33677
--- /dev/null
+++ b/src/components/event.vue
@@ -0,0 +1,134 @@
+
+
+
+
+ {{calcUserName(replyEvent.sender)}}
+
+
+
+
{{getTime(event.origin_server_ts)}}
+
+
+ {{event.content.body}}
+ {{getTime(event.origin_server_ts)}}
+
+
+ {{membershipEvents[event.content.membership](event)}}
+ {{getTime(event.origin_server_ts)}}
+
+
unknown event
+ {{getTime(event.origin_server_ts)}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/message.vue b/src/components/message.vue
deleted file mode 100644
index 5186bf6..0000000
--- a/src/components/message.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-
-
-
- {{calcUserName(replyEvent.sender)}}
-
-
-
-
{{time}}
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/components/timeline.vue b/src/components/timeline.vue
index 78f70bc..661dc22 100644
--- a/src/components/timeline.vue
+++ b/src/components/timeline.vue
@@ -24,38 +24,23 @@
>
{{calcUserName(group[0].sender)}}
-
-
-
- {{event.content.body}}
- {{getTime(event.origin_server_ts)}}
-
-
- {{membershipEvents[event.content.membership]}}
- {{getTime(event.origin_server_ts)}}
-
-
unknown event
- {{getTime(event.origin_server_ts)}}
-
+ :type="event.sender === user?'send':'receive'"
+ :event="event"
+ :on-update="()=>onUpdate()"
+ />
@@ -137,24 +112,6 @@ export default {
margin-left: 1rem;
font-weight: bold;
}
- .event{
- .info {
- font-style: italic;
- margin-top: 0.5rem;
- margin-bottom: 0.5rem;
- margin-left: 0.5rem;
- .time {
- font-size: 0.7rem;
- }
- }
- .notice{
- margin-top: 0.5rem;
- margin-bottom: 0.5rem;
- .time{
- font-size: 0.7rem;
- }
- }
- }
.indent{
margin-left: 2.5rem;
}