Adds an option to change reactions from the popup

app/src/main/java/com/vitorpamplona/amethyst/ui/note/Icons.kt

@@ -31,6 +31,7 @@ import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material.icons.automirrored.filled.OpenInNew
 import androidx.compose.material.icons.automirrored.filled.VolumeOff
 import androidx.compose.material.icons.automirrored.filled.VolumeUp
+import androidx.compose.material.icons.filled.AddReaction
 import androidx.compose.material.icons.filled.Bolt
 import androidx.compose.material.icons.filled.Cancel
 import androidx.compose.material.icons.filled.Clear
@@ -44,6 +45,7 @@ import androidx.compose.material.icons.filled.MoreVert
 import androidx.compose.material.icons.filled.PushPin
 import androidx.compose.material.icons.filled.Report
 import androidx.compose.material.icons.filled.Share
+import androidx.compose.material.icons.outlined.AddReaction
 import androidx.compose.material.icons.outlined.ArrowForwardIos
 import androidx.compose.material.icons.outlined.Bolt
 import androidx.compose.material.icons.outlined.PlayCircle
@@ -164,7 +166,20 @@ fun LikedIcon(
 ) {
     Icon(
         imageVector = Liked,
-        stringRes(id = R.string.like_description),
+        contentDescription = stringRes(id = R.string.like_description),
+        modifier = modifier,
+        tint = tint,
+    )
+}
+
+@Composable
+fun ChangeReactionIcon(
+    modifier: Modifier,
+    tint: Color = Color.Unspecified,
+) {
+    Icon(
+        imageVector = Icons.Outlined.AddReaction,
+        contentDescription = stringRes(id = R.string.change_reaction),
         modifier = modifier,
         tint = tint,
     )

app/src/main/java/com/vitorpamplona/amethyst/ui/note/ReactionsRow.kt

@@ -822,7 +822,6 @@ fun BoostText(
     SlidingAnimationCount(boostState, grayTint, accountViewModel)
 }
 
-@OptIn(ExperimentalFoundationApi::class)
 @Composable
 fun LikeReaction(
     baseNote: Note,
@@ -1367,6 +1366,10 @@ fun ReactionChoicePopupContent(
                         toRemove = toRemove,
                     )
                 }
+
+                ClickableBox(modifier = reactionBox, onClick = onChangeAmount) {
+                    ChangeReactionIcon(modifier = Size20Modifier, MaterialTheme.colorScheme.placeholderText)
+                }
             }
         }
     }
@@ -1389,6 +1392,11 @@ fun ReactionChoicePopupPeeview() {
                 "\uD83D\uDE31",
                 "+",
                 "-",
+                "\uD83C\uDF89",
+                "\uD83E\uDD14",
+                "\uD83D\uDE31",
+                "\uD83E\uDD14",
+                "\uD83D\uDE31",
             ),
             onClick = {},
             onChangeAmount = {},

app/src/main/res/values/strings.xml

@@ -785,6 +785,8 @@
     <string name="like_description">Like</string>
     <string name="zap_description">Zap</string>
 
+    <string name="change_reaction">Change Quick Reactions</string>
+
     <string name="profile_image_of_user">Profile Picture of %1$s</string>
     <string name="relay_info">Relay %1$s</string>
     <string name="expand_relay_list">Expand relay list</string>