Use ItemDelegate for read receipts

resources/qml/dialogs/ReadReceipts.qml

@@ -58,61 +58,58 @@ ApplicationWindow {
                 boundsBehavior: Flickable.StopAtBounds
                 model: readReceipts
 
-                delegate: RowLayout {
-                    spacing: Nheko.paddingMedium
-
-                    Avatar {
-                        width: Nheko.avatarSize
-                        height: Nheko.avatarSize
-                        userid: model.mxid
-                        url: model.avatarUrl.replace("mxc://", "image://MxcImage/")
-                        displayName: model.displayName
-                        onClicked: room.openUserProfile(model.mxid)
-                        ToolTip.visible: avatarHover.hovered
-                        ToolTip.text: model.mxid
-
-                        HoverHandler {
-                            id: avatarHover
-                        }
-
+                delegate: ItemDelegate {
+                    onClicked: room.openUserProfile(model.mxid)
+                    padding: Nheko.paddingMedium
+                    width: receiptLayout.implicitWidth
+                    height: receiptLayout.implicitHeight
+                    hoverEnabled: true
+                    ToolTip.visible: hovered
+                    ToolTip.text: model.mxid
+                    background: Rectangle {
+                        color: readReceiptsRoot.color
                     }
 
-                    ColumnLayout {
-                        spacing: Nheko.paddingSmall
+                    RowLayout {
+                        id: receiptLayout
 
-                        Label {
-                            text: model.displayName
-                            color: TimelineManager.userColor(model ? model.mxid : "", Nheko.colors.window)
-                            font.pointSize: fontMetrics.font.pointSize
-                            ToolTip.visible: displayNameHover.hovered
-                            ToolTip.text: model.mxid
+                        spacing: Nheko.paddingMedium
 
-                            TapHandler {
-                                onSingleTapped: room.openUserProfile(userId)
-                            }
+                        Avatar {
+                            width: Nheko.avatarSize
+                            height: Nheko.avatarSize
+                            userid: model.mxid
+                            url: model.avatarUrl.replace("mxc://", "image://MxcImage/")
+                            displayName: model.displayName
+                        }
+
+                        ColumnLayout {
+                            spacing: Nheko.paddingSmall
 
-                            CursorShape {
-                                anchors.fill: parent
-                                cursorShape: Qt.PointingHandCursor
+                            Label {
+                                text: model.displayName
+                                color: TimelineManager.userColor(model ? model.mxid : "", Nheko.colors.window)
+                                font.pointSize: fontMetrics.font.pointSize
                             }
 
-                            HoverHandler {
-                                id: displayNameHover
+                            Label {
+                                text: model.timestamp
+                                color: Nheko.colors.buttonText
+                                font.pointSize: fontMetrics.font.pointSize * 0.9
                             }
 
-                        }
+                            Item {
+                                Layout.fillHeight: true
+                                Layout.fillWidth: true
+                            }
 
-                        Label {
-                            text: model.timestamp
-                            color: Nheko.colors.buttonText
-                            font.pointSize: fontMetrics.font.pointSize * 0.9
                         }
 
-                        Item {
-                            Layout.fillHeight: true
-                            Layout.fillWidth: true
-                        }
+                    }
 
+                    CursorShape {
+                        anchors.fill: parent
+                        cursorShape: Qt.PointingHandCursor
                     }
 
                 }