refactor: explanation view

yan-elena · Jun 4, 2024 · 53b454c · 53b454c
1 parent d8b672e
commit 53b454c
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/pages/EventExplanationPage.js b/src/pages/EventExplanationPage.js
@@ -12,14 +12,16 @@ function EventExplanationPage(props) {
                 </Modal.Header>
                 <Modal.Body>
                     <MDBContainer xs={12}>
-                            <div>
-                                {React.cloneElement(EventMapping[props.explanation.message.type][props.level], {
-                                    log: props.log,
-                                    event: props.explanation,
-                                    filter: "",
-                                    level: props.level
-                                })}
-                            </div>
+                            <ul className="timeline">
+                                <li className={"timeline-item mb-5"} key={props.explanation.timestamp}>
+                                    {React.cloneElement(EventMapping[props.explanation.message.type][props.level], {
+                                        log: props.log,
+                                        event: props.explanation,
+                                        filter: "",
+                                        level: props.level
+                                    })}
+                                </li>
+                            </ul>
                     </MDBContainer>
                 </Modal.Body>
             </Modal>