style(fc): use the correct textStyle for ChatNode

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

Author: bmc08gt

flipchatApp/src/main/kotlin/xyz/flipchat/app/features/chat/list/ChatNode.kt

@@ -81,6 +81,7 @@ fun ChatNode(
             modifier = modifier.background(CodeTheme.colors.background),
             title = chat.title,
             messagePreview = chat.messagePreview,
+            messageTextStyle = CodeTheme.typography.textSmall,
             avatar = chat.imageUri ?: chat.id,
             avatarIconWhenFallback = {
                 Image(

ui/components/src/main/kotlin/com/getcode/ui/components/Badge.kt

@@ -14,6 +14,7 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.drawBehind
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import com.getcode.theme.CodeTheme
@@ -25,6 +26,7 @@ fun Badge(
     count: Int,
     color: Color = CodeTheme.colors.brand,
     contentColor: Color = Color.White,
+    textStyle: TextStyle = CodeTheme.typography.textMedium.copy(fontWeight = FontWeight.W700),
     enterTransition: EnterTransition = scaleIn(tween(durationMillis = 300)) + fadeIn(),
     exitTransition: ExitTransition = fadeOut() + scaleOut(tween(durationMillis = 300))
 ) {
@@ -38,7 +40,7 @@ fun Badge(
         Text(
             text = text,
             color = contentColor,
-            style = CodeTheme.typography.textMedium.copy(fontWeight = FontWeight.W700),
+            style = textStyle,
             modifier = Modifier
                 .drawBehind {
                     drawCircle(

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

@@ -27,6 +27,7 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import com.getcode.theme.CodeTheme
@@ -44,6 +45,8 @@ fun ChatNode(
     avatar: Any? = null,
     avatarIconWhenFallback: @Composable BoxScope.() -> Unit = { },
     messagePreview: Pair<AnnotatedString, Map<String, InlineTextContent>>,
+    titleTextStyle: TextStyle = CodeTheme.typography.textMedium,
+    messageTextStyle: TextStyle = CodeTheme.typography.textMedium,
     timestamp: Long? = null,
     isMuted: Boolean = false,
     showMuteByTitle: Boolean = false,
@@ -107,7 +110,7 @@ fun ChatNode(
                 Text(
                     text = title,
                     maxLines = 1,
-                    style = CodeTheme.typography.textMedium
+                    style = titleTextStyle
                 )
                 if (isMuted && showMuteByTitle) {
                     Icon(
@@ -148,7 +151,7 @@ fun ChatNode(
                     modifier = Modifier.weight(1f),
                     text = preview,
                     inlineContent = inlineContent,
-                    style = CodeTheme.typography.textMedium,
+                    style = messageTextStyle,
                     color = CodeTheme.colors.textSecondary,
                     maxLines = 2,
                     overflow = TextOverflow.Ellipsis