Compute avatar color of users and apply foreground color to the sender displayname.

This commit is contained in:
Benoit Marty 2023-09-05 12:12:59 +02:00
parent 9db45a997d
commit a79e3d41d6
3 changed files with 50 additions and 10 deletions

View file

@ -75,7 +75,7 @@ import io.element.android.features.messages.impl.timeline.model.event.TimelineIt
import io.element.android.features.messages.impl.timeline.model.event.aTimelineItemImageContent import io.element.android.features.messages.impl.timeline.model.event.aTimelineItemImageContent
import io.element.android.features.messages.impl.timeline.model.event.aTimelineItemPollContent import io.element.android.features.messages.impl.timeline.model.event.aTimelineItemPollContent
import io.element.android.features.messages.impl.timeline.model.event.aTimelineItemTextContent import io.element.android.features.messages.impl.timeline.model.event.aTimelineItemTextContent
import io.element.android.libraries.designsystem.colors.AvatarColor import io.element.android.libraries.designsystem.colors.AvatarColors
import io.element.android.libraries.designsystem.components.EqualWidthColumn import io.element.android.libraries.designsystem.components.EqualWidthColumn
import io.element.android.libraries.designsystem.components.avatar.Avatar import io.element.android.libraries.designsystem.components.avatar.Avatar
import io.element.android.libraries.designsystem.components.avatar.AvatarData import io.element.android.libraries.designsystem.components.avatar.AvatarData
@ -328,7 +328,7 @@ private fun MessageSenderInformation(
) { ) {
val avatarStrokeColor = MaterialTheme.colorScheme.background val avatarStrokeColor = MaterialTheme.colorScheme.background
val avatarSize = senderAvatar.size.dp val avatarSize = senderAvatar.size.dp
val avatarColor = AvatarColor(senderAvatar.id) val avatarColors = AvatarColors(senderAvatar.id)
Box( Box(
modifier = modifier modifier = modifier
) { ) {
@ -352,7 +352,7 @@ private fun MessageSenderInformation(
text = sender, text = sender,
maxLines = 1, maxLines = 1,
overflow = TextOverflow.Ellipsis, overflow = TextOverflow.Ellipsis,
color = avatarColor.foreground, color = avatarColors.foreground,
style = ElementTheme.typography.fontBodyMdMedium, style = ElementTheme.typography.fontBodyMdMedium,
) )
} }

View file

@ -22,26 +22,26 @@ import io.element.android.libraries.theme.ElementTheme
import io.element.android.libraries.theme.colors.avatarColorsDark import io.element.android.libraries.theme.colors.avatarColorsDark
import io.element.android.libraries.theme.colors.avatarColorsLight import io.element.android.libraries.theme.colors.avatarColorsLight
data class AvatarColor( data class AvatarColors(
val background: Color, val background: Color,
val foreground: Color, val foreground: Color,
) )
@Composable @Composable
fun AvatarColor(userId: String): AvatarColor { fun AvatarColors(userId: String): AvatarColors {
val hash = userId.toHash() val hash = userId.toHash()
val colors = if (ElementTheme.isLightTheme) { val colors = if (ElementTheme.isLightTheme) {
avatarColorsLight[hash % avatarColorsLight.size] avatarColorsLight[hash]
} else { } else {
avatarColorsDark[hash % avatarColorsDark.size] avatarColorsDark[hash]
} }
return AvatarColor( return AvatarColors(
background = colors.first, background = colors.first,
foreground = colors.second, foreground = colors.second,
) )
} }
private fun String.toHash(): Int { internal fun String.toHash(): Int {
return toList().sumOf { it.code } % 8 + 1 return toList().sumOf { it.code } % 8
} }

View file

@ -0,0 +1,40 @@
/*
* Copyright (c) 2023 New Vector Ltd
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package io.element.android.libraries.designsystem.colors
import com.google.common.truth.Truth.assertThat
import io.element.android.libraries.theme.colors.avatarColorsDark
import io.element.android.libraries.theme.colors.avatarColorsLight
import org.junit.Test
class AvatarColorsTest {
@Test
fun `ensure list size`() {
// avatarColorsDark and avatarColorsLight size must not be modified.
// 8 is used as a hard-coded modulo in `String.toHash()` extension.
assertThat(avatarColorsDark.size).isEqualTo(8)
assertThat(avatarColorsLight.size).isEqualTo(8)
}
@Test
fun `compute string hash`() {
assertThat("@alice:domain.org".toHash()).isEqualTo(6)
assertThat("@bob:domain.org".toHash()).isEqualTo(3)
assertThat("@charlie:domain.org".toHash()).isEqualTo(0)
}
}