weartrackdetailscomposable.kt

        composable(
            // Route information
            route = WearScreen.DETAILS.name + "/{trackNumber}",
            arguments = listOf(navArgument("trackNumber") { type = NavType.StringType })
        ) { backStackEntry ->
            val trackNumber = backStackEntry.arguments?.getString("trackNumber") ?: ""

            // Retrieve View model
            val trackDetailsViewModel = viewModel<TrackDetailsViewModel>()

            // Call API to retrieve data 
            LaunchedEffect(
                key1 = true,
                block = {
                    trackDetailsViewModel.initialise(trackNumber)
                    trackDetailsViewModel.getTrackDetails()
                    trackDetailsViewModel.sendAnalytics()
                    baseViewModel.refreshLoginStatus()
                }
            )
            
            // State of LiveData
            val trackDetailsState = trackDetailsViewModel.trackWearItem.observeAsState()
            val dataState = trackDetailsViewModel.trackWearItem.state.observeAsState()
            val authenticatedState = baseViewModel.loggedInStatus.observeAsState()
            val trackOnPhoneOpenedState = trackDetailsViewModel.openPhoneRequest.observeAsState()

            val authenticated = authenticatedState.value?.getContentIfNotHandled() ?: true
            val trackOnPhoneOpened = trackOnPhoneOpenedState.value?.getContentIfNotHandled() ?: false

            // Render screen
            trackDetailsState.value?.let {
                DetailsScreen(
                    trackDetails = it,
                    dataState = dataState.value,
                    authenticated = authenticated,
                    trackOnPhoneOpened = trackOnPhoneOpened,
                    onQrCodeClick = { qrCodes ->
                        navController.navigate(WearScreen.QRCODE.name + "/${trackDetailsViewModel.getSafeEncodedQrCodeNavParam(qrCodes)}")
                    },
                    updateAlias = { alias ->
                        trackDetailsViewModel.updateAlias(alias)
                    },
                    requestTrackOnPhone = {
                        trackDetailsViewModel.requestTrackOnPhone()
                    },
                    onError = { error: Throwable, retry: Boolean ->
                        val errorType = WearErrorType.from(error)
                        navController.navigate(WearScreen.ERROR.name + "?error=$errorType&retry=$retry")
                    },
                    onUnAuthenticated = {
                        navController.navigate(WearScreen.LOGIN.name)
                    }
                )
            }
        }