chore(login): delay 2s to show checkmark; add additional padding above IME in register

Signed-off-by: Brandon McAnsh <git@bmcreations.dev>

Author: bmc08gt

flipchatApp/src/main/kotlin/xyz/flipchat/app/features/login/LoginHome.kt

@@ -37,12 +37,13 @@ import com.getcode.ui.theme.ButtonState
 import com.getcode.ui.theme.CodeButton
 import com.getcode.ui.utils.noRippleClickable
 import xyz.flipchat.app.R
+import xyz.flipchat.app.features.chat.lookup.confirm.LoadingSuccessState
 import xyz.flipchat.app.util.ChromeTabsUtils
 
 @Composable
 fun LoginHome(
     isSpectatorJoinEnabled: Boolean = false,
-    isCreatingAccount: Boolean = false,
+    isCreatingAccount: LoadingSuccessState = LoadingSuccessState(),
     betaFlagsVisible: Boolean = false,
     onLogoTapped: () -> Unit,
     openBetaFlags: () -> Unit,
@@ -87,7 +88,8 @@ fun LoginHome(
                     .fillMaxWidth()
                     .padding(horizontal = CodeTheme.dimens.inset),
                 onClick = createAccount,
-                isLoading = isCreatingAccount,
+                isLoading = isCreatingAccount.loading,
+                isSuccess = isCreatingAccount.success,
                 text = if (isSpectatorJoinEnabled) {
                     stringResource(R.string.action_getStarted)
                 } else {

flipchatApp/src/main/kotlin/xyz/flipchat/app/features/login/LoginScreen.kt

@@ -12,11 +12,13 @@ import cafe.adriel.voyager.core.screen.uniqueScreenKey
 import cafe.adriel.voyager.hilt.getViewModel
 import com.getcode.navigation.NavScreenProvider
 import com.getcode.navigation.core.LocalCodeNavigator
+import kotlinx.coroutines.delay
 import kotlinx.coroutines.flow.filterIsInstance
 import kotlinx.coroutines.flow.launchIn
 import kotlinx.coroutines.flow.onEach
 import kotlinx.parcelize.IgnoredOnParcel
 import kotlinx.parcelize.Parcelize
+import kotlin.time.Duration.Companion.seconds
 
 @Parcelize
 data class LoginScreen(val seed: String? = null) : Screen, Parcelable {
@@ -32,6 +34,7 @@ data class LoginScreen(val seed: String? = null) : Screen, Parcelable {
         LaunchedEffect(vm) {
             vm.eventFlow
                 .filterIsInstance<LoginViewModel.Event.OnAccountCreated>()
+                .onEach { delay(2.seconds) }
                 .onEach { navigator.replaceAll(ScreenRegistry.get(NavScreenProvider.AppHomeScreen())) }
                 .launchIn(this)
         }

flipchatApp/src/main/kotlin/xyz/flipchat/app/features/login/LoginViewModel.kt

@@ -14,6 +14,7 @@ import kotlinx.coroutines.flow.onEach
 import xyz.flipchat.app.auth.AuthManager
 import xyz.flipchat.app.beta.BetaFlag
 import xyz.flipchat.app.beta.BetaFlags
+import xyz.flipchat.app.features.chat.lookup.confirm.LoadingSuccessState
 import xyz.flipchat.app.features.login.register.onResult
 import javax.inject.Inject
 import kotlin.time.Duration.Companion.seconds
@@ -28,7 +29,7 @@ class LoginViewModel @Inject constructor(
 ) {
     data class State(
         val followerModeEnabled: Boolean = false,
-        val creatingAccount: Boolean = false,
+        val creatingAccount: LoadingSuccessState = LoadingSuccessState(),
         val logoTapCount: Int = 0,
         val betaOptionsVisible: Boolean = false,
     )
@@ -78,9 +79,9 @@ class LoginViewModel @Inject constructor(
         private const val TAP_THRESHOLD = 6
         val updateStateForEvent: (Event) -> ((State) -> State) = { event ->
             when (event) {
-                Event.CreateAccount -> { state -> state.copy(creatingAccount = true) }
-                Event.OnAccountCreated -> { state -> state.copy(creatingAccount = false) }
-                Event.CreateFailed -> { state -> state.copy(creatingAccount = false) }
+                Event.CreateAccount -> { state -> state.copy(creatingAccount = LoadingSuccessState(loading = true)) }
+                Event.OnAccountCreated -> { state -> state.copy(creatingAccount = LoadingSuccessState(loading = false, success = true)) }
+                Event.CreateFailed -> { state -> state.copy(creatingAccount = LoadingSuccessState(loading = false)) }
                 is Event.OnFollowerModeEnabled -> { state -> state.copy(followerModeEnabled = event.enabled) }
                 is Event.BetaOptionsUnlocked -> { state -> state.copy(betaOptionsVisible = true) }
                 is Event.OnLogoTapped -> { state ->

flipchatApp/src/main/kotlin/xyz/flipchat/app/features/login/register/RegisterScreen.kt

@@ -104,15 +104,17 @@ internal fun RegisterDisplayNameScreenContent(
             .fillMaxSize()
             .imePadding(),
         bottomBar = {
-            Box(modifier = Modifier
-                .fillMaxWidth()
-                .navigationBarsPadding()) {
+            Box(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .navigationBarsPadding()
+                    .padding(bottom = CodeTheme.dimens.grid.x3),
+            ) {
                 CodeButton(
                     enabled = state.canAdvance,
                     modifier = Modifier
                         .fillMaxWidth()
-                        .padding(horizontal = CodeTheme.dimens.inset)
-                        .padding(bottom = CodeTheme.dimens.grid.x2),
+                        .padding(horizontal = CodeTheme.dimens.inset),
                     buttonState = ButtonState.Filled,
                     text = stringResource(R.string.action_next),
                     isLoading = isChecking,
@@ -129,10 +131,11 @@ internal fun RegisterDisplayNameScreenContent(
                 .fillMaxSize()
                 .padding(padding)
         ) {
-            Column(modifier = Modifier
-                .fillMaxWidth()
-                .align(Alignment.CenterStart)
-                .padding(horizontal = CodeTheme.dimens.inset),
+            Column(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .align(Alignment.CenterStart)
+                    .padding(horizontal = CodeTheme.dimens.inset),
                 verticalArrangement = Arrangement.spacedBy(CodeTheme.dimens.inset)
             ) {
                 TextInput(