Show empty content when commands are unavailable in edit mode

Author: andremion

stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/messages/attachments/AttachmentCommandPicker.kt

@@ -20,6 +20,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.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.width
@@ -40,6 +41,7 @@ import androidx.compose.ui.unit.dp
 import io.getstream.chat.android.compose.R
 import io.getstream.chat.android.compose.R.string.stream_compose_message_composer_instant_commands
 import io.getstream.chat.android.compose.state.messages.attachments.CommandPickerMode
+import io.getstream.chat.android.compose.ui.components.EmptyContent
 import io.getstream.chat.android.compose.ui.theme.ChatTheme
 import io.getstream.chat.android.compose.ui.theme.StreamTokens
 import io.getstream.chat.android.compose.ui.util.clickable
@@ -61,36 +63,44 @@ internal fun AttachmentCommandPicker(
     messageAction: MessageAction? = null,
     onCommandSelected: (Command) -> Unit = {},
 ) {
-    Column(
-        modifier = Modifier
-            .fillMaxWidth(),
-    ) {
-        Text(
+    if (messageAction is Edit) {
+        EmptyContent(
+            modifier = Modifier.fillMaxSize(),
+            text = stringResource(R.string.stream_compose_message_composer_commands_unavailable_in_edit),
+            painter = painterResource(id = R.drawable.stream_design_ic_command),
+        )
+    } else {
+        Column(
             modifier = Modifier
-                .padding(
-                    start = StreamTokens.spacingMd,
-                    end = StreamTokens.spacingMd,
-                    top = StreamTokens.spacingXs,
-                    bottom = StreamTokens.spacingMd,
-                )
                 .fillMaxWidth(),
-            text = stringResource(stream_compose_message_composer_instant_commands),
-            style = ChatTheme.typography.headingSmall,
-            color = ChatTheme.colors.textPrimary,
-        )
-        val sortedCommands = remember(commands, messageAction) {
-            commands.sortedByAvailability(messageAction)
-        }
-        LazyColumn(horizontalAlignment = Alignment.CenterHorizontally) {
-            items(
-                items = sortedCommands,
-                key = Command::name,
-            ) { command ->
-                CommandItem(
-                    command = command,
-                    enabled = command.isAvailableFor(messageAction),
-                    onCommandSelected = onCommandSelected,
-                )
+        ) {
+            Text(
+                modifier = Modifier
+                    .padding(
+                        start = StreamTokens.spacingMd,
+                        end = StreamTokens.spacingMd,
+                        top = StreamTokens.spacingXs,
+                        bottom = StreamTokens.spacingMd,
+                    )
+                    .fillMaxWidth(),
+                text = stringResource(stream_compose_message_composer_instant_commands),
+                style = ChatTheme.typography.headingSmall,
+                color = ChatTheme.colors.textPrimary,
+            )
+            val sortedCommands = remember(commands, messageAction) {
+                commands.sortedByAvailability(messageAction)
+            }
+            LazyColumn(horizontalAlignment = Alignment.CenterHorizontally) {
+                items(
+                    items = sortedCommands,
+                    key = Command::name,
+                ) { command ->
+                    CommandItem(
+                        command = command,
+                        enabled = command.isAvailableFor(messageAction),
+                        onCommandSelected = onCommandSelected,
+                    )
+                }
             }
         }
     }

stream-chat-android-compose/src/main/res/values/strings.xml

@@ -166,6 +166,7 @@
     <string name="stream_compose_message_composer_command_template">/%1$s %2$s</string>
     <string name="stream_compose_message_composer_command_unavailable_in_reply">Not available while replying</string>
     <string name="stream_compose_message_composer_command_unavailable_in_edit">Not available while editing</string>
+    <string name="stream_compose_message_composer_commands_unavailable_in_edit">Commands not available while editing</string>
     <string name="stream_compose_message_composer_show_in_channel">Also send in Channel</string>
     <string name="stream_compose_message_composer_file_not_supported">File type is not supported</string>
     <string name="stream_compose_message_composer_unsupported_attachment">Unsupported attachment</string>

stream-chat-android-compose/src/test/kotlin/io/getstream/chat/android/compose/ui/messages/attachments/AttachmentCommandPickerTest.kt

@@ -37,4 +37,18 @@ internal class AttachmentCommandPickerTest : PaparazziComposeTest {
             AttachmentCommandPicker()
         }
     }
+
+    @Test
+    fun `command picker in edit mode`() {
+        snapshotWithDarkMode {
+            AttachmentCommandPickerInEditMode()
+        }
+    }
+
+    @Test
+    fun `command picker in reply mode`() {
+        snapshotWithDarkMode {
+            AttachmentCommandPickerInReplyMode()
+        }
+    }
 }