Read receipt: Bottom sheet

libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/components/avatar/AvatarSize.kt

@@ -39,6 +39,8 @@ enum class AvatarSize(val dp: Dp) {
     TimelineSender(32.dp),
     TimelineReadReceipt(16.dp),
 
+    ReadReceiptList(32.dp),
+
     MessageActionSender(32.dp),
 
     RoomInviteItem(52.dp),

libraries/matrixui/src/main/kotlin/io/element/android/libraries/matrix/ui/components/MatrixUserRow.kt

@@ -31,11 +31,13 @@ fun MatrixUserRow(
     matrixUser: MatrixUser,
     modifier: Modifier = Modifier,
     avatarSize: AvatarSize = AvatarSize.UserListItem,
+    trailingContent: @Composable (() -> Unit)? = null,
 ) = UserRow(
     avatarData = matrixUser.getAvatarData(avatarSize),
     name = matrixUser.getBestName(),
     subtext = if (matrixUser.displayName.isNullOrEmpty()) null else matrixUser.userId.value,
     modifier = modifier,
+    trailingContent,
 )
 
 @PreviewsDayNight

libraries/matrixui/src/main/kotlin/io/element/android/libraries/matrix/ui/components/UserRow.kt

@@ -38,6 +38,7 @@ internal fun UserRow(
     name: String,
     subtext: String?,
     modifier: Modifier = Modifier,
+    trailingContent: @Composable (() -> Unit)? = null,
 ) {
     Row(
         modifier = modifier
@@ -49,7 +50,8 @@ internal fun UserRow(
         Avatar(avatarData)
         Column(
             modifier = Modifier
-                .padding(start = 12.dp),
+                .padding(start = 12.dp)
+                .weight(1f),
         ) {
             // Name
             Text(
@@ -70,5 +72,6 @@ internal fun UserRow(
                 )
             }
         }
+        trailingContent?.invoke()
     }
 }