compose: build MainScreen and the apps/games tabs
MainScreen hosts the bottom-nav between Apps / Games / Updates with a HorizontalPager. The Apps/Games host (AppsGamesScreen) carries the For You / Top Charts / Categories sub-tabs implemented as separate pages.
This commit is contained in:
Rahul Patel
@@ -0,0 +1,127 @@
|
||||
/*
|
||||
* SPDX-FileCopyrightText: 2026 Aurora OSS
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
package com.aurora.store.compose.ui.apps
|
||||
|
||||
import androidx.annotation.StringRes
|
||||
import androidx.compose.foundation.layout.Column
|
||||
import androidx.compose.foundation.layout.fillMaxSize
|
||||
import androidx.compose.foundation.layout.fillMaxWidth
|
||||
import androidx.compose.foundation.pager.HorizontalPager
|
||||
import androidx.compose.foundation.pager.rememberPagerState
|
||||
import androidx.compose.material3.PrimaryTabRow
|
||||
import androidx.compose.material3.Tab
|
||||
import androidx.compose.material3.Text
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.runtime.LaunchedEffect
|
||||
import androidx.compose.runtime.rememberCoroutineScope
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.platform.LocalContext
|
||||
import androidx.compose.ui.res.stringResource
|
||||
import androidx.hilt.lifecycle.viewmodel.compose.hiltViewModel
|
||||
import com.aurora.gplayapi.helpers.contracts.StreamContract
|
||||
import com.aurora.gplayapi.helpers.contracts.TopChartsContract
|
||||
import com.aurora.store.R
|
||||
import com.aurora.store.compose.navigation.Destination
|
||||
import com.aurora.store.data.model.MinimalApp
|
||||
import com.aurora.store.util.Preferences
|
||||
import com.aurora.store.viewmodel.category.CategoryViewModel
|
||||
import com.aurora.store.viewmodel.homestream.StreamViewModel
|
||||
import com.aurora.store.viewmodel.topchart.TopChartViewModel
|
||||
import kotlinx.coroutines.launch
|
||||
|
||||
internal fun category(pageType: Int): StreamContract.Category =
|
||||
if (pageType == 1) StreamContract.Category.GAME else StreamContract.Category.APPLICATION
|
||||
|
||||
private enum class AppsTab(@StringRes val titleRes: Int) {
|
||||
FOR_YOU(R.string.tab_for_you),
|
||||
TOP_CHARTS(R.string.tab_top_charts),
|
||||
CATEGORIES(R.string.tab_categories)
|
||||
}
|
||||
|
||||
@Composable
|
||||
fun AppsGamesScreen(
|
||||
pageType: Int,
|
||||
streamViewModel: StreamViewModel = hiltViewModel(key = "stream_$pageType"),
|
||||
topChartViewModel: TopChartViewModel = hiltViewModel(key = "topChart_$pageType"),
|
||||
categoryViewModel: CategoryViewModel = hiltViewModel(key = "category_$pageType"),
|
||||
onNavigateTo: (Destination) -> Unit = {}
|
||||
) {
|
||||
val context = LocalContext.current
|
||||
|
||||
val chartType = if (pageType == 1) {
|
||||
TopChartsContract.Type.GAME
|
||||
} else {
|
||||
TopChartsContract.Type.APPLICATION
|
||||
}
|
||||
|
||||
LaunchedEffect(Unit) {
|
||||
topChartViewModel.getStreamCluster(chartType, TopChartsContract.Chart.TOP_SELLING_FREE)
|
||||
}
|
||||
|
||||
val isForYouEnabled = Preferences.getBoolean(context, Preferences.PREFERENCE_FOR_YOU)
|
||||
val tabs = buildList {
|
||||
if (isForYouEnabled) add(AppsTab.FOR_YOU)
|
||||
add(AppsTab.TOP_CHARTS)
|
||||
add(AppsTab.CATEGORIES)
|
||||
}
|
||||
val pagerState = rememberPagerState { tabs.size }
|
||||
val coroutineScope = rememberCoroutineScope()
|
||||
|
||||
Column(modifier = Modifier.fillMaxSize()) {
|
||||
PrimaryTabRow(
|
||||
modifier = Modifier.fillMaxWidth(),
|
||||
selectedTabIndex = pagerState.currentPage
|
||||
) {
|
||||
tabs.forEachIndexed { index, tab ->
|
||||
Tab(
|
||||
selected = pagerState.currentPage == index,
|
||||
onClick = {
|
||||
coroutineScope.launch {
|
||||
pagerState.animateScrollToPage(index)
|
||||
}
|
||||
},
|
||||
text = { Text(stringResource(tab.titleRes)) }
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
HorizontalPager(
|
||||
modifier = Modifier.fillMaxSize(),
|
||||
state = pagerState,
|
||||
verticalAlignment = Alignment.Top,
|
||||
userScrollEnabled = false
|
||||
) { page ->
|
||||
when (tabs[page]) {
|
||||
AppsTab.FOR_YOU -> ForYouContent(
|
||||
pageType = pageType,
|
||||
viewModel = streamViewModel,
|
||||
onAppClick = { onNavigateTo(Destination.AppDetails(it.packageName)) },
|
||||
onAppLongClick = { onNavigateTo(Destination.AppMenu(MinimalApp.fromApp(it))) },
|
||||
onHeaderClick = { onNavigateTo(Destination.StreamBrowse(it)) },
|
||||
onClusterScrolled = { cluster ->
|
||||
streamViewModel.observeCluster(category(pageType), cluster)
|
||||
},
|
||||
onScrolledToEnd = {
|
||||
streamViewModel.observe(category(pageType), StreamContract.Type.HOME)
|
||||
}
|
||||
)
|
||||
|
||||
AppsTab.TOP_CHARTS -> TopChartsContent(
|
||||
pageType = pageType,
|
||||
viewModel = topChartViewModel,
|
||||
onAppClick = { onNavigateTo(Destination.AppDetails(it.packageName)) }
|
||||
)
|
||||
|
||||
AppsTab.CATEGORIES -> CategoriesContent(
|
||||
pageType = pageType,
|
||||
viewModel = categoryViewModel,
|
||||
onCategoryClick = { onNavigateTo(Destination.CategoryBrowse(it)) }
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
/*
|
||||
* SPDX-FileCopyrightText: 2026 Aurora OSS
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
package com.aurora.store.compose.ui.apps
|
||||
|
||||
import androidx.compose.foundation.layout.fillMaxSize
|
||||
import androidx.compose.foundation.lazy.LazyColumn
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.runtime.LaunchedEffect
|
||||
import androidx.compose.runtime.getValue
|
||||
import androidx.compose.runtime.livedata.observeAsState
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.tooling.preview.Preview
|
||||
import androidx.compose.ui.tooling.preview.PreviewWrapper
|
||||
import com.aurora.gplayapi.data.models.Category
|
||||
import com.aurora.store.CategoryStash
|
||||
import com.aurora.store.compose.composable.CategoryItem
|
||||
import com.aurora.store.compose.composable.ShimmerCategoryRow
|
||||
import com.aurora.store.compose.preview.ThemePreviewProvider
|
||||
import com.aurora.store.data.model.ViewState
|
||||
import com.aurora.store.viewmodel.category.CategoryViewModel
|
||||
|
||||
@Composable
|
||||
internal fun CategoriesContent(
|
||||
pageType: Int,
|
||||
viewModel: CategoryViewModel,
|
||||
onCategoryClick: (Category) -> Unit
|
||||
) {
|
||||
val categoryType = if (pageType == 1) Category.Type.GAME else Category.Type.APPLICATION
|
||||
val state by viewModel.liveData.observeAsState()
|
||||
|
||||
LaunchedEffect(categoryType) {
|
||||
viewModel.getCategoryList(categoryType)
|
||||
}
|
||||
|
||||
@Suppress("UNCHECKED_CAST")
|
||||
val categories = (state as? ViewState.Success<*>)?.data as? CategoryStash
|
||||
val list = categories?.get(categoryType)
|
||||
|
||||
CategoriesBody(list = list, onCategoryClick = onCategoryClick)
|
||||
}
|
||||
|
||||
@Composable
|
||||
private fun CategoriesBody(list: List<Category>?, onCategoryClick: (Category) -> Unit = {}) {
|
||||
if (list.isNullOrEmpty()) {
|
||||
LazyColumn(modifier = Modifier.fillMaxSize()) {
|
||||
items(10) { ShimmerCategoryRow() }
|
||||
}
|
||||
} else {
|
||||
LazyColumn(modifier = Modifier.fillMaxSize()) {
|
||||
items(count = list.size, key = { list[it].title }) { index ->
|
||||
CategoryItem(
|
||||
category = list[index],
|
||||
onClick = { onCategoryClick(list[index]) }
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@PreviewWrapper(ThemePreviewProvider::class)
|
||||
@Preview(showBackground = true)
|
||||
@Composable
|
||||
private fun CategoriesBodyLoadingPreview() {
|
||||
CategoriesBody(list = null)
|
||||
}
|
||||
|
||||
@PreviewWrapper(ThemePreviewProvider::class)
|
||||
@Preview(showBackground = true)
|
||||
@Composable
|
||||
private fun CategoriesBodyLoadedPreview() {
|
||||
val categories = listOf(
|
||||
"Art & Design",
|
||||
"Auto & Vehicles",
|
||||
"Beauty",
|
||||
"Books & Reference",
|
||||
"Business",
|
||||
"Comics",
|
||||
"Communication",
|
||||
"Dating",
|
||||
"Education",
|
||||
"Entertainment"
|
||||
).map { Category(title = it, imageUrl = "") }
|
||||
CategoriesBody(list = categories)
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
/*
|
||||
* SPDX-FileCopyrightText: 2026 Aurora OSS
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
package com.aurora.store.compose.ui.apps
|
||||
|
||||
import androidx.compose.foundation.layout.fillMaxSize
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.runtime.LaunchedEffect
|
||||
import androidx.compose.runtime.getValue
|
||||
import androidx.compose.ui.Modifier
|
||||
import com.aurora.gplayapi.data.models.App
|
||||
import com.aurora.gplayapi.data.models.StreamCluster
|
||||
import com.aurora.gplayapi.helpers.contracts.StreamContract
|
||||
import com.aurora.store.HomeStash
|
||||
import com.aurora.store.compose.composable.StreamCarousel
|
||||
import com.aurora.store.compose.composition.observeForced
|
||||
import com.aurora.store.data.model.ViewState
|
||||
import com.aurora.store.viewmodel.homestream.StreamViewModel
|
||||
|
||||
@Composable
|
||||
internal fun ForYouContent(
|
||||
pageType: Int,
|
||||
viewModel: StreamViewModel,
|
||||
onAppClick: (App) -> Unit,
|
||||
onAppLongClick: (App) -> Unit,
|
||||
onHeaderClick: (StreamCluster) -> Unit,
|
||||
onClusterScrolled: (StreamCluster) -> Unit,
|
||||
onScrolledToEnd: () -> Unit
|
||||
) {
|
||||
val category = category(pageType)
|
||||
val state by viewModel.liveData.observeForced()
|
||||
|
||||
LaunchedEffect(category) {
|
||||
viewModel.getStreamBundle(category, StreamContract.Type.HOME)
|
||||
}
|
||||
|
||||
@Suppress("UNCHECKED_CAST")
|
||||
val streamBundle = (state as? ViewState.Success<*>)?.data as? HomeStash
|
||||
StreamCarousel(
|
||||
modifier = Modifier.fillMaxSize(),
|
||||
streamBundle = streamBundle?.get(category),
|
||||
onHeaderClick = onHeaderClick,
|
||||
onAppClick = onAppClick,
|
||||
onAppLongClick = onAppLongClick,
|
||||
onClusterScrolled = onClusterScrolled,
|
||||
onScrolledToEnd = onScrolledToEnd
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,255 @@
|
||||
/*
|
||||
* SPDX-FileCopyrightText: 2026 Aurora OSS
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
package com.aurora.store.compose.ui.apps
|
||||
|
||||
import androidx.compose.foundation.layout.Arrangement
|
||||
import androidx.compose.foundation.layout.Box
|
||||
import androidx.compose.foundation.layout.Column
|
||||
import androidx.compose.foundation.layout.PaddingValues
|
||||
import androidx.compose.foundation.layout.fillMaxSize
|
||||
import androidx.compose.foundation.layout.fillMaxWidth
|
||||
import androidx.compose.foundation.layout.padding
|
||||
import androidx.compose.foundation.lazy.LazyColumn
|
||||
import androidx.compose.foundation.lazy.LazyListState
|
||||
import androidx.compose.foundation.lazy.rememberLazyListState
|
||||
import androidx.compose.material3.CircularProgressIndicator
|
||||
import androidx.compose.material3.SecondaryScrollableTabRow
|
||||
import androidx.compose.material3.Tab
|
||||
import androidx.compose.material3.Text
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.runtime.LaunchedEffect
|
||||
import androidx.compose.runtime.derivedStateOf
|
||||
import androidx.compose.runtime.getValue
|
||||
import androidx.compose.runtime.mutableIntStateOf
|
||||
import androidx.compose.runtime.remember
|
||||
import androidx.compose.runtime.saveable.rememberSaveable
|
||||
import androidx.compose.runtime.setValue
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.res.dimensionResource
|
||||
import androidx.compose.ui.res.stringResource
|
||||
import androidx.compose.ui.tooling.preview.Preview
|
||||
import androidx.compose.ui.tooling.preview.PreviewWrapper
|
||||
import com.aurora.gplayapi.data.models.App
|
||||
import com.aurora.gplayapi.data.models.StreamCluster
|
||||
import com.aurora.gplayapi.helpers.contracts.TopChartsContract
|
||||
import com.aurora.store.R
|
||||
import com.aurora.store.compose.composable.EmptyState
|
||||
import com.aurora.store.compose.composable.ShimmerAppRow
|
||||
import com.aurora.store.compose.composable.app.LargeAppListItem
|
||||
import com.aurora.store.compose.composition.collectForced
|
||||
import com.aurora.store.compose.preview.AppPreviewProvider
|
||||
import com.aurora.store.compose.preview.ThemePreviewProvider
|
||||
import com.aurora.store.data.model.ViewState
|
||||
import com.aurora.store.data.model.ViewState.Loading.getDataAs
|
||||
import com.aurora.store.viewmodel.topchart.TopChartViewModel
|
||||
|
||||
private const val LOAD_MORE_THRESHOLD = 2
|
||||
|
||||
@Composable
|
||||
internal fun TopChartsContent(
|
||||
pageType: Int,
|
||||
viewModel: TopChartViewModel,
|
||||
onAppClick: (App) -> Unit
|
||||
) {
|
||||
val charts = listOf(
|
||||
TopChartsContract.Chart.TOP_SELLING_FREE,
|
||||
TopChartsContract.Chart.TOP_GROSSING,
|
||||
TopChartsContract.Chart.MOVERS_SHAKERS,
|
||||
TopChartsContract.Chart.TOP_SELLING_PAID
|
||||
)
|
||||
val chartTitles = listOf(
|
||||
R.string.tab_top_free,
|
||||
R.string.tab_top_grossing,
|
||||
R.string.tab_trending,
|
||||
R.string.tab_top_paid
|
||||
)
|
||||
val chartType =
|
||||
if (pageType == 1) TopChartsContract.Type.GAME else TopChartsContract.Type.APPLICATION
|
||||
var selectedIndex by rememberSaveable { mutableIntStateOf(0) }
|
||||
val selectedChart = charts[selectedIndex]
|
||||
val state by viewModel.state.collectForced(ViewState.Loading)
|
||||
val cluster = state.getDataAs<StreamCluster?>()
|
||||
val listState = rememberLazyListState()
|
||||
|
||||
LaunchedEffect(selectedIndex) {
|
||||
listState.scrollToItem(0)
|
||||
viewModel.getStreamCluster(chartType, selectedChart)
|
||||
}
|
||||
|
||||
val reachedEnd by remember {
|
||||
derivedStateOf {
|
||||
val last = listState.layoutInfo.visibleItemsInfo.lastOrNull()?.index ?: -1
|
||||
val total = listState.layoutInfo.totalItemsCount
|
||||
last >= total - LOAD_MORE_THRESHOLD
|
||||
}
|
||||
}
|
||||
LaunchedEffect(reachedEnd) {
|
||||
if (reachedEnd && cluster?.hasNext() == true) {
|
||||
viewModel.nextCluster(chartType, selectedChart)
|
||||
}
|
||||
}
|
||||
|
||||
TopChartsBody(
|
||||
selectedIndex = selectedIndex,
|
||||
chartTitles = chartTitles,
|
||||
state = state,
|
||||
cluster = cluster,
|
||||
listState = listState,
|
||||
onTabSelected = { selectedIndex = it },
|
||||
onRetry = { viewModel.getStreamCluster(chartType, selectedChart) },
|
||||
onAppClick = onAppClick
|
||||
)
|
||||
}
|
||||
|
||||
@Composable
|
||||
private fun TopChartsBody(
|
||||
selectedIndex: Int,
|
||||
chartTitles: List<Int>,
|
||||
state: ViewState,
|
||||
cluster: StreamCluster?,
|
||||
listState: LazyListState = rememberLazyListState(),
|
||||
onTabSelected: (Int) -> Unit = {},
|
||||
onRetry: () -> Unit = {},
|
||||
onAppClick: (App) -> Unit = {}
|
||||
) {
|
||||
Column(
|
||||
modifier = Modifier.fillMaxSize()
|
||||
) {
|
||||
SecondaryScrollableTabRow(
|
||||
selectedTabIndex = selectedIndex,
|
||||
edgePadding = dimensionResource(R.dimen.padding_small)
|
||||
) {
|
||||
chartTitles.forEachIndexed { index, titleRes ->
|
||||
Tab(
|
||||
selected = selectedIndex == index,
|
||||
onClick = { onTabSelected(index) },
|
||||
text = { Text(stringResource(titleRes)) }
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
when {
|
||||
state is ViewState.Error -> EmptyState(
|
||||
modifier = Modifier.weight(1f),
|
||||
icon = R.drawable.ic_apps,
|
||||
message = R.string.no_apps_available,
|
||||
actionLabel = R.string.action_retry,
|
||||
onAction = onRetry
|
||||
)
|
||||
|
||||
cluster != null && cluster.clusterAppList.isEmpty() -> EmptyState(
|
||||
modifier = Modifier.weight(1f),
|
||||
icon = R.drawable.ic_apps,
|
||||
message = R.string.no_apps_available
|
||||
)
|
||||
|
||||
cluster != null -> {
|
||||
val apps = cluster.clusterAppList
|
||||
LazyColumn(
|
||||
modifier = Modifier
|
||||
.weight(1f)
|
||||
.fillMaxWidth(),
|
||||
state = listState,
|
||||
contentPadding = PaddingValues(
|
||||
vertical = dimensionResource(R.dimen.padding_small)
|
||||
),
|
||||
verticalArrangement = Arrangement.spacedBy(
|
||||
dimensionResource(R.dimen.margin_xsmall)
|
||||
)
|
||||
) {
|
||||
items(count = apps.size, key = { apps[it].id }) { index ->
|
||||
LargeAppListItem(
|
||||
app = apps[index],
|
||||
onClick = { onAppClick(apps[index]) }
|
||||
)
|
||||
}
|
||||
if (cluster.hasNext()) {
|
||||
item(key = "progress") {
|
||||
Box(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(dimensionResource(R.dimen.padding_large)),
|
||||
contentAlignment = Alignment.Center
|
||||
) {
|
||||
CircularProgressIndicator()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
else -> LazyColumn(
|
||||
modifier = Modifier
|
||||
.weight(1f)
|
||||
.fillMaxWidth(),
|
||||
contentPadding = PaddingValues(vertical = dimensionResource(R.dimen.padding_small)),
|
||||
verticalArrangement = Arrangement.spacedBy(dimensionResource(R.dimen.margin_xsmall))
|
||||
) {
|
||||
items(8) { ShimmerAppRow() }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private val previewChartTitles = listOf(
|
||||
R.string.tab_top_free,
|
||||
R.string.tab_top_grossing,
|
||||
R.string.tab_trending,
|
||||
R.string.tab_top_paid
|
||||
)
|
||||
|
||||
@PreviewWrapper(ThemePreviewProvider::class)
|
||||
@Preview(showBackground = true)
|
||||
@Composable
|
||||
private fun TopChartsBodyLoadingPreview() {
|
||||
TopChartsBody(
|
||||
selectedIndex = 0,
|
||||
chartTitles = previewChartTitles,
|
||||
state = ViewState.Loading,
|
||||
cluster = null
|
||||
)
|
||||
}
|
||||
|
||||
@PreviewWrapper(ThemePreviewProvider::class)
|
||||
@Preview(showBackground = true)
|
||||
@Composable
|
||||
private fun TopChartsBodyLoadedPreview() {
|
||||
val app = AppPreviewProvider().values.first()
|
||||
val apps = List(5) { i -> app.copy(id = i + 1, packageName = "com.preview.app$i") }
|
||||
val cluster = StreamCluster(clusterAppList = apps)
|
||||
TopChartsBody(
|
||||
selectedIndex = 0,
|
||||
chartTitles = previewChartTitles,
|
||||
state = ViewState.Success(cluster),
|
||||
cluster = cluster
|
||||
)
|
||||
}
|
||||
|
||||
@PreviewWrapper(ThemePreviewProvider::class)
|
||||
@Preview(showBackground = true)
|
||||
@Composable
|
||||
private fun TopChartsBodyEmptyPreview() {
|
||||
val cluster = StreamCluster(clusterAppList = emptyList())
|
||||
TopChartsBody(
|
||||
selectedIndex = 1,
|
||||
chartTitles = previewChartTitles,
|
||||
state = ViewState.Success(cluster),
|
||||
cluster = cluster
|
||||
)
|
||||
}
|
||||
|
||||
@PreviewWrapper(ThemePreviewProvider::class)
|
||||
@Preview(showBackground = true)
|
||||
@Composable
|
||||
private fun TopChartsBodyErrorPreview() {
|
||||
TopChartsBody(
|
||||
selectedIndex = 0,
|
||||
chartTitles = previewChartTitles,
|
||||
state = ViewState.Error("Network error"),
|
||||
cluster = null
|
||||
)
|
||||
}
|
||||
240
app/src/main/java/com/aurora/store/compose/ui/main/MainScreen.kt
Normal file
240
app/src/main/java/com/aurora/store/compose/ui/main/MainScreen.kt
Normal file
@@ -0,0 +1,240 @@
|
||||
/*
|
||||
* SPDX-FileCopyrightText: 2026 Aurora OSS
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
package com.aurora.store.compose.ui.main
|
||||
|
||||
import androidx.annotation.DrawableRes
|
||||
import androidx.annotation.StringRes
|
||||
import androidx.compose.foundation.layout.Box
|
||||
import androidx.compose.foundation.layout.consumeWindowInsets
|
||||
import androidx.compose.foundation.layout.fillMaxSize
|
||||
import androidx.compose.foundation.layout.padding
|
||||
import androidx.compose.foundation.pager.HorizontalPager
|
||||
import androidx.compose.foundation.pager.rememberPagerState
|
||||
import androidx.compose.material3.Badge
|
||||
import androidx.compose.material3.BadgedBox
|
||||
import androidx.compose.material3.FloatingActionButton
|
||||
import androidx.compose.material3.Icon
|
||||
import androidx.compose.material3.IconButton
|
||||
import androidx.compose.material3.NavigationBar
|
||||
import androidx.compose.material3.NavigationBarItem
|
||||
import androidx.compose.material3.Scaffold
|
||||
import androidx.compose.material3.Text
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.runtime.LaunchedEffect
|
||||
import androidx.compose.runtime.getValue
|
||||
import androidx.compose.runtime.mutableStateOf
|
||||
import androidx.compose.runtime.remember
|
||||
import androidx.compose.runtime.rememberCoroutineScope
|
||||
import androidx.compose.runtime.setValue
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.platform.LocalContext
|
||||
import androidx.compose.ui.res.painterResource
|
||||
import androidx.compose.ui.res.stringResource
|
||||
import androidx.hilt.lifecycle.viewmodel.compose.hiltViewModel
|
||||
import androidx.lifecycle.compose.collectAsStateWithLifecycle
|
||||
import com.aurora.extensions.requiresObbDir
|
||||
import com.aurora.store.MainViewModel
|
||||
import com.aurora.store.R
|
||||
import com.aurora.store.compose.composable.TopAppBar
|
||||
import com.aurora.store.compose.navigation.Destination
|
||||
import com.aurora.store.compose.ui.apps.AppsGamesScreen
|
||||
import com.aurora.store.compose.ui.commons.MoreSheet
|
||||
import com.aurora.store.compose.ui.commons.NetworkSheet
|
||||
import com.aurora.store.compose.ui.sheets.AppMenuSheet
|
||||
import com.aurora.store.compose.ui.updates.UpdatesScreen
|
||||
import com.aurora.store.data.model.MinimalApp
|
||||
import com.aurora.store.data.model.NetworkStatus
|
||||
import com.aurora.store.data.model.PermissionType
|
||||
import com.aurora.store.data.providers.PermissionProvider.Companion.isGranted
|
||||
import com.aurora.store.viewmodel.all.UpdatesViewModel
|
||||
import kotlinx.coroutines.launch
|
||||
|
||||
private enum class MainTab(
|
||||
@StringRes val labelRes: Int,
|
||||
@DrawableRes val iconRes: Int
|
||||
) {
|
||||
APPS(R.string.title_apps, R.drawable.ic_apps),
|
||||
GAMES(R.string.title_games, R.drawable.ic_games),
|
||||
UPDATES(R.string.title_updates, R.drawable.ic_updates)
|
||||
}
|
||||
|
||||
@Composable
|
||||
fun MainScreen(
|
||||
initialTab: Int = 0,
|
||||
mainViewModel: MainViewModel = hiltViewModel(),
|
||||
updatesViewModel: UpdatesViewModel = hiltViewModel(),
|
||||
onNavigateTo: (Destination) -> Unit = {}
|
||||
) {
|
||||
val context = LocalContext.current
|
||||
val networkStatus by mainViewModel.networkProvider.status.collectAsStateWithLifecycle(
|
||||
initialValue = NetworkStatus.AVAILABLE
|
||||
)
|
||||
val updates by mainViewModel.updateHelper.updates.collectAsStateWithLifecycle(
|
||||
initialValue = null
|
||||
)
|
||||
val updateCount = updates?.size ?: 0
|
||||
|
||||
val coroutineScope = rememberCoroutineScope()
|
||||
val pagerState = rememberPagerState(
|
||||
initialPage = initialTab.coerceIn(
|
||||
0,
|
||||
MainTab.entries.size - 1
|
||||
)
|
||||
) {
|
||||
MainTab.entries.size
|
||||
}
|
||||
|
||||
var showMoreSheet by remember { mutableStateOf(false) }
|
||||
var appMenuTarget by remember { mutableStateOf<MinimalApp?>(null) }
|
||||
var showNetworkDialog by remember { mutableStateOf(false) }
|
||||
|
||||
fun handleNavigation(destination: Destination) {
|
||||
when (destination) {
|
||||
is Destination.AppMenu -> appMenuTarget = destination.app
|
||||
else -> onNavigateTo(destination)
|
||||
}
|
||||
}
|
||||
|
||||
LaunchedEffect(networkStatus) {
|
||||
showNetworkDialog = networkStatus == NetworkStatus.UNAVAILABLE
|
||||
}
|
||||
|
||||
if (showNetworkDialog) {
|
||||
NetworkSheet()
|
||||
}
|
||||
|
||||
if (showMoreSheet) {
|
||||
MoreSheet(
|
||||
onDismiss = { showMoreSheet = false },
|
||||
onNavigateTo = { destination ->
|
||||
showMoreSheet = false
|
||||
onNavigateTo(destination)
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
appMenuTarget?.let { app ->
|
||||
AppMenuSheet(app = app, onDismiss = { appMenuTarget = null })
|
||||
}
|
||||
|
||||
Scaffold(
|
||||
topBar = {
|
||||
TopAppBar(
|
||||
title = stringResource(MainTab.entries[pagerState.currentPage].labelRes),
|
||||
actions = {
|
||||
IconButton(onClick = { onNavigateTo(Destination.Downloads) }) {
|
||||
Icon(
|
||||
painter = painterResource(R.drawable.ic_download_manager),
|
||||
contentDescription = stringResource(R.string.title_download_manager)
|
||||
)
|
||||
}
|
||||
IconButton(onClick = { showMoreSheet = true }) {
|
||||
Icon(
|
||||
painter = painterResource(R.drawable.ic_settings_account),
|
||||
contentDescription = stringResource(R.string.title_more)
|
||||
)
|
||||
}
|
||||
}
|
||||
)
|
||||
},
|
||||
floatingActionButton = {
|
||||
FloatingActionButton(onClick = { onNavigateTo(Destination.Search) }) {
|
||||
Icon(
|
||||
painter = painterResource(R.drawable.ic_round_search),
|
||||
contentDescription = stringResource(R.string.action_search)
|
||||
)
|
||||
}
|
||||
},
|
||||
bottomBar = {
|
||||
NavigationBar {
|
||||
MainTab.entries.forEachIndexed { index, tab ->
|
||||
NavigationBarItem(
|
||||
selected = pagerState.currentPage == index,
|
||||
onClick = {
|
||||
coroutineScope.launch { pagerState.animateScrollToPage(index) }
|
||||
},
|
||||
icon = {
|
||||
if (tab == MainTab.UPDATES && updateCount > 0) {
|
||||
BadgedBox(badge = { Badge { Text("$updateCount") } }) {
|
||||
Icon(
|
||||
painter = painterResource(tab.iconRes),
|
||||
contentDescription = null
|
||||
)
|
||||
}
|
||||
} else {
|
||||
Icon(
|
||||
painter = painterResource(tab.iconRes),
|
||||
contentDescription = null
|
||||
)
|
||||
}
|
||||
},
|
||||
label = { Text(stringResource(tab.labelRes)) }
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
) { paddingValues ->
|
||||
Box(
|
||||
modifier = Modifier
|
||||
.padding(paddingValues)
|
||||
.consumeWindowInsets(paddingValues)
|
||||
.fillMaxSize()
|
||||
) {
|
||||
HorizontalPager(
|
||||
state = pagerState,
|
||||
userScrollEnabled = false,
|
||||
beyondViewportPageCount = MainTab.entries.size - 1,
|
||||
modifier = Modifier.fillMaxSize()
|
||||
) { page ->
|
||||
when (MainTab.entries[page]) {
|
||||
MainTab.APPS -> AppsGamesScreen(
|
||||
pageType = 0,
|
||||
onNavigateTo = ::handleNavigation
|
||||
)
|
||||
MainTab.GAMES -> AppsGamesScreen(
|
||||
pageType = 1,
|
||||
onNavigateTo = ::handleNavigation
|
||||
)
|
||||
MainTab.UPDATES -> UpdatesScreen(
|
||||
viewModel = updatesViewModel,
|
||||
onNavigateTo = ::handleNavigation,
|
||||
onRequestUpdate = { update ->
|
||||
if (update.fileList.requiresObbDir() &&
|
||||
!isGranted(context, PermissionType.STORAGE_MANAGER)
|
||||
) {
|
||||
onNavigateTo(
|
||||
Destination.PermissionRationale(
|
||||
setOf(PermissionType.STORAGE_MANAGER)
|
||||
)
|
||||
)
|
||||
} else {
|
||||
updatesViewModel.download(update)
|
||||
}
|
||||
},
|
||||
onRequestUpdateAll = {
|
||||
val needsObb = updatesViewModel.updates.value?.any {
|
||||
it.fileList.requiresObbDir()
|
||||
} == true
|
||||
if (needsObb && !isGranted(context, PermissionType.STORAGE_MANAGER)) {
|
||||
onNavigateTo(
|
||||
Destination.PermissionRationale(
|
||||
setOf(PermissionType.STORAGE_MANAGER)
|
||||
)
|
||||
)
|
||||
} else {
|
||||
updatesViewModel.downloadAll()
|
||||
}
|
||||
},
|
||||
onCancelUpdate = { packageName ->
|
||||
updatesViewModel.cancelDownload(packageName)
|
||||
},
|
||||
onCancelAll = { updatesViewModel.cancelAll() }
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user