[WEAR] Add VM sharing logic and temp unit switcher

shared/src/commonMain/kotlin/com/kgurgul/cpuinfo/utils/KoinExtensions.kt

@@ -0,0 +1,19 @@
+package com.kgurgul.cpuinfo.utils
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.lifecycle.ViewModel
+import androidx.navigation.NavBackStackEntry
+import androidx.navigation.NavController
+import org.koin.compose.viewmodel.koinViewModel
+
+@Composable
+inline fun <reified T : ViewModel> NavBackStackEntry.sharedViewModel(
+    navController: NavController,
+): T {
+    val navGraphRoute = destination.parent?.route ?: return koinViewModel()
+    val parentEntry = remember(this) {
+        navController.getBackStackEntry(navGraphRoute)
+    }
+    return koinViewModel(viewModelStoreOwner = parentEntry)
+}

wearOsApp/src/androidMain/kotlin/com/kgurgul/cpuinfo/wear/features/WearHostScreen.kt

@@ -41,6 +41,7 @@ import com.kgurgul.cpuinfo.shared.information
 import com.kgurgul.cpuinfo.shared.menu
 import com.kgurgul.cpuinfo.shared.settings
 import com.kgurgul.cpuinfo.shared.temp
+import com.kgurgul.cpuinfo.utils.sharedViewModel
 import com.kgurgul.cpuinfo.wear.features.applications.WearApplicationsScreen
 import com.kgurgul.cpuinfo.wear.features.information.WearInfoContainerScreen
 import com.kgurgul.cpuinfo.wear.features.settings.WearSettingsScreen
