Improve documentation

[emmanuelHa]

Before opening, please confirm:

• I have searched for duplicate or closed issues.

Which UI component is this feature-request for?

Authenticator

Please include any relevant guides or documentation you're referencing

https://ui.docs.amplify.aws/android/connected-components/authenticator/configuration

Please describe your feature-request in detail.

In the parent page (https://ui.docs.amplify.aws/android/connected-components/authenticator), it is written to add the following snipet:
`class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)

setContent {
  Authenticator { state ->
      SignedInContent(state)
  }
}

SignedInContent ? This code does not compile.
When this feature is done with javascript the ui component woks out of the box.
I am expecting from such a common feature as Signin/Signup workflow a simple code to copy/paste.

Initialization steps (if applicable)

No response

Code Snippet

// Put your code below this line.

amplifyconfiguration.json

No response

Additional information and screenshots

No response

[mattcreaser]

Hi @emmanuelHa - can you elaborate on the compilation error you're seeing?

SignedInContent is just a placeholder for your own composable, it should be whatever content you want to show for a signed-in user.

[emmanuelHa]

Yes now I know that SignedInContent is "just" a placeholder. But for newcomers that's not what they want. They want something that allow a use case to work from end to end, copy paste a bit of code, test it and then they adapt this code. That' a a simple rule for coding: always quickly loop through code and test. By the way this code does not compile simply because this SignedInContent does not exist.
I propose to add a basic implementation (for android use case) with coroutines:

import androidx.compose.runtime.Composable
import com.amplifyframework.ui.authenticator.SignedInState
import androidx.compose.foundation.layout.Column
import androidx.compose.material3.Text
import androidx.compose.material3.Button
import androidx.compose.runtime.rememberCoroutineScope

...

    @Composable
    fun SignedInContent(state: SignedInState) {
        val scope = rememberCoroutineScope()
        Column {
            Text("You've signed in as ${state.user.username}!")
            Button(onClick = { scope.launch { state.signOut() } }) {
                Text("Sign Out")
            }
        }
    }

Is that ok for you ?

[mattcreaser]

Thanks for the suggestion @emmanuelHa. I'll update the documentation accordingly.

[emmanuelHa]

Thanks @mattcreaser !

[github-actions]

This issue is now closed. Comments on closed issues are hard for our team to see.
If you need more assistance, please open a new issue that references this one.