commit aedb1c618ad62613dd09ac3eb672c0fe62815840
parent 96749c168750e0cd48b756ba2cffd0b32b37b207
Author: Gabriel Luong <gabriel.luong@gmail.com>
Date: Tue, 2 Dec 2025 16:41:28 +0000
Bug 1993368 - Part 38: Migrate SwipeToDismissBox2 to M3 color tokens r=android-reviewers,007
- Migrated the preview to use M3 color tokens.
Differential Revision: https://phabricator.services.mozilla.com/D274547
Diffstat:
1 file changed, 53 insertions(+), 51 deletions(-)
diff --git a/mobile/android/fenix/app/src/main/java/org/mozilla/fenix/compose/SwipeToDismissBox2.kt b/mobile/android/fenix/app/src/main/java/org/mozilla/fenix/compose/SwipeToDismissBox2.kt
@@ -24,8 +24,10 @@ import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.offset
+import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.SnackbarHost
import androidx.compose.material3.SnackbarHostState
+import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
@@ -284,54 +286,56 @@ private fun SwipeToDismissBoxPreview() {
val coroutineScope = rememberCoroutineScope()
FirefoxTheme {
- Box(
- modifier = Modifier.fillMaxSize(),
- ) {
- Column {
- SwipeableItem(
- text = "Swipe to right ->",
- enableDismissFromEndToStart = false,
- onSwipeToEnd = {
- coroutineScope.launch {
- snackbarState.displaySnackbar(message = "Dismiss")
- }
- },
- )
-
- Spacer(Modifier.height(30.dp))
-
- SwipeableItem(
- enableDismissFromStartToEnd = false,
- text = "<- Swipe to left",
- onSwipeToStart = {
- coroutineScope.launch {
- snackbarState.displaySnackbar(message = "Dismiss")
- }
- },
- )
-
- Spacer(Modifier.height(30.dp))
-
- SwipeableItem(
- text = "<- Swipe both ways ->",
- onSwipeToStart = {
- coroutineScope.launch {
- snackbarState.displaySnackbar(message = "Dismiss")
- }
- },
- onSwipeToEnd = {
- coroutineScope.launch {
- snackbarState.displaySnackbar(message = "Dismiss")
- }
- },
- )
- }
-
- SnackbarHost(
- hostState = snackbarState,
- modifier = Modifier.align(Alignment.BottomCenter),
+ Surface {
+ Box(
+ modifier = Modifier.fillMaxSize(),
) {
- Snackbar(snackbarData = it)
+ Column {
+ SwipeableItem(
+ text = "Swipe to right ->",
+ enableDismissFromEndToStart = false,
+ onSwipeToEnd = {
+ coroutineScope.launch {
+ snackbarState.displaySnackbar(message = "Dismiss")
+ }
+ },
+ )
+
+ Spacer(Modifier.height(30.dp))
+
+ SwipeableItem(
+ enableDismissFromStartToEnd = false,
+ text = "<- Swipe to left",
+ onSwipeToStart = {
+ coroutineScope.launch {
+ snackbarState.displaySnackbar(message = "Dismiss")
+ }
+ },
+ )
+
+ Spacer(Modifier.height(30.dp))
+
+ SwipeableItem(
+ text = "<- Swipe both ways ->",
+ onSwipeToStart = {
+ coroutineScope.launch {
+ snackbarState.displaySnackbar(message = "Dismiss")
+ }
+ },
+ onSwipeToEnd = {
+ coroutineScope.launch {
+ snackbarState.displaySnackbar(message = "Dismiss")
+ }
+ },
+ )
+ }
+
+ SnackbarHost(
+ hostState = snackbarState,
+ modifier = Modifier.align(Alignment.BottomCenter),
+ ) {
+ Snackbar(snackbarData = it)
+ }
}
}
}
@@ -375,14 +379,12 @@ private fun SwipeableItem(
Box(
modifier = Modifier
.fillMaxSize()
- .background(FirefoxTheme.colors.layerAccent),
+ .background(MaterialTheme.colorScheme.surfaceContainerHigh),
)
},
) {
Row(
- modifier = Modifier
- .fillMaxSize()
- .background(FirefoxTheme.colors.layer1),
+ modifier = Modifier.fillMaxSize(),
horizontalArrangement = Arrangement.Center,
verticalAlignment = Alignment.CenterVertically,
) {