chore(fc): ellipsize ChatNode title when overflowing

Signed-off-by: Brandon McAnsh <git@bmcreations.dev>

Author: bmc08gt

flipchatApp/src/main/kotlin/xyz/flipchat/app/features/chat/conversation/ConversationTitle.kt

@@ -4,6 +4,7 @@ import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.CircleShape
@@ -17,6 +18,7 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.pluralStringResource
+import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.getcode.theme.CodeTheme
@@ -50,7 +52,10 @@ internal fun ConversationTitle(
         )
         Column {
             Text(
+                modifier = Modifier.fillMaxWidth(),
                 text = state.title,
+                maxLines = 1,
+                overflow = TextOverflow.Ellipsis,
                 style = CodeTheme.typography.screenTitle.copy(fontSize = 18.sp)
             )
 

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

@@ -171,7 +171,7 @@ private fun TopAppBarBase(
         // Calculate the remaining space for the title region
         val leftIconWidth = leftIconPlaceable?.width ?: 0
         val rightContentsWidth = rightContentsPlaceable?.width ?: 0
-        val remainingWidth = constraints.maxWidth - leftIconWidth - rightContentsWidth - contentPadding.calculateLeftPadding(layoutDirection).roundToPx() - contentPadding.calculateRightPadding(layoutDirection).roundToPx()
+        val remainingWidth = constraints.maxWidth - leftIconWidth - rightContentsWidth - contentPadding.calculateLeftPadding(layoutDirection).roundToPx() - (contentPadding.calculateRightPadding(layoutDirection).roundToPx() * 2)
 
         // Measure title region with the remaining space, if provided
         val titleRegionPlaceable = subcompose("titleRegion", titleRegion).firstOrNull()?.measure(

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

@@ -105,14 +105,16 @@ fun ChatNode(
 
             Row(
                 modifier = Modifier.fillMaxWidth(),
-                verticalAlignment = Alignment.CenterVertically
+                verticalAlignment = Alignment.CenterVertically,
+                horizontalArrangement = Arrangement.spacedBy(CodeTheme.dimens.grid.x2)
             ) {
                 Text(
+                    modifier = Modifier.weight(1f),
                     text = title,
                     maxLines = 1,
+                    overflow = TextOverflow.Ellipsis,
                     style = titleTextStyle
                 )
-                Spacer(Modifier.weight(1f))
                 timestamp?.let {
                     val isToday = DateUtils.isToday(it)
                     Text(

ui/components/src/main/kotlin/com/getcode/ui/utils/PaddingValues.kt

@@ -4,6 +4,7 @@ import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.platform.LocalLayoutDirection
 import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.LayoutDirection
 import androidx.compose.ui.unit.dp
 
 fun PaddingValues.calculateVerticalPadding() = calculateTopPadding() + calculateBottomPadding()
@@ -23,7 +24,11 @@ fun PaddingValues.calculateEndPadding(): Dp {
 @Composable
 fun PaddingValues.calculateHorizontalPadding(): Dp {
     val ldr = LocalLayoutDirection.current
-    return calculateLeftPadding(ldr) + calculateRightPadding(ldr)
+    return calculateHorizontalPadding(ldr)
+}
+
+fun PaddingValues.calculateHorizontalPadding(layoutDirection: LayoutDirection): Dp {
+    return calculateLeftPadding(layoutDirection) + calculateRightPadding(layoutDirection)
 }
 
 @Composable