fix: long team name display

clemenceroumy · Oct 20, 2023 · c53a47e · c53a47e
1 parent 5e9e0c3
commit c53a47e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/app/src/main/java/com/croumy/nbawatch/presentation/ui/components/TeamItem.kt b/app/src/main/java/com/croumy/nbawatch/presentation/ui/components/TeamItem.kt
@@ -16,6 +16,7 @@ import androidx.compose.ui.layout.BeyondBoundsLayout
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.platform.LocalLayoutDirection
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.LayoutDirection
 import androidx.wear.compose.material.Text
 import com.croumy.nbawatch.presentation.theme.Dimensions
@@ -34,7 +35,7 @@ fun TeamItem(
         ) {
             TeamLogo(team = team)
             Spacer(Modifier.width(Dimensions.xxsPadding))
-            Text(text = team.teamName)
+            Text(text = team.teamName, maxLines = 1, overflow = TextOverflow.Ellipsis)
         }
     }
 }
diff --git a/app/src/main/java/com/croumy/nbawatch/presentation/ui/home/components/GameItem.kt b/app/src/main/java/com/croumy/nbawatch/presentation/ui/home/components/GameItem.kt
@@ -51,7 +51,7 @@ fun GameItem(
             verticalAlignment = Alignment.CenterVertically,
             horizontalArrangement = Arrangement.SpaceBetween
         ) {
-            TeamItem(team = game.homeTeam)
+            TeamItem(team = game.homeTeam, modifier = Modifier.weight(1f))
             if (game.gameStatusValue == GameStatus.LIVE || game.gameStatusValue == GameStatus.FINISHED) {
                 Row {
                     Spacer(Modifier.width(Dimensions.xsPadding))
@@ -64,7 +64,7 @@ fun GameItem(
             verticalAlignment = Alignment.CenterVertically,
             horizontalArrangement = Arrangement.SpaceBetween
         ) {
-            TeamItem(team = game.awayTeam)
+            TeamItem(team = game.awayTeam, modifier = Modifier.weight(1f))
             if (game.gameStatusValue == GameStatus.LIVE || game.gameStatusValue == GameStatus.FINISHED) {
                 Row {
                     Spacer(Modifier.width(Dimensions.xsPadding))