diff --git a/src/main/kotlin/org/briarproject/briar/desktop/contact/ProfileCircle.kt b/src/main/kotlin/org/briarproject/briar/desktop/contact/ProfileCircle.kt index 6bc0028fe0c017b1fdface390e3cb14a8c3e656b..2fb9dbcc587f29db4d0169ecee7c1a2c25c171e2 100644 --- a/src/main/kotlin/org/briarproject/briar/desktop/contact/ProfileCircle.kt +++ b/src/main/kotlin/org/briarproject/briar/desktop/contact/ProfileCircle.kt @@ -18,7 +18,6 @@ package org.briarproject.briar.desktop.contact -import androidx.compose.desktop.ui.tooling.preview.Preview import androidx.compose.foundation.Canvas import androidx.compose.foundation.Image import androidx.compose.foundation.border @@ -28,21 +27,23 @@ import androidx.compose.material.MaterialTheme import androidx.compose.runtime.Composable import androidx.compose.ui.Modifier import androidx.compose.ui.draw.clip +import androidx.compose.ui.geometry.Offset import androidx.compose.ui.graphics.ImageBitmap import androidx.compose.ui.layout.ContentScale import androidx.compose.ui.unit.Dp import androidx.compose.ui.unit.dp import org.briarproject.briar.desktop.theme.outline +import org.briarproject.briar.desktop.utils.PreviewUtils.preview -@Preview -@Composable -fun PreviewProfileCircle() { +fun main() = preview { val bytes = byteArrayOf( -110, 58, 34, -54, 79, 0, -92, -65, 2, 10, -7, 53, -121, -31, 39, 48, 86, -54, -4, 7, 108, -106, 89, 11, 65, -118, 13, -51, -96, 38, -91 ) ProfileCircle(90.dp, bytes) + + ProfileCircle(90.dp) } /** @@ -96,7 +97,12 @@ fun ProfileCircle(size: Dp, avatar: ImageBitmap) { */ @Composable fun ProfileCircle(size: Dp) { - Canvas(Modifier.size(size).clip(CircleShape).border(2.dp, MaterialTheme.colors.outline, CircleShape)) { - // TODO what to display here? + val color = MaterialTheme.colors.outline + Canvas(Modifier.size(size).clip(CircleShape).border(2.dp, color, CircleShape)) { + val size = size.toPx() + val center = size / 2 + val width = 2.dp.toPx() + drawLine(color, Offset(center, center * 0.2f), Offset(center, center), width) + drawLine(color, Offset(center, center), Offset(size * 0.7f, size * 0.7f), width) } }