@@ -104,6 +105,7 @@ fun WearHostScreen(
                 ) {
                     composable(WearHostScreen.Settings.List.route) {
                         WearSettingsScreen(
+                            viewModel = it.sharedViewModel(navController),
                             onTemperatureUnitClicked = {
                                 navController.navigate(
                                     WearHostScreen.Settings.TemperatureUnitPicker.route
@@ -113,6 +115,7 @@ fun WearHostScreen(
                     }
                     composable(WearHostScreen.Settings.TemperatureUnitPicker.route) {
                         WearTemperatureUnitPickerScreen(
+                            viewModel = it.sharedViewModel(navController),
                             onTemperatureUnitSelected = {
                                 navController.popBackStack()
                             },

wearOsApp/src/androidMain/kotlin/com/kgurgul/cpuinfo/wear/features/settings/WearTemperatureUnitPickerScreen.kt

@@ -2,14 +2,30 @@
 
 package com.kgurgul.cpuinfo.wear.features.settings
 
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Check
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import androidx.wear.compose.material.MaterialTheme
+import androidx.wear.compose.material.Picker
+import androidx.wear.compose.material.Text
+import androidx.wear.compose.material.rememberPickerState
 import com.google.android.horologist.annotations.ExperimentalHorologistApi
-import com.google.android.horologist.compose.layout.ScalingLazyColumnDefaults
-import com.google.android.horologist.compose.layout.ScreenScaffold
-import com.google.android.horologist.compose.layout.rememberResponsiveColumnState
+import com.google.android.horologist.compose.material.Button
 import com.kgurgul.cpuinfo.features.settings.SettingsViewModel
+import com.kgurgul.cpuinfo.features.settings.getTemperatureUnit
+import com.kgurgul.cpuinfo.shared.Res
+import com.kgurgul.cpuinfo.shared.ok
+import org.jetbrains.compose.resources.stringResource
 import org.koin.compose.viewmodel.koinViewModel
 
 @Composable
@@ -32,160 +48,36 @@ fun WearTemperatureUnitPickerScreen(
     uiState: SettingsViewModel.UiState,
     onTemperatureUnitSelected: (Int) -> Unit,
 ) {
-    val columnState = rememberResponsiveColumnState(
-        contentPadding = ScalingLazyColumnDefaults.padding(
-            first = ScalingLazyColumnDefaults.ItemType.Text,
-            last = ScalingLazyColumnDefaults.ItemType.SingleButton,
-        ),
+    val state = rememberPickerState(
+        initialNumberOfOptions = uiState.temperatureDialogOptions.size,
+        repeatItems = false,
     )
-    ScreenScaffold(scrollState = columnState) {
-
-    }
-
-    /*Scaffold(
-        topBar = {
-            PrimaryTopAppBar(
-                title = stringResource(Res.string.settings),
-            )
-        },
-        contentWindowInsets = WindowInsets.safeDrawing.only(WindowInsetsSides.Horizontal),
-    ) { paddingValues ->
-        var isTemperatureDialogVisible by remember { mutableStateOf(false) }
-        SettingsList(
-            uiState = uiState,
-            modifier = Modifier.padding(paddingValues),
-            onTemperatureItemClicked = { isTemperatureDialogVisible = true },
-        )
-        TemperatureUnitDialog(
-            isDialogVisible = isTemperatureDialogVisible,
-            onDismissRequest = { isTemperatureDialogVisible = false },
-            currentSelection = uiState.temperatureUnit,
-            options = uiState.temperatureDialogOptions,
-            onOptionClicked = onTemperatureOptionClicked,
-        )
-    }*/
-}
-
-/*@Composable
-private fun SettingsList(
-    uiState: SettingsViewModel.UiState,
-    onTemperatureItemClicked: () -> Unit,
-    modifier: Modifier = Modifier,
-) {
-    Box(
-        modifier = Modifier.fillMaxSize(),
-    ) {
-        val listState = rememberLazyListState()
-        LazyColumn(
-            contentPadding = PaddingValues(spacingMedium),
-            state = listState,
-            modifier = modifier,
-        ) {
-            item(key = "__generalHeader") {
-                Text(
-                    text = stringResource(Res.string.general),
-                    style = MaterialTheme.typography.titleSmall,
-                    color = MaterialTheme.colorScheme.tertiary,
-                )
-                Spacer(modifier = Modifier.requiredSize(spacingMedium))
-            }
-            item(key = "__temperatureItem") {
-                SettingsItem(
-                    title = stringResource(Res.string.temperature_unit),
-                    subtitle = getTemperatureUnit(option = uiState.temperatureUnit),
-                    onClick = onTemperatureItemClicked,
-                )
-            }
-        }
-        VerticalScrollbar(
-            modifier = Modifier
-                .align(Alignment.CenterEnd)
-                .fillMaxHeight(),
-            scrollState = listState,
-        )
-    }
-}
-
-@Composable
-private fun SettingsItem(
-    title: String,
-    subtitle: String,
-    onClick: () -> Unit,
-) {
+    //val contentDescription by remember { derivedStateOf { getTemperatureUnit(state.selectedOption) } }
     Column(
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.SpaceBetween,
         modifier = Modifier
-            .fillMaxWidth()
-            .clickable(onClick = onClick)
-            .padding(vertical = spacingMedium)
-            .padding(start = spacingLarge),
+            .fillMaxSize()
+            .padding(
+                top = 24.dp,
+                bottom = 8.dp,
+            ),
     ) {
-        Text(
-            text = title,
-            style = MaterialTheme.typography.titleMedium,
-            color = MaterialTheme.colorScheme.onBackground,
-        )
-        Text(
-            text = subtitle,
-            style = MaterialTheme.typography.bodyMedium,
-            color = MaterialTheme.colorScheme.onSurfaceVariant,
+        Picker(
+            state = state,
+            contentDescription = null,
+            modifier = Modifier
+                .size(100.dp, 100.dp),
+        ) {
+            Text(
+                text = getTemperatureUnit(uiState.temperatureDialogOptions[it]),
+                style = MaterialTheme.typography.display2,
+            )
+        }
+        Button(
+            imageVector = Icons.Default.Check,
+            contentDescription = stringResource(Res.string.ok),
+            onClick = { onTemperatureUnitSelected(state.selectedOption) },
         )
     }
 }
-
-@Composable
-private fun TemperatureUnitDialog(
-    isDialogVisible: Boolean,
-    onDismissRequest: () -> Unit,
-    currentSelection: Int,
-    options: ImmutableList<Int>,
-    onOptionClicked: (Int) -> Unit,
-) {
-    if (isDialogVisible) {
-        AlertDialog(
-            onDismissRequest = onDismissRequest,
-            title = {
-                Text(text = stringResource(Res.string.temperature_unit))
-            },
-            text = {
-                val scrollState = rememberScrollState()
-                Column(
-                    verticalArrangement = Arrangement.spacedBy(spacingSmall),
-                    modifier = Modifier.verticalScroll(scrollState),
-                ) {
-                    for (option in options) {
-                        Row(
-                            horizontalArrangement = Arrangement.spacedBy(spacingMedium),
-                            modifier = Modifier
-                                .fillMaxWidth()
-                                .clickable {
-                                    onOptionClicked(option)
-                                    onDismissRequest()
-                                }
-                                .padding(vertical = spacingSmall),
-                        ) {
-                            RadioButton(
-                                selected = option == currentSelection,
-                                onClick = null,
-                                colors = RadioButtonDefaults.colors(
-                                    selectedColor = MaterialTheme.colorScheme.tertiary,
-                                ),
-                            )
-                            Text(
-                                text = getTemperatureUnit(option = option),
-                                style = MaterialTheme.typography.titleMedium,
-                                color = MaterialTheme.colorScheme.onBackground,
-                            )
-                        }
-                    }
-                }
-            },
-            confirmButton = {
-                Button(
-                    onClick = onDismissRequest,
-                ) {
-                    Text(text = stringResource(Res.string.cancel))
-                }
-            },
-        )
-    }
-}*/