fix: alignment of reactions [AR-3874] (#2130)

wireapp · Aug 23, 2023 · 4032c24 · 4032c24
1 parent c8ce01b
commit 4032c24
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/app/src/main/kotlin/com/wire/android/ui/edit/ReactionOption.kt b/app/src/main/kotlin/com/wire/android/ui/edit/ReactionOption.kt
@@ -1,5 +1,6 @@
 package com.wire.android.ui.edit
 
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Row
@@ -29,8 +30,10 @@ import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.wire.android.R
 import com.wire.android.ui.common.dimensions
+import com.wire.android.ui.theme.WireTheme
 import com.wire.android.ui.theme.wireColorScheme
 import com.wire.android.ui.theme.wireTypography
+import com.wire.android.util.ui.PreviewMultipleThemes
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
@@ -50,6 +53,7 @@ fun ReactionOption(
             Row(
                 modifier = Modifier.fillMaxWidth(),
                 verticalAlignment = Alignment.CenterVertically,
+                horizontalArrangement = Arrangement.SpaceEvenly
             ) {
                 listOf("❤️", "👍", "😁", "🙂", "☹️", "👎").forEach { emoji ->
                     CompositionLocalProvider(
@@ -92,3 +96,9 @@ fun ReactionOption(
         }
     }
 }
+
+@PreviewMultipleThemes
+@Composable
+private fun BasePreview() = WireTheme(isPreview = true) {
+    ReactionOption(onReactionClick = {})
+}