fix: scroll to newly added item

This commit is contained in:
Rafal Wisniewski
2026-05-04 15:12:19 +02:00
parent bf9309a155
commit 5fb54bf18e
4 changed files with 111 additions and 83 deletions

View File

@@ -15,7 +15,7 @@ import kotlinx.coroutines.flow.Flow
interface ExpenseDao {
@Upsert
suspend fun insert(expense: Expense)
suspend fun insert(expense: Expense): Long
@Transaction

View File

@@ -25,8 +25,8 @@ class ExpenseRepository @Inject constructor(
}
@WorkerThread
suspend fun save(expense: Expense) {
expenseDao.insert(expense)
suspend fun save(expense: Expense): Long {
return expenseDao.insert(expense)
}
@WorkerThread

View File

@@ -40,6 +40,7 @@ import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.collectAsState
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableIntStateOf
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
@@ -99,15 +100,22 @@ fun ListExpenseScreen(
val expensesFlow =
expenseAndCategoryViewModel.getExpensesWithHeadersPaged(currentTripId, search, filter)
val isRecalculatingRate by tripViewModel.isRecalculating.collectAsState()
var idToScroll by remember { mutableIntStateOf(-1) }
ListExpenseScreen(
currentTrip = currentTrip,
expensesFlow = expensesFlow,
onSaveExpense = { expenseAndCategoryViewModel.save(it, currentTrip!!) },
onSaveExpense = {
expenseAndCategoryViewModel.save(
it,
currentTrip!!,
onComplete = { id -> idToScroll = id })
},
onDeleteExpense = { expenseAndCategoryViewModel.delete(it) },
isRecalculatingRate = isRecalculatingRate,
initialAutoOpen = initialAutoOpen,
onAutoOpenConsumed = onAutoOpenConsumed
onAutoOpenConsumed = onAutoOpenConsumed,
idToScroll = idToScroll
)
}
@@ -121,7 +129,8 @@ fun ListExpenseScreen(
onSaveExpense: (Expense) -> Unit, onDeleteExpense: (Expense) -> Unit,
isRecalculatingRate: Boolean,
initialAutoOpen: Boolean,
onAutoOpenConsumed: () -> Unit
onAutoOpenConsumed: () -> Unit,
idToScroll: Int
) {
val sheetState = rememberModalBottomSheetState(skipPartiallyExpanded = true)
@@ -151,7 +160,12 @@ fun ListExpenseScreen(
{
Box {
if (items.itemCount == 0) {
Box(modifier = Modifier.fillMaxSize().padding(10.dp), contentAlignment = Alignment.Center) {
Box(
modifier = Modifier
.fillMaxSize()
.padding(10.dp),
contentAlignment = Alignment.Center
) {
val textToShow = if (currentTrip == null || currentTrip.isDummy()) {
stringResource(string.no_trip_picked)
} else {
@@ -167,6 +181,17 @@ fun ListExpenseScreen(
}
} else {
LaunchedEffect(idToScroll) {
if (idToScroll == -1) return@LaunchedEffect
for (index in 0 until items.itemCount) {
val item = items.peek(index)
if (item is ExpenseListItemUi.Item && item.expenseDto.expense.id == idToScroll) {
listState.animateScrollToItem(index)
break
}
}
}
}
LazyColumn(
modifier = Modifier
.fillMaxSize()
@@ -185,9 +210,7 @@ fun ListExpenseScreen(
}
}
) { index ->
when (val item = items[index]) {
is ExpenseListItemUi.Header -> {
CustomDivider(
date = item.date,
@@ -247,7 +270,6 @@ fun ListExpenseScreen(
)
}
}
}
@RequiresApi(Build.VERSION_CODES.O)
@@ -504,7 +526,8 @@ fun PreviewListExpenseScreen() {
onDeleteExpense = {},
isRecalculatingRate = true,
false,
{}
{},
0
)
}
@@ -529,7 +552,8 @@ fun PreviewListExpenseScreenWithoutExpenses() {
onDeleteExpense = {},
isRecalculatingRate = true,
false,
{}
{},
0
)
}
@@ -548,7 +572,8 @@ fun PreviewListExpenseScreenWithoutTrip() {
onDeleteExpense = {},
isRecalculatingRate = true,
false,
{}
{},
0
)
}

View File

@@ -99,14 +99,15 @@ open class ExpenseAndCategoryViewModel @Inject constructor(
expenseRepo.getExpensesDto(tripId, search, filter)
@RequiresApi(Build.VERSION_CODES.O)
fun save(expense: Expense, trip: Trip) {
fun save(expense: Expense, trip: Trip, onComplete: (Int) -> Unit) {
viewModelScope.launch {
val rate = exchangeRateRepository.getRate(
Currencies.valueOf(expense.currency),
Currencies.valueOf(trip.currency),
expense.datetime.toLocalDate()
)
expenseRepo.save(expense.copy(rate = rate))
val id = expenseRepo.save(expense.copy(rate = rate))
onComplete(id.toInt())
}
}
@@ -210,7 +211,9 @@ open class ExpenseAndCategoryViewModel @Inject constructor(
}
.sortedByDescending { it.day }
val highestAmount = summaryPerDayRaw.maxOf { it.amount }
val highestAmount =
if (summaryPerDayRaw.isEmpty()) 1.0 else summaryPerDayRaw.maxOf { it.amount }
summaryPerDayRaw.map {
it.copy(percent = ((it.amount / highestAmount)).toFloat())
}