chore(fc): open reaction sheet with initial index of trigger

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

Author: bmc08gt

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

@@ -277,7 +277,11 @@ internal fun ConversationMessages(
                                     ime?.hide()
                                     delay(500.scaled(animationScale))
                                 }
-                                navigator.show(MessageReactionsSheet(event.tips, event.reactions))
+                                navigator.show(MessageReactionsSheet(
+                                    tips = event.tips,
+                                    reactions = event.reactions,
+                                    startingWith = event.startingWith
+                                ))
                             }
                         }
 

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

@@ -44,6 +44,7 @@ import com.getcode.theme.CodeTheme
 import com.getcode.ui.components.FullWidthScrollableTabRow
 import com.getcode.ui.components.R
 import com.getcode.ui.components.chat.UserAvatar
+import com.getcode.ui.components.chat.messagecontents.SelectedReaction
 import com.getcode.ui.components.chat.utils.MessageReaction
 import com.getcode.ui.components.chat.utils.MessageTip
 import com.getcode.ui.components.tabIndicatorOffset
@@ -72,6 +73,7 @@ private sealed interface FeedbackData {
 internal data class MessageReactionsSheet(
     val tips: List<MessageTip>,
     val reactions: List<MessageReaction>,
+    val startingWith: SelectedReaction,
 ) : Screen {
 
     @Composable
@@ -99,8 +101,20 @@ internal data class MessageReactionsSheet(
             return@remember items
         }
 
+        fun getInitialPage(): Int {
+            return feedback.indexOfFirst {
+                when (it) {
+                    is Feedback.All -> false
+                    is Feedback.Emoji -> {
+                        if (startingWith !is SelectedReaction.Emoji) return@indexOfFirst false
+                        startingWith.unicode == it.emoji
+                    }
+                    is Feedback.Tips -> startingWith is SelectedReaction.Tips
+                }
+            }.takeIf { it >= 0 } ?: 0
+        }
 
-        val pagerState = rememberPagerState { feedback.count() }
+        val pagerState = rememberPagerState(initialPage = getInitialPage()) { feedback.count() }
         val composeScope = rememberCoroutineScope()
 
         Column(

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

@@ -34,6 +34,7 @@ import com.getcode.model.chat.MessageStatus
 import com.getcode.theme.CodeTheme
 import com.getcode.ui.components.chat.messagecontents.MessageContentActionHandler
 import com.getcode.ui.components.chat.messagecontents.MessageContextAction
+import com.getcode.ui.components.chat.messagecontents.SelectedReaction
 import com.getcode.ui.components.chat.utils.ChatItem
 import com.getcode.ui.components.chat.utils.MessageReaction
 import com.getcode.ui.components.chat.utils.MessageTip
@@ -57,7 +58,11 @@ sealed interface MessageListEvent {
     data class ViewUserProfile(val userId: ID): MessageListEvent
     data class AddReaction(val messageId: ID, val emoji: String): MessageListEvent
     data class RemoveReaction(val originalMessageId: ID): MessageListEvent
-    data class ShowMessageReactions(val tips: List<MessageTip>, val reactions: List<MessageReaction>) : MessageListEvent
+    data class ShowMessageReactions(
+        val tips: List<MessageTip>,
+        val reactions: List<MessageReaction>,
+        val startingWith: SelectedReaction,
+    ) : MessageListEvent
 }
 
 data class MessageListPointer(
@@ -183,8 +188,8 @@ fun MessageList(
                                 dispatch(MessageListEvent.RemoveReaction(reactionMessageId))
                             }
 
-                            override fun viewReactions() {
-                                dispatch(MessageListEvent.ShowMessageReactions(item.tips, item.reactions))
+                            override fun viewReactions(selected: SelectedReaction) {
+                                dispatch(MessageListEvent.ShowMessageReactions(item.tips, item.reactions, selected))
                             }
 
                             override fun startReply() {

ui/components/src/main/kotlin/com/getcode/ui/components/chat/messagecontents/Feedback.kt

@@ -120,7 +120,7 @@ private fun TipCounter(
             .pointerInput(Unit) {
                 detectTapGestures(
                     onTap = { if (!isMessageFromSelf) { actionHandler.giveTip() } },
-                    onLongPress = { actionHandler.viewReactions() },
+                    onLongPress = { actionHandler.viewReactions(SelectedReaction.Tips) },
                 )
             }
             .background(backgroundColor, CircleShape)
@@ -186,7 +186,7 @@ private fun EmojiCounter(
         modifier = modifier
             .clip(CircleShape)
             .combinedClickable(
-                onLongClick = { actionHandler.viewReactions() }
+                onLongClick = { actionHandler.viewReactions(SelectedReaction.Emoji(emoji)) }
             ) {
                 if (selfOccurrence != null) actionHandler.removeReaction(selfOccurrence.messageId)
                 else actionHandler.addReaction(emoji)

ui/components/src/main/kotlin/com/getcode/ui/components/chat/messagecontents/MessageTextContent.kt

@@ -56,12 +56,17 @@ import com.getcode.ui.utils.addIf
 import com.getcode.ui.utils.dashedBorder
 import kotlinx.datetime.Instant
 
+sealed interface SelectedReaction {
+    data class Emoji(val unicode: String): SelectedReaction
+    data object Tips: SelectedReaction
+}
+
 interface MessageContentActionHandler {
     fun openMessageControls()
     fun giveTip()
     fun addReaction(emoji: String)
     fun removeReaction(reactionMessageId: ID)
-    fun viewReactions()
+    fun viewReactions(selected: SelectedReaction)
     fun startReply()
     fun viewOriginalMessage()
     fun openUserProfile()
@@ -72,7 +77,7 @@ private data object StubActionHandler: MessageContentActionHandler {
     override fun giveTip() = Unit
     override fun addReaction(emoji: String) = Unit
     override fun removeReaction(reactionMessageId: ID) = Unit
-    override fun viewReactions() = Unit
+    override fun viewReactions(selected: SelectedReaction) = Unit
     override fun startReply() = Unit
     override fun viewOriginalMessage() = Unit
     override fun openUserProfile() = Unit