msfjarvis/compose-lobsters
1
Fork 0
mirror of https://github.com/msfjarvis/compose-lobsters synced 2025-08-15 13:27:03 +05:30
Code Issues Projects Releases Packages Wiki Activity Actions 2

common: add a comment count badge

Browse source
This commit is contained in:
Harsh Shandilya 2022-02-28 17:47:56 +05:30
parent 516e7b99bb
commit 3215dd77d1
No known key found for this signature in database
GPG key ID: 366D7BBAD1031E80
1 changed files with 23 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

25
common/src/commonMain/kotlin/dev/msfjarvis/claw/common/posts/LobstersCard.kt
View file

@ -11,6 +11,7 @@ import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.absoluteOffset
import androidx.compose.foundation.layout.fillMaxHeight import androidx.compose.foundation.layout.fillMaxHeight
import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.height
@ -20,6 +21,8 @@ import androidx.compose.foundation.layout.width
import androidx.compose.foundation.shape.CircleShape import androidx.compose.foundation.shape.CircleShape
import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.ripple.rememberRipple import androidx.compose.material.ripple.rememberRipple
import androidx.compose.material3.Badge
import androidx.compose.material3.BadgedBox
import androidx.compose.material3.Icon import androidx.compose.material3.Icon
import androidx.compose.material3.MaterialTheme import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text import androidx.compose.material3.Text
@ -85,6 +88,7 @@ fun LobstersCard(
) )
Divider(modifier = Modifier.width(48.dp)) Divider(modifier = Modifier.width(48.dp))
CommentsButton( CommentsButton(
commentCount = post.commentCount,
modifier = modifier =
Modifier.combinedClickable( Modifier.combinedClickable(
role = Role.Button, role = Role.Button,
@ -167,9 +171,26 @@ fun SaveButton(
@Composable @Composable
fun CommentsButton( fun CommentsButton(
commentCount: Int?,
modifier: Modifier = Modifier, modifier: Modifier = Modifier,
) { ) {
Box(modifier = modifier.padding(12.dp)) { BadgedBox(
modifier = modifier.padding(12.dp),
badge = {
if (commentCount != null) {
Badge(
modifier = Modifier.absoluteOffset(x = (-8).dp),
containerColor = MaterialTheme.colorScheme.tertiaryContainer,
) {
Text(
text = commentCount.toString(),
color = MaterialTheme.colorScheme.onTertiaryContainer,
style = MaterialTheme.typography.labelMedium,
)
}
}
},
) {
Icon( Icon(
painter = commentIcon, painter = commentIcon,
tint = MaterialTheme.colorScheme.secondary, tint = MaterialTheme.colorScheme.secondary,
@ -203,6 +224,6 @@ fun TagText(
.padding(vertical = 4.dp, horizontal = 12.dp) .padding(vertical = 4.dp, horizontal = 12.dp)
.then(modifier), .then(modifier),
color = MaterialTheme.colorScheme.onTertiaryContainer, color = MaterialTheme.colorScheme.onTertiaryContainer,
style = MaterialTheme.typography.labelLarge style = MaterialTheme.typography.labelLarge,
) )
} }