fix some android app stuff

Author: aecsocket

wordbase-android/app/src/main/java/io/github/aecsocket/wordbase/AnkiPage.kt

@@ -49,11 +49,14 @@ fun AnkiPagePreview() {
         model = model,
         models = models,
         onModelChange = { model = it },
+        enabled = true,
     )
 }
 
 @Composable
-fun AnkiPageApp() {
+fun AnkiPageApp(
+    enabled: Boolean,
+) {
     val context = LocalContext.current
     val app = context.app()
     val wordbase by rememberWordbase()
@@ -83,6 +86,7 @@ fun AnkiPageApp() {
                     }
                 }
             },
+            enabled = enabled,
         )
     } ?: run {
         Column(
@@ -120,6 +124,7 @@ fun AnkiPage(
     model: String,
     models: List<String>,
     onModelChange: (String) -> Unit,
+    enabled: Boolean,
 ) {
     Column(
         verticalArrangement = Arrangement.spacedBy(8.dp),
@@ -133,6 +138,7 @@ fun AnkiPage(
             selected = deck,
             options = decks,
             onSelectedChange = onDeckChange,
+            enabled = enabled,
         )
 
         DropdownField(
@@ -144,6 +150,7 @@ fun AnkiPage(
             selected = model,
             options = models,
             onSelectedChange = onModelChange,
+            enabled = enabled,
         )
     }
 }
@@ -155,6 +162,7 @@ fun DropdownField(
     selected: String,
     options: List<String>,
     onSelectedChange: (String) -> Unit,
+    enabled: Boolean = true,
 ) {
     var expanded by remember { mutableStateOf(false) }
     ExposedDropdownMenuBox(
@@ -172,6 +180,7 @@ fun DropdownField(
             label = label,
             trailingIcon = { ExposedDropdownMenuDefaults.TrailingIcon(expanded = expanded) },
             colors = ExposedDropdownMenuDefaults.textFieldColors(),
+            enabled = enabled,
         )
 
         ExposedDropdownMenu(
@@ -180,6 +189,7 @@ fun DropdownField(
         ) {
             options.forEach {
                 DropdownMenuItem(
+                    enabled = enabled,
                     text = { Text(text = it) },
                     onClick = {
                         onSelectedChange(it)

wordbase-android/app/src/main/java/io/github/aecsocket/wordbase/ManagePage.kt

@@ -55,6 +55,7 @@ import androidx.compose.material3.Text
 import androidx.compose.material3.TextButton
 import androidx.compose.material3.TextField
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -214,6 +215,7 @@ fun AppManagePage(modifier: Modifier = Modifier) {
     // to avoid locking the UI on every tiny change.
     // TODO: This is effectively a hand-rolled mutex. Can we use an actual mutex somehow?
     var locked by remember { mutableStateOf(false) }
+    val enabled by remember { derivedStateOf { !locked } }
 
     var importState by remember { mutableStateOf<DictionaryImport?>(null) }
 
@@ -290,7 +292,7 @@ fun AppManagePage(modifier: Modifier = Modifier) {
 
     ManagePage(
         modifier = modifier,
-        enabled = !locked,
+        enabled = enabled,
         profile = profile,
         dictionaries = app.dictionaries.values.sortedBy { it.position },
         dictionaryImports = importState?.let { listOf(it) } ?: listOf(),
@@ -345,7 +347,11 @@ fun AppManagePage(modifier: Modifier = Modifier) {
                 )
             )
         },
-        anki = { AnkiPageApp() },
+        anki = {
+            AnkiPageApp(
+                enabled = enabled,
+            )
+       },
     )
 }