Change sign in text button to outline button
This commit is contained in:
parent
d48c47af41
commit
1637d058b1
3 changed files with 14 additions and 14 deletions
|
@ -9,8 +9,8 @@ import androidx.navigation.compose.NavHost
|
||||||
import androidx.navigation.compose.composable
|
import androidx.navigation.compose.composable
|
||||||
import androidx.navigation.compose.rememberNavController
|
import androidx.navigation.compose.rememberNavController
|
||||||
import kotlinx.serialization.Serializable
|
import kotlinx.serialization.Serializable
|
||||||
import software.makeshift.debtpirate.screens.auth.LoginScreen
|
import software.makeshift.debtpirate.screens.auth.SignUpScreen
|
||||||
import software.makeshift.debtpirate.screens.auth.signup.SignUpFormViewModel
|
import software.makeshift.debtpirate.screens.auth.signup.SignUpScreenViewModel
|
||||||
import software.makeshift.debtpirate.ui.theme.DebtPirateTheme
|
import software.makeshift.debtpirate.ui.theme.DebtPirateTheme
|
||||||
|
|
||||||
@Serializable
|
@Serializable
|
||||||
|
@ -26,8 +26,8 @@ class MainActivity : ComponentActivity() {
|
||||||
DebtPirateTheme {
|
DebtPirateTheme {
|
||||||
NavHost(navController = navController, startDestination = LoginRoute) {
|
NavHost(navController = navController, startDestination = LoginRoute) {
|
||||||
composable<LoginRoute> {
|
composable<LoginRoute> {
|
||||||
LoginScreen(
|
SignUpScreen(
|
||||||
signUpFormViewModel = viewModel<SignUpFormViewModel>()
|
viewModel = viewModel<SignUpScreenViewModel>()
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,9 +9,9 @@ import androidx.compose.foundation.layout.Row
|
||||||
import androidx.compose.foundation.layout.fillMaxSize
|
import androidx.compose.foundation.layout.fillMaxSize
|
||||||
import androidx.compose.foundation.layout.fillMaxWidth
|
import androidx.compose.foundation.layout.fillMaxWidth
|
||||||
import androidx.compose.foundation.layout.padding
|
import androidx.compose.foundation.layout.padding
|
||||||
|
import androidx.compose.material3.OutlinedButton
|
||||||
import androidx.compose.material3.Scaffold
|
import androidx.compose.material3.Scaffold
|
||||||
import androidx.compose.material3.Text
|
import androidx.compose.material3.Text
|
||||||
import androidx.compose.material3.TextButton
|
|
||||||
import androidx.compose.runtime.Composable
|
import androidx.compose.runtime.Composable
|
||||||
import androidx.compose.runtime.collectAsState
|
import androidx.compose.runtime.collectAsState
|
||||||
import androidx.compose.ui.Alignment
|
import androidx.compose.ui.Alignment
|
||||||
|
@ -20,13 +20,13 @@ import androidx.compose.ui.graphics.Color
|
||||||
import androidx.compose.ui.res.stringResource
|
import androidx.compose.ui.res.stringResource
|
||||||
import androidx.compose.ui.unit.dp
|
import androidx.compose.ui.unit.dp
|
||||||
import software.makeshift.debtpirate.R
|
import software.makeshift.debtpirate.R
|
||||||
import software.makeshift.debtpirate.screens.auth.signup.SignUpFormViewModel
|
|
||||||
import software.makeshift.debtpirate.screens.auth.signup.SignUpScreen
|
import software.makeshift.debtpirate.screens.auth.signup.SignUpScreen
|
||||||
|
import software.makeshift.debtpirate.screens.auth.signup.SignUpScreenViewModel
|
||||||
|
|
||||||
@SuppressLint("UnusedMaterial3ScaffoldPaddingParameter")
|
@SuppressLint("UnusedMaterial3ScaffoldPaddingParameter")
|
||||||
@Composable
|
@Composable
|
||||||
fun LoginScreen(
|
fun SignUpScreen(
|
||||||
signUpFormViewModel: SignUpFormViewModel
|
viewModel: SignUpScreenViewModel
|
||||||
) {
|
) {
|
||||||
Scaffold(
|
Scaffold(
|
||||||
modifier = Modifier.fillMaxSize()
|
modifier = Modifier.fillMaxSize()
|
||||||
|
@ -39,13 +39,13 @@ fun LoginScreen(
|
||||||
.weight(1f)
|
.weight(1f)
|
||||||
)
|
)
|
||||||
|
|
||||||
val displayName = signUpFormViewModel.displayName.collectAsState()
|
val displayName = viewModel.displayName.collectAsState()
|
||||||
val emailAddress = signUpFormViewModel.emailAddress.collectAsState()
|
val emailAddress = viewModel.emailAddress.collectAsState()
|
||||||
SignUpScreen(
|
SignUpScreen(
|
||||||
displayName,
|
displayName,
|
||||||
onDisplayNameUpdate = signUpFormViewModel::updateDisplayName,
|
onDisplayNameUpdate = viewModel::updateDisplayName,
|
||||||
emailAddress,
|
emailAddress,
|
||||||
onEmailAddressUpdate = signUpFormViewModel::updateEmailAddress,
|
onEmailAddressUpdate = viewModel::updateEmailAddress,
|
||||||
modifier = Modifier
|
modifier = Modifier
|
||||||
.weight(3f)
|
.weight(3f)
|
||||||
.padding(16.dp)
|
.padding(16.dp)
|
||||||
|
@ -69,7 +69,7 @@ private fun LoginTopBar(innerPadding: PaddingValues, modifier: Modifier = Modifi
|
||||||
.padding(16.dp)
|
.padding(16.dp)
|
||||||
)
|
)
|
||||||
{
|
{
|
||||||
TextButton(onClick = { /*TODO*/ }) {
|
OutlinedButton(onClick = { /*TODO*/ }) {
|
||||||
Text(stringResource(id = R.string.login_screen__sign_in))
|
Text(stringResource(id = R.string.login_screen__sign_in))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,7 +4,7 @@ import androidx.lifecycle.ViewModel
|
||||||
import kotlinx.coroutines.flow.MutableStateFlow
|
import kotlinx.coroutines.flow.MutableStateFlow
|
||||||
import kotlinx.coroutines.flow.asStateFlow
|
import kotlinx.coroutines.flow.asStateFlow
|
||||||
|
|
||||||
class SignUpFormViewModel : ViewModel() {
|
class SignUpScreenViewModel : ViewModel() {
|
||||||
private val _displayName = MutableStateFlow("")
|
private val _displayName = MutableStateFlow("")
|
||||||
val displayName = _displayName.asStateFlow()
|
val displayName = _displayName.asStateFlow()
|
||||||
|
|
Loading…
Add table
Reference in a new issue