Added swipe to delete order

Author: kkyago

app/src/main/java/com/kaeru/app/ui/screens/HistoryScreen.kt

@@ -9,6 +9,7 @@ import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.CheckCircle
+import androidx.compose.material.icons.filled.Delete
 import androidx.compose.material.icons.outlined.LocalShipping
 import androidx.compose.material3.*
 import androidx.compose.runtime.*
@@ -32,6 +33,11 @@ import com.kaeru.app.tracking.utils.DateUtils
 import com.kaeru.app.ui.components.TransitCalendarDialog
 import kotlin.math.abs
 import androidx.compose.runtime.saveable.rememberSaveable
+import androidx.compose.ui.draw.alpha
+import androidx.compose.ui.draw.scale
+import androidx.compose.ui.graphics.Color
+import com.kaeru.app.ui.components.AnimatedFilterChip
+import kotlinx.coroutines.launch
 
 @Composable
 fun HistoryScreen(
@@ -59,6 +65,9 @@ fun HistoryScreen(
             TrackingFilter.ALL -> history
         }
     }
+    val coroutineScope = rememberCoroutineScope()
+    val snackbarHostState = remember { SnackbarHostState() }
+    val isSwipeEnabled by viewModel.isSwipeToDeleteEnabled.collectAsState()
 
     Scaffold(
         snackbarHost = { SnackbarHost(hostState = snackbarHostState) },
@@ -130,45 +139,83 @@ fun HistoryScreen(
                             icon = Icons.Default.CheckCircle
                         )
 
-                    FilterChip(
-                        selected = currentFilter == TrackingFilter.ALL,
-                        onClick = { currentFilter = TrackingFilter.ALL },
-                        label = { Text("Todos") },
-                        leadingIcon = if (currentFilter == TrackingFilter.ALL) {
-                            { Icon(painterResource(R.drawable.ic_package_outlined), null, modifier = Modifier.size(16.dp)) }
-                        } else null,
-                        shape = CircleShape
-                    )
+                        AnimatedFilterChip(
+                            selected = currentFilter == TrackingFilter.ALL,
+                            onClick = { currentFilter = TrackingFilter.ALL },
+                            label = stringResource(R.string.all_label),
+                            icon = Icons.Default.CheckCircle
+                        )
+                    }
                 }
             }
-        }
-
-        if (history.isEmpty()) {
-            item {
-                Box(
-                    modifier = Modifier
-                        .fillMaxWidth()
-                        .height(300.dp),
-                    contentAlignment = Alignment.Center
-                ) {
-                    val emptyText = when(currentFilter) {
-                        TrackingFilter.IN_TRANSIT -> "Nenhuma encomenda em trânsito"
-                        TrackingFilter.DELIVERED -> "Nenhuma encomenda entregue"
-                        TrackingFilter.ALL -> stringResource(R.string.no_packages_saved)
+            if (history.isEmpty()) {
+                item {
+                    Box(
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .height(300.dp),
+                        contentAlignment = Alignment.Center
+                    ) {
+                        val emptyText = when (currentFilter) {
+                            TrackingFilter.IN_TRANSIT -> stringResource(R.string.no_packages_saved)
+                            TrackingFilter.DELIVERED -> stringResource(R.string.no_packages_saved)
+                            TrackingFilter.ALL -> stringResource(R.string.no_packages_saved)
+                        }
+                        Text(
+                            text = emptyText,
+                            color = MaterialTheme.colorScheme.onSurfaceVariant
+                        )
                     }
-                    Text(
-                        text = emptyText,
-                        color = MaterialTheme.colorScheme.onSurfaceVariant
-                    )
                 }
-            }
-        } else {
-            items(filteredHistory, key = { it.code }) { item ->
-                Box(modifier = Modifier.animateItem()) {
-                    HistoryCardNew(
-                        item = item,
-                        onClick = { onNavigateToResult(item.code) }
+            } else {
+                items(filteredHistory, key = { it.code }) { item ->
+
+                    var hasFiredDelete by remember { mutableStateOf(false) }
+                    val deletedOrder = stringResource(R.string.deleted_order)
+                    val undoAction = stringResource(R.string.undo_action)
+
+                    val dismissState = rememberSwipeToDismissBoxState(
+                        positionalThreshold = { totalDistance -> totalDistance * 0.5f },
+                        confirmValueChange = { dismissValue ->
+
+                            if (dismissValue == SwipeToDismissBoxValue.EndToStart) {
+
+                                if (!hasFiredDelete) {
+                                    hasFiredDelete = true
+
+                                    viewModel.deleteTracking(item.code)
+
+                                    coroutineScope.launch {
+                                        val result = snackbarHostState.showSnackbar(
+                                            message = deletedOrder,
+                                            actionLabel = undoAction,
+                                            duration = SnackbarDuration.Short
+                                        )
+
+                                        if (result == SnackbarResult.ActionPerformed) {
+                                            viewModel.restoreTracking(item)
+                                        }
+                                    }
+                                }
+                                false
+                            } else {
+                                false
+                            }
+                        }
                     )
+
+                    SwipeToDismissBox(
+                        state = dismissState,
+                        enableDismissFromEndToStart = isSwipeEnabled,
+                        enableDismissFromStartToEnd = false,
+                        backgroundContent = { SwipeToDeleteIcon(dismissState) },
+                        modifier = Modifier.animateItem()
+                    ) {
+                        HistoryCardNew(
+                            item = item,
+                            onClick = { onNavigateToResult(item.code) }
+                        )
+                    }
                 }
             }
         }
@@ -337,4 +384,36 @@ fun HistoryCardNew(
 
 enum class TrackingFilter {
     IN_TRANSIT, DELIVERED, ALL
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun SwipeToDeleteIcon(state: SwipeToDismissBoxState) {
+    val isDragging = state.dismissDirection == SwipeToDismissBoxValue.EndToStart
+    val dragAmount = if (!isDragging) 0f else {
+        if (state.targetValue == SwipeToDismissBoxValue.Settled) {
+            state.progress * 0.5f
+        } else {
+            0.5f + (1f - state.progress) * 0.5f
+        }
+    }
+    val iconAlpha = dragAmount.coerceIn(0f, 1f)
+    val iconScale = (0.5f + (dragAmount * 0.7f)).coerceIn(0.5f, 1.2f)
+
+    Box(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(horizontal = 24.dp),
+        contentAlignment = Alignment.CenterEnd
+    ) {
+        Icon(
+            imageVector = Icons.Default.Delete,
+            contentDescription = null,
+            tint = MaterialTheme.colorScheme.error,
+            modifier = Modifier
+                .size(28.dp)
+                .scale(iconScale)
+                .alpha(iconAlpha)
+        )
+    }
 }

app/src/main/res/values-pt-rBR/strings.xml

@@ -96,4 +96,6 @@
     <string name="theme_description">Customize o tema do seu aplicativo</string>
     <string name="themes_and_appearance">Temas e Aparência</string>
     <string name="appearance">Aparência</string>
+    <string name="deleted_order">Encomenda apagada</string>
+    <string name="undo_action">Desfazer</string>
 </resources>

app/src/main/res/values/strings.xml

@@ -97,4 +97,6 @@
     <string name="theme_description">Customize your app theme</string>
     <string name="themes_and_appearance">Themes and appearance</string>
     <string name="appearance">Appearance</string>
+    <string name="deleted_order">Order deleted</string>
+    <string name="undo_action">Undo</string>
 </resources>