1 files changed, 38 insertions, 0 deletions
diff --git a/webui/src/Components/Timeline/EventMessages.js b/webui/src/Components/Timeline/EventMessages.js
new file mode 100644
index 0000000..309df6e
--- /dev/null
+++ b/webui/src/Components/Timeline/EventMessages.js
@@ -0,0 +1,38 @@
+import React, { Component } from 'react';
+import './EventMessages.scss';
+
+class EventMessages extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+        event: props.event
+    };
+  }
+
+  getMessages() {
+    
+    var messages = this.state.event.messages;
+
+    if(!messages)
+      return;
+    
+    var elements = [];
+
+    for(var i = messages.length - 1; i >= 0; i--) {
+      elements.push(<p key={i}>{messages[i]}</p>);
+    }
+
+    return elements;
+  }
+
+  render() {
+    return (
+      <div className={"EventMessages"}>
+            {this.getMessages()}
+      </div>
+    );
+  }
+}
+
+export default EventMessages;