diff --git a/app/src/main/java/com/getcode/ui/components/Badge.kt b/app/src/main/java/com/getcode/ui/components/Badge.kt index 550eeb3ab..e86149ba3 100644 --- a/app/src/main/java/com/getcode/ui/components/Badge.kt +++ b/app/src/main/java/com/getcode/ui/components/Badge.kt @@ -5,12 +5,17 @@ import androidx.compose.animation.fadeIn import androidx.compose.animation.fadeOut import androidx.compose.animation.scaleIn import androidx.compose.animation.scaleOut +import androidx.compose.foundation.layout.padding +import androidx.compose.foundation.layout.size import androidx.compose.material.Text import androidx.compose.runtime.Composable import androidx.compose.ui.Modifier +import androidx.compose.ui.draw.drawBehind import androidx.compose.ui.graphics.Color import androidx.compose.ui.text.font.FontWeight +import androidx.compose.ui.unit.dp import com.getcode.theme.CodeTheme +import com.getcode.ui.components.chat.ChatNodeDefaults import com.getcode.ui.utils.circleBackground @@ -31,7 +36,13 @@ fun Badge( text = text, color = contentColor, style = CodeTheme.typography.body1.copy(fontWeight = FontWeight.W700), - modifier = modifier.circleBackground(color = color, padding = CodeTheme.dimens.staticGrid.x1) + modifier = modifier + .drawBehind { + drawCircle( + color = color, + radius = this.size.maxDimension / 2f + ) + }.padding(2.dp) ) } } \ No newline at end of file diff --git a/app/src/main/java/com/getcode/view/main/home/components/HomeBottom.kt b/app/src/main/java/com/getcode/view/main/home/components/HomeBottom.kt index a6ebb4436..fdb9f7668 100644 --- a/app/src/main/java/com/getcode/view/main/home/components/HomeBottom.kt +++ b/app/src/main/java/com/getcode/view/main/home/components/HomeBottom.kt @@ -20,6 +20,7 @@ import androidx.compose.ui.res.painterResource import androidx.compose.ui.res.stringResource import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.Dp +import androidx.compose.ui.unit.dp import com.getcode.R import com.getcode.theme.CodeTheme import com.getcode.ui.utils.heightOrZero @@ -77,7 +78,13 @@ internal fun HomeBottom( imageSize = CodeTheme.dimens.grid.x9, painter = painterResource(R.drawable.ic_history), onClick = { onPress(HomeBottomSheet.BALANCE) }, - badge = { Badge(count = state.chatUnreadCount, color = ChatNodeDefaults.UnreadIndicator) } + badge = { + Badge( + modifier = Modifier.padding(top = 2.dp, end = 2.dp), + count = state.chatUnreadCount, + color = ChatNodeDefaults.UnreadIndicator + ) + } ) } }