|
|
|
|
@ -1,6 +1,9 @@
|
|
|
|
|
package com.example.what_the_fantasy.ui.screens
|
|
|
|
|
|
|
|
|
|
import android.content.Context
|
|
|
|
|
import android.os.Bundle
|
|
|
|
|
import android.util.Patterns
|
|
|
|
|
import android.widget.ImageView
|
|
|
|
|
import androidx.activity.ComponentActivity
|
|
|
|
|
import androidx.activity.compose.setContent
|
|
|
|
|
import androidx.activity.enableEdgeToEdge
|
|
|
|
|
@ -54,16 +57,24 @@ import androidx.compose.ui.tooling.preview.Preview
|
|
|
|
|
import androidx.compose.ui.unit.dp
|
|
|
|
|
import androidx.compose.ui.unit.sp
|
|
|
|
|
import androidx.navigation.NavController
|
|
|
|
|
import coil.compose.AsyncImage
|
|
|
|
|
import com.example.what_the_fantasy.R
|
|
|
|
|
import com.example.what_the_fantasy.data.local.QuestionStub
|
|
|
|
|
import com.example.what_the_fantasy.data.local.UserStub
|
|
|
|
|
import com.example.what_the_fantasy.ui.components.ErrorMessageProfileComponent
|
|
|
|
|
import com.example.what_the_fantasy.ui.components.SpaceHeightComponent
|
|
|
|
|
import com.example.what_the_fantasy.ui.components.TitlePageComponent
|
|
|
|
|
import com.example.what_the_fantasy.ui.theme.What_The_FantasyTheme
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun ProfilPage() {
|
|
|
|
|
fun ProfilPage(navController: NavController) {
|
|
|
|
|
val gradient = Brush.linearGradient(
|
|
|
|
|
colors = listOf(Color(0xFF7B1FA2), Color(0xFF311B92)), // Violet clair → Violet foncé
|
|
|
|
|
start = Offset(0f, 1000f), // Départ en bas à gauche
|
|
|
|
|
end = Offset(1000f, 0f) // Fin en haut à droite
|
|
|
|
|
)
|
|
|
|
|
val user = UserStub.allUsers
|
|
|
|
|
val index = 2 // Pour changer l'utilisateur pour le moment
|
|
|
|
|
|
|
|
|
|
Box(
|
|
|
|
|
modifier = Modifier
|
|
|
|
|
@ -82,30 +93,27 @@ fun ProfilPage() {
|
|
|
|
|
) {
|
|
|
|
|
|
|
|
|
|
// Titre
|
|
|
|
|
TitleProfil(R.string.titleProfile, 20, Color.White)
|
|
|
|
|
SpaceProfil(16)
|
|
|
|
|
TitlePageComponent(R.string.titleProfile, 20, Color.White)
|
|
|
|
|
SpaceHeightComponent(16)
|
|
|
|
|
|
|
|
|
|
// Image de profil
|
|
|
|
|
val id = R.drawable.ic_launcher_foreground
|
|
|
|
|
ImageProfil(id, 120, 2, Color.White)
|
|
|
|
|
ImageProfil(user[index].imgUrl, 120, 2, Color.White)
|
|
|
|
|
SpaceHeightComponent(16)
|
|
|
|
|
|
|
|
|
|
EditUsername(user[index].username)// Édition du Username
|
|
|
|
|
SpaceHeightComponent(16)
|
|
|
|
|
|
|
|
|
|
SpaceProfil(16)
|
|
|
|
|
|
|
|
|
|
EditUsername()// Édition du Username
|
|
|
|
|
SpaceProfil(16)
|
|
|
|
|
|
|
|
|
|
EditEmail()// Édition du Email
|
|
|
|
|
EditEmail(user[index].email)// Édition du Email
|
|
|
|
|
Spacer(modifier = Modifier.height(8.dp))
|
|
|
|
|
|
|
|
|
|
EditPasswd()
|
|
|
|
|
SpaceProfil(16)
|
|
|
|
|
SpaceHeightComponent(16)
|
|
|
|
|
|
|
|
|
|
// Bouton
|
|
|
|
|
ButtonProfile(R.string.ButtonAddQuoteprofile,18, Color.Black, Color.White)
|
|
|
|
|
SpaceProfil(16)
|
|
|
|
|
SpaceHeightComponent(16)
|
|
|
|
|
ButtonProfile(R.string.ButtonLanguageprofile,18, Color.Black, Color.White)
|
|
|
|
|
SpaceProfil(16)
|
|
|
|
|
SpaceHeightComponent(16)
|
|
|
|
|
ButtonProfile(R.string.ButtonUnlogprofile, 18, Color.Black, Color.White)
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
@ -113,81 +121,84 @@ fun ProfilPage() {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun SpaceProfil(height : Int){
|
|
|
|
|
Spacer(
|
|
|
|
|
modifier = Modifier
|
|
|
|
|
.height(height.dp)) // Ajoute un espacement
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun TitleProfil(titleResId : Int, size : Int, color : Color){
|
|
|
|
|
val title = stringResource(id = titleResId)
|
|
|
|
|
Text(
|
|
|
|
|
text = title,
|
|
|
|
|
fontSize = size.sp,
|
|
|
|
|
fontWeight = FontWeight.Bold,
|
|
|
|
|
color = color
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun ImageProfil(imgProfil : Int, size :Int, sizeBorber : Int, colorBorder : Color){
|
|
|
|
|
Image(
|
|
|
|
|
painter = painterResource(imgProfil),
|
|
|
|
|
fun ImageProfil(imgProfil : String, size :Int, sizeBorber : Int, colorBorder : Color){
|
|
|
|
|
|
|
|
|
|
AsyncImage(
|
|
|
|
|
model = imgProfil,
|
|
|
|
|
contentDescription = "Photo de profil",
|
|
|
|
|
modifier = Modifier
|
|
|
|
|
.size(size.dp)
|
|
|
|
|
.clip(CircleShape)
|
|
|
|
|
.border(sizeBorber.dp, colorBorder, CircleShape)
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun EditEmail(){
|
|
|
|
|
var email by remember { mutableStateOf("user@example.com") }
|
|
|
|
|
var isEditingEmail by remember { mutableStateOf(false) } // État d'édition
|
|
|
|
|
fun EditEmail(userEmail: String) {
|
|
|
|
|
var email by remember { mutableStateOf(userEmail) }
|
|
|
|
|
var isEditingEmail by remember { mutableStateOf(false) }
|
|
|
|
|
var emailError by remember { mutableStateOf(false) }
|
|
|
|
|
|
|
|
|
|
if (isEditingEmail) {
|
|
|
|
|
EmailEditingField(
|
|
|
|
|
email = email,
|
|
|
|
|
onEmailChange = { newEmail ->
|
|
|
|
|
email = newEmail
|
|
|
|
|
emailError = !Patterns.EMAIL_ADDRESS.matcher(newEmail).matches()
|
|
|
|
|
},
|
|
|
|
|
onDone = {
|
|
|
|
|
if (!emailError) isEditingEmail = false
|
|
|
|
|
},
|
|
|
|
|
emailError = emailError
|
|
|
|
|
)
|
|
|
|
|
} else {
|
|
|
|
|
DisplayEmail(email = email, onEdit = { isEditingEmail = true })
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun EmailEditingField(
|
|
|
|
|
email: String,
|
|
|
|
|
onEmailChange: (String) -> Unit,
|
|
|
|
|
onDone: () -> Unit,
|
|
|
|
|
emailError: Boolean
|
|
|
|
|
) {
|
|
|
|
|
OutlinedTextField(
|
|
|
|
|
value = email,
|
|
|
|
|
onValueChange = {
|
|
|
|
|
email = it
|
|
|
|
|
emailError = !android.util.Patterns.EMAIL_ADDRESS.matcher(it).matches()
|
|
|
|
|
},
|
|
|
|
|
onValueChange = onEmailChange,
|
|
|
|
|
modifier = Modifier.fillMaxWidth(),
|
|
|
|
|
textStyle = TextStyle(color = Color.White, fontSize = 18.sp),
|
|
|
|
|
singleLine = true,
|
|
|
|
|
keyboardOptions = KeyboardOptions.Default.copy(
|
|
|
|
|
keyboardType = KeyboardType.Email, // ✅ Clavier spécialisé pour email
|
|
|
|
|
keyboardType = KeyboardType.Email,
|
|
|
|
|
imeAction = ImeAction.Done
|
|
|
|
|
),
|
|
|
|
|
keyboardActions = KeyboardActions(
|
|
|
|
|
onDone = { if (!emailError) isEditingEmail = false } // ✅ Fermer si l'email est valide
|
|
|
|
|
onDone = { onDone() }
|
|
|
|
|
),
|
|
|
|
|
trailingIcon = {
|
|
|
|
|
IconButton(onClick = { if (!emailError) isEditingEmail = false }) {
|
|
|
|
|
IconButton(onClick = { if (!emailError) onDone() }) {
|
|
|
|
|
Icon(imageVector = Icons.Default.Check, contentDescription = "Valider")
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
isError = emailError // ✅ Afficher l'erreur si l'email est invalide
|
|
|
|
|
isError = emailError
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
if (emailError) {
|
|
|
|
|
val text = stringResource(id = R.string.ErrorEmailprofile)
|
|
|
|
|
Text(
|
|
|
|
|
text = text,
|
|
|
|
|
color = Color.Red,
|
|
|
|
|
fontSize = 12.sp,
|
|
|
|
|
modifier = Modifier.padding(top = 4.dp)
|
|
|
|
|
)
|
|
|
|
|
ErrorMessageProfileComponent(R.string.ErrorEmailprofile)
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun DisplayEmail(email: String, onEdit: () -> Unit) {
|
|
|
|
|
Row(
|
|
|
|
|
verticalAlignment = Alignment.CenterVertically,
|
|
|
|
|
modifier = Modifier.clickable { isEditingEmail = true }
|
|
|
|
|
modifier = Modifier.clickable { onEdit() }
|
|
|
|
|
) {
|
|
|
|
|
Text(
|
|
|
|
|
text = email,
|
|
|
|
|
@ -203,18 +214,36 @@ fun EditEmail(){
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun EditUsername(){
|
|
|
|
|
var username by remember { mutableStateOf("Username") }
|
|
|
|
|
var isEditingUsername by remember { mutableStateOf(false) } // État d'édition
|
|
|
|
|
fun EditUsername(userName: String) {
|
|
|
|
|
var username by remember { mutableStateOf(userName) }
|
|
|
|
|
var isEditingUsername by remember { mutableStateOf(false) }
|
|
|
|
|
|
|
|
|
|
if (isEditingUsername) {
|
|
|
|
|
UsernameEditingField(
|
|
|
|
|
username = username,
|
|
|
|
|
onUsernameChange = { username = it },
|
|
|
|
|
onDone = { isEditingUsername = false }
|
|
|
|
|
)
|
|
|
|
|
} else {
|
|
|
|
|
DisplayUsername(username = username, onEdit = { isEditingUsername = true })
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun UsernameEditingField(
|
|
|
|
|
username: String,
|
|
|
|
|
onUsernameChange: (String) -> Unit,
|
|
|
|
|
onDone: () -> Unit
|
|
|
|
|
) {
|
|
|
|
|
OutlinedTextField(
|
|
|
|
|
value = username,
|
|
|
|
|
onValueChange = { username = it },
|
|
|
|
|
onValueChange = onUsernameChange,
|
|
|
|
|
modifier = Modifier.fillMaxWidth(),
|
|
|
|
|
textStyle = TextStyle(color = Color.White, fontSize = 18.sp),
|
|
|
|
|
singleLine = true,
|
|
|
|
|
@ -222,18 +251,21 @@ fun EditUsername(){
|
|
|
|
|
imeAction = ImeAction.Done
|
|
|
|
|
),
|
|
|
|
|
keyboardActions = KeyboardActions(
|
|
|
|
|
onDone = { isEditingUsername = false } // Quand on appuie sur "Done"
|
|
|
|
|
onDone = { onDone() } // Quand on appuie sur "Done", on met fin à l'édition
|
|
|
|
|
),
|
|
|
|
|
trailingIcon = {
|
|
|
|
|
IconButton(onClick = { isEditingUsername = false }) {
|
|
|
|
|
IconButton(onClick = { onDone() }) {
|
|
|
|
|
Icon(imageVector = Icons.Default.Check, contentDescription = "Valider")
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
} else {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun DisplayUsername(username: String, onEdit: () -> Unit) {
|
|
|
|
|
Row(
|
|
|
|
|
verticalAlignment = Alignment.CenterVertically,
|
|
|
|
|
modifier = Modifier.clickable { isEditingUsername = true }
|
|
|
|
|
modifier = Modifier.clickable { onEdit() }
|
|
|
|
|
) {
|
|
|
|
|
Text(
|
|
|
|
|
text = username,
|
|
|
|
|
@ -249,7 +281,10 @@ fun EditUsername(){
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
@ -260,93 +295,131 @@ fun EditPasswd(){
|
|
|
|
|
var confirmPassword by remember { mutableStateOf("") }
|
|
|
|
|
var passwordVisible by remember { mutableStateOf(false) }
|
|
|
|
|
var passwordError by remember { mutableStateOf(false) }
|
|
|
|
|
|
|
|
|
|
if (isEditingPassword) {
|
|
|
|
|
PasswordEditingFields(
|
|
|
|
|
newPassword = newPassword,
|
|
|
|
|
confirmPassword = confirmPassword,
|
|
|
|
|
onNewPasswordChange = { newPassword = it },
|
|
|
|
|
onConfirmPasswordChange = {
|
|
|
|
|
confirmPassword = it
|
|
|
|
|
passwordError = newPassword != it
|
|
|
|
|
},
|
|
|
|
|
passwordVisible = passwordVisible,
|
|
|
|
|
onPasswordVisibilityChange = { passwordVisible = it },
|
|
|
|
|
passwordError = passwordError,
|
|
|
|
|
onDone = {
|
|
|
|
|
if (!passwordError && newPassword.isNotEmpty()) {
|
|
|
|
|
password = newPassword
|
|
|
|
|
isEditingPassword = false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
} else {
|
|
|
|
|
DisplayPassword(onEdit = { isEditingPassword = true })
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun PasswordEditingFields(
|
|
|
|
|
newPassword: String,
|
|
|
|
|
confirmPassword: String,
|
|
|
|
|
onNewPasswordChange: (String) -> Unit,
|
|
|
|
|
onConfirmPasswordChange: (String) -> Unit,
|
|
|
|
|
passwordVisible: Boolean,
|
|
|
|
|
onPasswordVisibilityChange: (Boolean) -> Unit,
|
|
|
|
|
passwordError: Boolean,
|
|
|
|
|
onDone: () -> Unit
|
|
|
|
|
) {
|
|
|
|
|
Column {
|
|
|
|
|
val text = stringResource(id = R.string.NewPasswdprofile)
|
|
|
|
|
OutlinedTextField(
|
|
|
|
|
PasswordTextField(
|
|
|
|
|
value = newPassword,
|
|
|
|
|
onValueChange = { newPassword = it },
|
|
|
|
|
label = { Text(text) },
|
|
|
|
|
modifier = Modifier.fillMaxWidth(),
|
|
|
|
|
textStyle = TextStyle(color = Color.White, fontSize = 18.sp),
|
|
|
|
|
singleLine = true,
|
|
|
|
|
keyboardOptions = KeyboardOptions.Default.copy(
|
|
|
|
|
keyboardType = KeyboardType.Password,
|
|
|
|
|
imeAction = ImeAction.Next
|
|
|
|
|
),
|
|
|
|
|
visualTransformation = if (passwordVisible) VisualTransformation.None else PasswordVisualTransformation(),
|
|
|
|
|
trailingIcon = {
|
|
|
|
|
IconButton(onClick = { passwordVisible = !passwordVisible }) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
onValueChange = onNewPasswordChange,
|
|
|
|
|
label = text,
|
|
|
|
|
passwordVisible = passwordVisible,
|
|
|
|
|
onPasswordVisibilityChange = onPasswordVisibilityChange
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
Spacer(modifier = Modifier.height(8.dp))
|
|
|
|
|
|
|
|
|
|
val textConfirm = stringResource(id = R.string.ConfirmNewPasswdprofile)
|
|
|
|
|
OutlinedTextField(
|
|
|
|
|
PasswordTextField(
|
|
|
|
|
value = confirmPassword,
|
|
|
|
|
onValueChange = {
|
|
|
|
|
confirmPassword = it
|
|
|
|
|
passwordError = newPassword != it
|
|
|
|
|
},
|
|
|
|
|
onValueChange = onConfirmPasswordChange,
|
|
|
|
|
label = textConfirm,
|
|
|
|
|
passwordVisible = passwordVisible,
|
|
|
|
|
onPasswordVisibilityChange = onPasswordVisibilityChange,
|
|
|
|
|
isError = passwordError,
|
|
|
|
|
onDone = onDone
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
if (passwordError) {
|
|
|
|
|
ErrorMessageProfileComponent(R.string.Errorpasswdprofile)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Spacer(modifier = Modifier.height(8.dp))
|
|
|
|
|
|
|
|
|
|
SaveButton(onClick = onDone)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
label = { Text(textConfirm) },
|
|
|
|
|
@Composable
|
|
|
|
|
fun PasswordTextField(
|
|
|
|
|
value: String,
|
|
|
|
|
onValueChange: (String) -> Unit,
|
|
|
|
|
label: String,
|
|
|
|
|
passwordVisible: Boolean,
|
|
|
|
|
onPasswordVisibilityChange: (Boolean) -> Unit,
|
|
|
|
|
isError: Boolean = false,
|
|
|
|
|
onDone: (() -> Unit)? = null
|
|
|
|
|
) {
|
|
|
|
|
OutlinedTextField(
|
|
|
|
|
value = value,
|
|
|
|
|
onValueChange = onValueChange,
|
|
|
|
|
label = { Text(label) },
|
|
|
|
|
modifier = Modifier.fillMaxWidth(),
|
|
|
|
|
textStyle = TextStyle(color = Color.White, fontSize = 18.sp),
|
|
|
|
|
singleLine = true,
|
|
|
|
|
keyboardOptions = KeyboardOptions.Default.copy(
|
|
|
|
|
keyboardType = KeyboardType.Password,
|
|
|
|
|
imeAction = ImeAction.Done
|
|
|
|
|
),
|
|
|
|
|
keyboardActions = KeyboardActions(
|
|
|
|
|
onDone = { if (!passwordError && newPassword.isNotEmpty()) {
|
|
|
|
|
password = newPassword
|
|
|
|
|
isEditingPassword = false
|
|
|
|
|
}}
|
|
|
|
|
imeAction = if (onDone != null) ImeAction.Done else ImeAction.Next
|
|
|
|
|
),
|
|
|
|
|
keyboardActions = onDone?.let {
|
|
|
|
|
KeyboardActions(onDone = { it() })
|
|
|
|
|
} ?: KeyboardActions.Default,
|
|
|
|
|
visualTransformation = if (passwordVisible) VisualTransformation.None else PasswordVisualTransformation(),
|
|
|
|
|
trailingIcon = {
|
|
|
|
|
IconButton(onClick = { passwordVisible = !passwordVisible }) {
|
|
|
|
|
|
|
|
|
|
IconButton(onClick = { onPasswordVisibilityChange(!passwordVisible) }) {
|
|
|
|
|
// Ajout d'une icône pour montrer/masquer le mot de passe
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
isError = passwordError
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
if (passwordError) {
|
|
|
|
|
val text = stringResource(id = R.string.Errorpasswdprofile)
|
|
|
|
|
Text(
|
|
|
|
|
text = text,
|
|
|
|
|
color = Color.Red,
|
|
|
|
|
fontSize = 12.sp,
|
|
|
|
|
modifier = Modifier.padding(top = 4.dp)
|
|
|
|
|
isError = isError
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Spacer(modifier = Modifier.height(8.dp))
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun SaveButton(onClick: () -> Unit) {
|
|
|
|
|
Button(
|
|
|
|
|
onClick = {
|
|
|
|
|
if (!passwordError && newPassword.isNotEmpty()) {
|
|
|
|
|
password = newPassword
|
|
|
|
|
isEditingPassword = false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onClick = onClick,
|
|
|
|
|
colors = ButtonDefaults.buttonColors(containerColor = Color.White),
|
|
|
|
|
modifier = Modifier.fillMaxWidth()
|
|
|
|
|
) {
|
|
|
|
|
val text = stringResource(id = R.string.ButtonSaveprofile)
|
|
|
|
|
Text(text, fontSize = 18.sp, color = Color.Black)
|
|
|
|
|
Text(text,
|
|
|
|
|
fontSize = 18.sp,
|
|
|
|
|
color = Color.Black)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
fun DisplayPassword(onEdit: () -> Unit) {
|
|
|
|
|
Row(
|
|
|
|
|
verticalAlignment = Alignment.CenterVertically,
|
|
|
|
|
modifier = Modifier.clickable { isEditingPassword = true }
|
|
|
|
|
modifier = Modifier.clickable { onEdit() }
|
|
|
|
|
) {
|
|
|
|
|
Text(
|
|
|
|
|
text = password,
|
|
|
|
|
text = "*****",
|
|
|
|
|
fontSize = 18.sp,
|
|
|
|
|
fontWeight = FontWeight.Bold,
|
|
|
|
|
color = Color.White
|
|
|
|
|
@ -359,7 +432,10 @@ fun EditPasswd(){
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
|
|
