Skip to content

Commit

Permalink
refactor: SusuTheme.spacing 사용
Browse files Browse the repository at this point in the history
  • Loading branch information
syb8200 committed Jan 1, 2024
1 parent 9c56b3b commit 1b4537a
Show file tree
Hide file tree
Showing 2 changed files with 40 additions and 27 deletions.
Original file line number Diff line number Diff line change
@@ -1,14 +1,24 @@
package com.susu.core.designsystem.component.badge

import androidx.compose.runtime.Composable
import androidx.compose.ui.unit.Dp
import androidx.compose.ui.unit.dp
import com.susu.core.designsystem.theme.SusuTheme
data class BadgePadding(
val horizontalPadding: Dp,
val verticalPadding: Dp,
)

enum class BadgePadding(
val horizontalPadding: Dp = 8.dp,
val verticalPadding: Dp = 0.dp,
) {
SmallBadgePadding(
verticalPadding = 2.dp
),
ExtraSmallBadgePadding,
object BadgeStyle {
val smallBadge: @Composable () -> BadgePadding = {
BadgePadding(
horizontalPadding = SusuTheme.spacing.spacing_xxs,
verticalPadding = SusuTheme.spacing.spacing_xxxxxs,
)
}
val extraSmallBadge: @Composable () -> BadgePadding = {
BadgePadding(
horizontalPadding = SusuTheme.spacing.spacing_xxs,
verticalPadding = SusuTheme.spacing.spacing_xxxxxs,
)
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,11 @@ fun SusuBadge(
shape: Shape = RoundedCornerShape(4.dp),
color: BadgeColor,
text: String,
padding: BadgePadding,
padding: @Composable () -> BadgePadding,
) {
val horizontalPadding = padding().horizontalPadding
val verticalPadding = padding().verticalPadding

Box(
modifier = modifier.background(color.backgroundColor, shape),
) {
Expand All @@ -31,9 +34,9 @@ fun SusuBadge(
style = SusuTheme.typography.title_xxxs,
color = color.textColor,
modifier = modifier.padding(
horizontal = padding.horizontalPadding,
vertical = padding.verticalPadding,
),
horizontal = horizontalPadding,
vertical = verticalPadding,
)
)
}
}
Expand All @@ -51,37 +54,37 @@ fun SusuSmallBadgePreview() {
SusuBadge(
color = BadgeColor.Gray20,
text = "전체 100,000원",
padding = BadgePadding.SmallBadgePadding,
padding = BadgeStyle.smallBadge,
)
SusuBadge(
color = BadgeColor.Orange60,
text = "가족",
padding = BadgePadding.SmallBadgePadding,
padding = BadgeStyle.smallBadge,
)
SusuBadge(
color = BadgeColor.Blue60,
text = "미방문",
padding = BadgePadding.SmallBadgePadding,
padding = BadgeStyle.smallBadge,
)
SusuBadge(
color = BadgeColor.Gray90,
text = "선물 O",
padding = BadgePadding.SmallBadgePadding,
padding = BadgeStyle.smallBadge,
)
SusuBadge(
color = BadgeColor.Gray40,
text = "선물 O",
padding = BadgePadding.SmallBadgePadding,
padding = BadgeStyle.smallBadge,
)
SusuBadge(
color = BadgeColor.Gray30,
text = "전체 100,000원",
padding = BadgePadding.SmallBadgePadding,
padding = BadgeStyle.smallBadge,
)
SusuBadge(
color = BadgeColor.Red60,
text = "미방문",
padding = BadgePadding.SmallBadgePadding,
padding = BadgeStyle.smallBadge,
)
}

Expand All @@ -91,37 +94,37 @@ fun SusuSmallBadgePreview() {
SusuBadge(
color = BadgeColor.Gray20,
text = "전체 100,000원",
padding = BadgePadding.ExtraSmallBadgePadding,
padding = BadgeStyle.extraSmallBadge,
)
SusuBadge(
color = BadgeColor.Orange60,
text = "가족",
padding = BadgePadding.ExtraSmallBadgePadding,
padding = BadgeStyle.extraSmallBadge,
)
SusuBadge(
color = BadgeColor.Blue60,
text = "미방문",
padding = BadgePadding.ExtraSmallBadgePadding,
padding = BadgeStyle.extraSmallBadge,
)
SusuBadge(
color = BadgeColor.Gray90,
text = "선물 O",
padding = BadgePadding.ExtraSmallBadgePadding,
padding = BadgeStyle.extraSmallBadge,
)
SusuBadge(
color = BadgeColor.Gray40,
text = "선물 O",
padding = BadgePadding.ExtraSmallBadgePadding,
padding = BadgeStyle.extraSmallBadge,
)
SusuBadge(
color = BadgeColor.Gray30,
text = "전체 100,000원",
padding = BadgePadding.ExtraSmallBadgePadding,
padding = BadgeStyle.extraSmallBadge,
)
SusuBadge(
color = BadgeColor.Red60,
text = "미방문",
padding = BadgePadding.ExtraSmallBadgePadding,
padding = BadgeStyle.extraSmallBadge,
)
}
}
Expand Down

0 comments on commit 1b4537a

Please sign in to comment.