properly restore focus on episode screen

This commit is contained in:
2026-08-15 22:02:39 +03:00
parent 4e2c9e3f21
commit d2adcc8963
4 changed files with 41 additions and 28 deletions
@@ -20,7 +20,6 @@ import org.koin.core.annotation.Named
import ru.shadowsparky.domain.Clip import ru.shadowsparky.domain.Clip
import ru.shadowsparky.domain.ClipboardManager import ru.shadowsparky.domain.ClipboardManager
import ru.shadowsparky.domain.DispatcherProvider import ru.shadowsparky.domain.DispatcherProvider
import ru.shadowsparky.ui.nav.RootComponent
import ru.shadowsparky.ui.nav.ComponentFactory import ru.shadowsparky.ui.nav.ComponentFactory
import ru.shadowsparky.ui.nav.RouteNavigator import ru.shadowsparky.ui.nav.RouteNavigator
import ru.shadowsparky.vbox.shared.domain.AddOfflineVideoUseCase import ru.shadowsparky.vbox.shared.domain.AddOfflineVideoUseCase
@@ -71,7 +70,7 @@ class EpisodeOverviewComponent(
} }
} }
val recentlyFlow = recentlyWatchedRepository.queryRecentlyWatched(id, seasonId) private val recentlyFlow = recentlyWatchedRepository.queryRecentlyWatched(id, seasonId)
private val episodes = recentlyFlow.combine(episodesFromServer) { watched, season -> private val episodes = recentlyFlow.combine(episodesFromServer) { watched, season ->
val episode = season.episodes val episode = season.episodes
@@ -19,6 +19,7 @@ import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size import androidx.compose.foundation.layout.size
import androidx.compose.foundation.lazy.rememberLazyListState
import androidx.compose.material3.Checkbox import androidx.compose.material3.Checkbox
import androidx.compose.material3.CircularWavyProgressIndicator import androidx.compose.material3.CircularWavyProgressIndicator
import androidx.compose.material3.ExperimentalMaterial3Api import androidx.compose.material3.ExperimentalMaterial3Api
@@ -30,6 +31,7 @@ import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.collectAsState import androidx.compose.runtime.collectAsState
import androidx.compose.runtime.getValue import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableIntStateOf
import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember import androidx.compose.runtime.remember
import androidx.compose.runtime.saveable.rememberSaveable import androidx.compose.runtime.saveable.rememberSaveable
@@ -39,6 +41,7 @@ import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.focus.FocusRequester import androidx.compose.ui.focus.FocusRequester
import androidx.compose.ui.focus.focusRequester import androidx.compose.ui.focus.focusRequester
import androidx.compose.ui.focus.onFocusChanged
import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.dp
import org.jetbrains.compose.resources.painterResource import org.jetbrains.compose.resources.painterResource
import org.jetbrains.compose.resources.stringResource import org.jetbrains.compose.resources.stringResource
@@ -175,38 +178,45 @@ fun EpisodesOverviewList(
buttonText = stringResource(Res.string.retry) buttonText = stringResource(Res.string.retry)
) { loadLinks() } ) { loadLinks() }
} else if (episodes != null) { } else if (episodes != null) {
val lazyListState = rememberLazyListState()
var focusedIndex by rememberSaveable { mutableIntStateOf(0) }
val requester = remember { FocusRequester() } val requester = remember { FocusRequester() }
ExpressiveLazyColumn( ExpressiveLazyColumn(
modifier = Modifier.fillMaxSize(), modifier = Modifier.fillMaxSize(),
contentPadding = contentPadding, contentPadding = contentPadding,
content = { state = lazyListState,
section { ) {
itemsIndexed( section {
episodes, itemsIndexed(
{ it.episode.episode } items = episodes,
) { index, episode -> key = { item -> item.episode.episode }
EpisodeInfo( ) { index, episode ->
if (index == 0) { EpisodeInfo(
Modifier.onFocusChanged { state ->
if (state.isFocused) focusedIndex = index
}.then(
if (index == focusedIndex) {
Modifier.focusRequester(requester) Modifier.focusRequester(requester)
} else { } else {
Modifier Modifier
}, }
onLaunch, ),
episode, onLaunch,
onClipboardAction, episode,
index, onClipboardAction,
onOfflineClicked, index,
isSaveMode onOfflineClicked,
) isSaveMode
} )
} }
} }
) }
LaunchedEffect(episodes) { LaunchedEffect(episodes) {
if (episodes.isNotEmpty()) { if (episodes.isEmpty()) return@LaunchedEffect
withFrameNanos {} val index = focusedIndex.coerceIn(episodes.indices)
requester.requestFocus() lazyListState.scrollToItem(index)
} withFrameNanos {}
requester.requestFocus()
} }
} else { } else {
Loading() Loading()
@@ -32,8 +32,9 @@ import androidx.compose.foundation.verticalScroll
import androidx.compose.material3.Button import androidx.compose.material3.Button
import androidx.compose.material3.Card import androidx.compose.material3.Card
import androidx.compose.material3.CardDefaults import androidx.compose.material3.CardDefaults
import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
import androidx.compose.material3.Icon import androidx.compose.material3.Icon
import androidx.compose.material3.LinearProgressIndicator import androidx.compose.material3.LinearWavyProgressIndicator
import androidx.compose.material3.MaterialTheme import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.OutlinedTextField import androidx.compose.material3.OutlinedTextField
import androidx.compose.material3.Text import androidx.compose.material3.Text
@@ -130,6 +131,7 @@ fun ChatContent(component: ChatComponent, paddingValues: PaddingValues, state: C
} }
} }
@OptIn(ExperimentalMaterial3ExpressiveApi::class)
@Composable @Composable
private fun ChatContent( private fun ChatContent(
contentPadding: PaddingValues, contentPadding: PaddingValues,
@@ -224,7 +226,7 @@ private fun ChatContent(
) )
} }
if (state.isSending) { if (state.isSending) {
LinearProgressIndicator(Modifier.fillMaxWidth()) LinearWavyProgressIndicator(Modifier.fillMaxWidth())
} }
Spacer(Modifier.height(4.dp)) Spacer(Modifier.height(4.dp))
Row { Row {
@@ -24,7 +24,8 @@ import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.height
import androidx.compose.material3.Button import androidx.compose.material3.Button
import androidx.compose.material3.ExperimentalMaterial3Api import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.LinearProgressIndicator import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
import androidx.compose.material3.LinearWavyProgressIndicator
import androidx.compose.material3.MaterialTheme import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text import androidx.compose.material3.Text
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
@@ -178,6 +179,7 @@ private fun UpdatePermissionContent(
} }
} }
@OptIn(ExperimentalMaterial3ExpressiveApi::class)
@Composable @Composable
private fun UpdateDownloadingContent( private fun UpdateDownloadingContent(
progress: Float, progress: Float,
@@ -194,7 +196,7 @@ private fun UpdateDownloadingContent(
text = stringResource(Res.string.updater_title_downloading), text = stringResource(Res.string.updater_title_downloading),
style = MaterialTheme.typography.titleMedium style = MaterialTheme.typography.titleMedium
) )
LinearProgressIndicator(progress = { progress }, modifier = Modifier.fillMaxWidth()) LinearWavyProgressIndicator(progress = { progress }, modifier = Modifier.fillMaxWidth())
val downloadedMb = ((downloadedBytes / (1024f * 1024f)) * 10).toInt() / 10.0 val downloadedMb = ((downloadedBytes / (1024f * 1024f)) * 10).toInt() / 10.0
val totalMb = ((totalBytes / (1024f * 1024f)) * 10).toInt() / 10.0 val totalMb = ((totalBytes / (1024f * 1024f)) * 10).toInt() / 10.0