style(fc): create HostableUserAvatar to reuse crowning

Signed-off-by: Brandon McAnsh <[email protected]>

Author: bmc08gt

ui/components/src/main/kotlin/com/getcode/ui/components/chat/HostableUserAvatar.kt

@@ -0,0 +1,72 @@
+package com.getcode.ui.components.chat
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.offset
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Person
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.Density
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.IntOffset
+import androidx.compose.ui.unit.dp
+import com.getcode.theme.CodeTheme
+import com.getcode.ui.components.R
+
+@Composable
+fun HostableUserAvatar(
+    imageData: Any?,
+    modifier: Modifier = Modifier,
+    size: Dp = CodeTheme.dimens.staticGrid.x8,
+    crownOffset: Density.() -> IntOffset = {
+        IntOffset(
+            x = -(5.dp).roundToPx(),
+            y = -(5.dp).roundToPx()
+        )
+    },
+    isHost: Boolean = false,
+) {
+    Box(
+        modifier = modifier,
+    ) {
+        UserAvatar(
+            modifier = Modifier
+                .size(size)
+                .clip(CircleShape),
+            data = imageData,
+            overlay = {
+                Image(
+                    modifier = Modifier.padding(5.dp),
+                    imageVector = Icons.Default.Person,
+                    colorFilter = ColorFilter.tint(Color.White),
+                    contentDescription = null,
+                )
+            }
+        )
+
+        if (isHost) {
+            Image(
+                modifier = Modifier
+                    .align(Alignment.TopStart)
+                    .offset { crownOffset() }
+                    .size(CodeTheme.dimens.staticGrid.x4)
+                    .background(color = Color(0xFFE9C432), shape = CircleShape)
+                    .padding(4.dp),
+                painter = painterResource(R.drawable.ic_crown),
+                contentDescription = null,
+                colorFilter = ColorFilter.tint(CodeTheme.colors.brand)
+            )
+        }
+    }
+}

ui/components/src/main/kotlin/com/getcode/ui/components/chat/MessageNode.kt

@@ -541,42 +541,12 @@ private fun ContentFromSender(
             if (isFirstInSeries) {
                 Column {
                     Spacer(Modifier.size(CodeTheme.dimens.grid.x4))
-                    Box(
+                    HostableUserAvatar(
                         modifier = Modifier
-                            .padding(top = CodeTheme.dimens.grid.x1)
-                    ) {
-                        UserAvatar(
-                            modifier = Modifier
-                                .size(CodeTheme.dimens.staticGrid.x8)
-                                .clip(CircleShape),
-                            data = sender.profileImage ?: sender.id,
-                            overlay = {
-                                Image(
-                                    modifier = Modifier.padding(5.dp),
-                                    imageVector = Icons.Default.Person,
-                                    colorFilter = ColorFilter.tint(Color.White),
-                                    contentDescription = null,
-                                )
-                            }
-                        )
-
-                        if (sender.isHost) {
-                            Image(
-                                modifier = Modifier
-                                    .align(Alignment.TopStart)
-                                    .offset(
-                                        x = -(CodeTheme.dimens.grid.x1),
-                                        y = -(CodeTheme.dimens.grid.x1)
-                                    )
-                                    .size(CodeTheme.dimens.staticGrid.x4)
-                                    .background(color = Color(0xFFE9C432), shape = CircleShape)
-                                    .padding(4.dp),
-                                painter = painterResource(R.drawable.ic_crown),
-                                contentDescription = null,
-                                colorFilter = ColorFilter.tint(CodeTheme.colors.brand)
-                            )
-                        }
-                    }
+                            .padding(top = CodeTheme.dimens.grid.x1),
+                        imageData = sender.profileImage ?: sender.id,
+                        isHost = sender.isHost
+                    )
                 }
             } else {
                 Spacer(Modifier.size(CodeTheme.dimens.staticGrid.x8))