TheArchive/session-android
1
0
Fork 0
mirror of https://github.com/oxen-io/session-android.git synced 2025-02-21 12:48:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add disabled states to Button Preview

Browse Source
This commit is contained in:
Andrew 2024-06-20 12:46:12 +09:30
parent 175e1029ad
commit ce5e7212ef
1 changed files with 28 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
app/src/main/java/org/thoughtcrime/securesms/ui/components/Button.kt
View File

@ -11,7 +11,10 @@ import androidx.compose.foundation.interaction.PressInteraction
import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.ExperimentalLayoutApi
import androidx.compose.foundation.layout.FlowRow
import androidx.compose.foundation.layout.PaddingValues import androidx.compose.foundation.layout.PaddingValues
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.RowScope import androidx.compose.foundation.layout.RowScope
import androidx.compose.foundation.layout.heightIn import androidx.compose.foundation.layout.heightIn
import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.padding
@ -265,26 +268,42 @@ fun BorderlessHtmlButton(
val MutableInteractionSource.releases val MutableInteractionSource.releases
get() = interactions.filter { it is PressInteraction.Release } get() = interactions.filter { it is PressInteraction.Release }
@OptIn(ExperimentalLayoutApi::class)
@Preview @Preview
@Composable @Composable
private fun VariousButtons( private fun VariousButtons(
@PreviewParameter(SessionColorsParameterProvider::class) colors: Colors @PreviewParameter(SessionColorsParameterProvider::class) colors: Colors
) { ) {
PreviewTheme(colors) { PreviewTheme(colors) {
FlowRow(
modifier = Modifier.padding(8.dp),
horizontalArrangement = Arrangement.spacedBy(8.dp, Alignment.CenterHorizontally),
verticalArrangement = Arrangement.spacedBy(8.dp),
maxItemsInEachRow = 2
) {
PrimaryFillButton("Primary Fill") {}
PrimaryFillButton("Primary Fill Disabled", enabled = false) {}
FillButton("Fill Button") {}
FillButton("Fill Button Disabled", enabled = false) {}
OutlineButton("Outline Button") {}
OutlineButton("Outline Button Disabled", enabled = false) {}
SlimOutlineButton("Slim Outline") {}
SlimOutlineButton("Slim Outline Disabled", enabled = false) {}
SlimOutlineButton("Slim Primary", color = LocalColors.current.buttonOutline) {}
SlimOutlineButton("Slim Danger", color = LocalColors.current.danger) {}
BorderlessButton("Borderless Button") {}
BorderlessButton("Borderless Secondary", color = LocalColors.current.textSecondary) {}
}
Column( Column(
modifier = Modifier.padding(8.dp), modifier = Modifier.padding(8.dp),
horizontalAlignment = Alignment.CenterHorizontally, horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.spacedBy(8.dp) verticalArrangement = Arrangement.spacedBy(8.dp)
) { ) {
PrimaryFillButton("Primary Fill") {} Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
FillButton("Fill Button") {}
OutlineButton("Outline Button") {} }
SlimOutlineButton("Slim Outline") {}
SlimOutlineButton("Slim Primary", color = LocalColors.current.buttonOutline) {}
SlimOutlineButton("Slim Danger", color = LocalColors.current.danger) {}
SlimOutlineCopyButton {}
BorderlessButton("Borderless Button") {}
BorderlessButton("Borderless Secondary", color = LocalColors.current.textSecondary) {}
} }
} }
} }