feat: collapse expanded comments with show less

Author: Priveetee

app/src/androidTest/java/dev/typetype/android/feature/player/components/CommentBodyTest.kt

@@ -47,6 +47,7 @@ class CommentBodyTest {
         }
 
         composeRule.onNodeWithText("Read more").assertExists().performClick()
-        composeRule.onNodeWithText("Long comment starts here$suffix").assertExists()
+        composeRule.onNodeWithText("Show less").assertExists().performClick()
+        composeRule.onNodeWithText("Read more").assertExists()
     }
 }

app/src/main/java/dev/typetype/android/feature/player/components/CommentListItems.kt

@@ -139,13 +139,17 @@ private fun ExpandableCommentText(
             maxLines = if (expanded) Int.MAX_VALUE else COMMENT_COLLAPSE_LINE_LIMIT,
             overflow = if (expanded) TextOverflow.Clip else TextOverflow.Ellipsis,
         )
-        if (needsTruncation && !expanded) {
+        if (needsTruncation) {
             TextButton(
-                onClick = { expanded = true },
+                onClick = { expanded = !expanded },
                 contentPadding = PaddingValues(horizontal = 4.dp),
                 modifier = Modifier.padding(top = 2.dp),
             ) {
-                Text(stringResource(R.string.comments_read_more))
+                Text(
+                    stringResource(
+                        if (expanded) R.string.comments_show_less else R.string.comments_read_more,
+                    )
+                )
             }
         }
     }

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

@@ -497,6 +497,7 @@
     <string name="comments_title">Comments</string>
     <string name="comments_empty">No comments</string>
     <string name="comments_read_more">Read more</string>
+    <string name="comments_show_less">Show less</string>
     <string name="comments_like_count">Likes: %1$s</string>
     <string name="comments_replies_failed">Couldn\'t load replies</string>
     <string name="comments_load_failed">Couldn\'t load comments</string>