Clicking on an reply move the timeline view to the reply

imports/NeoChat/Component/Timeline/MessageDelegate.qml

@@ -30,6 +30,7 @@ RowLayout {
 
     signal saveFileAs()
     signal openExternally()
+    signal replyClicked(string eventID)
 
     id: root
 
@@ -90,9 +91,14 @@ RowLayout {
                 wrapMode: Text.Wrap
             }
             Loader {
+                id: replyLoader
                 source: 'qrc:imports/NeoChat/Component/Timeline/ReplyComponent.qml'
                 active: replyVisible
             }
+            Connections {
+                target: replyLoader.item
+                onClicked: replyClicked(reply.eventId)
+            }
         }
     }
 }

imports/NeoChat/Component/Timeline/ReplyComponent.qml

@@ -9,13 +9,13 @@ import QtQuick.Controls 2.12 as QQC2
 import QtQuick.Layouts 1.12
 import org.kde.kirigami 2.13 as Kirigami
 
-RowLayout {
+QQC2.AbstractButton {
-    Layout.fillWidth: true
-
     visible: replyVisible
-
     Component.onCompleted: parent.Layout.fillWidth = true
 
+    contentItem: RowLayout {
+        Layout.fillWidth: true
+
         Rectangle {
             Layout.preferredWidth: Kirigami.Units.smallSpacing
             Layout.fillHeight: true
@@ -52,5 +52,5 @@ RowLayout {
                 wrapMode: Text.WordWrap
             }
         }
+    }
 }
-

imports/NeoChat/Page/RoomPage.qml

@@ -203,6 +203,7 @@ Kirigami.ScrollablePage {
                             anchors.fill: parent
                             onClicked: openMessageContext(author, display, eventId, toolTip);
                         }
+                        onReplyClicked: goToEvent(eventID)
                         innerObject: [
                             TextDelegate {
                                 Layout.fillWidth: true
@@ -225,6 +226,7 @@ Kirigami.ScrollablePage {
 
                     innerObject: MessageDelegate {
                         Layout.fillWidth: true
+                        onReplyClicked: goToEvent(eventID)
 
                         innerObject: TextDelegate {
                             Layout.fillWidth: true
@@ -240,6 +242,7 @@ Kirigami.ScrollablePage {
 
                     innerObject: MessageDelegate {
                         Layout.fillWidth: true
+                        onReplyClicked: goToEvent(eventID)
 
                         innerObject: [
                             ImageDelegate {
@@ -264,6 +267,7 @@ Kirigami.ScrollablePage {
 
                     innerObject: MessageDelegate {
                         Layout.fillWidth: true
+                        onReplyClicked: goToEvent(eventID)
 
                         innerObject: AudioDelegate {
                             Layout.fillWidth: true
@@ -279,6 +283,7 @@ Kirigami.ScrollablePage {
 
                     innerObject: MessageDelegate {
                         Layout.fillWidth: true
+                        onReplyClicked: goToEvent(eventID)
 
                         innerObject: AudioDelegate {
                             Layout.fillWidth: true