Merge pull request #110 from Producdevity/feat/ui-improvements

Feat/UI improvements

Author: oxters168

app/src/main/java/com/OxGames/Pluvia/ui/screen/library/HomeLibraryAppScreen.kt

@@ -3,6 +3,7 @@ package com.OxGames.Pluvia.ui.screen.library
 import android.content.Intent
 import android.content.res.Configuration
 import android.net.Uri
+import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
@@ -83,11 +84,16 @@ fun AppScreen(
     onBack: () -> Unit,
 ) {
     val context = LocalContext.current
-    var downloadInfo by remember {
+    var downloadInfo by remember(appId) {
         mutableStateOf(SteamService.getAppDownloadInfo(appId))
     }
-    var downloadProgress by remember { mutableFloatStateOf(downloadInfo?.getProgress() ?: 0f) }
-    var isInstalled by remember { mutableStateOf(SteamService.isAppInstalled(appId)) }
+    var downloadProgress by remember(appId) {
+        mutableFloatStateOf(downloadInfo?.getProgress() ?: 0f)
+    }
+    var isInstalled by remember(appId) {
+        mutableStateOf(SteamService.isAppInstalled(appId))
+    }
+
     val isDownloading: () -> Boolean = { downloadInfo != null && downloadProgress < 1f }
 
     var loadingDialogVisible by rememberSaveable { mutableStateOf(false) }
@@ -455,20 +461,22 @@ private fun AppScreenContent(
             }
 
             if (isDownloading) {
-                Column(
-                    modifier = Modifier
-                        .align(Alignment.CenterVertically)
-                        .weight(1f)
-                        .padding(4.dp),
-                ) {
-                    Text(
-                        modifier = Modifier.align(Alignment.End),
-                        text = "${(downloadProgress * 100f).toInt()}%",
-                    )
-                    LinearProgressIndicator(
-                        modifier = Modifier.fillMaxWidth(),
-                        progress = { downloadProgress },
-                    )
+                AnimatedVisibility(visible = true) {
+                    Column(
+                        modifier = Modifier
+                            .align(Alignment.CenterVertically)
+                            .weight(1f)
+                            .padding(4.dp),
+                    ) {
+                        Text(
+                            modifier = Modifier.align(Alignment.End),
+                            text = "${(downloadProgress * 100f).toInt()}%",
+                        )
+                        LinearProgressIndicator(
+                            modifier = Modifier.fillMaxWidth(),
+                            progress = { downloadProgress },
+                        )
+                    }
                 }
             } else {
                 Spacer(Modifier.weight(1f))

app/src/main/java/com/OxGames/Pluvia/ui/screen/library/HomeLibraryScreen.kt

@@ -149,13 +149,19 @@ private fun LibraryScreenContent(
                             FloatingActionMenuItem(
                                 labelText = "Installed",
                                 isSelected = state.appInfoSortType == FabFilter.INSTALLED,
-                                onClick = { onFabFilter(FabFilter.INSTALLED) },
+                                onClick = {
+                                    onFabFilter(FabFilter.INSTALLED)
+                                    fabState.close()
+                                },
                                 content = { Icon(Icons.Filled.InstallMobile, "Installed") },
                             )
                             FloatingActionMenuItem(
                                 labelText = "Alphabetic",
                                 isSelected = state.appInfoSortType == FabFilter.ALPHABETIC,
-                                onClick = { onFabFilter(FabFilter.ALPHABETIC) },
+                                onClick = {
+                                    onFabFilter(FabFilter.ALPHABETIC)
+                                    fabState.close()
+                                },
                                 content = { Icon(Icons.Filled.SortByAlpha, "Alphabetic") },
                             )
                         }