[feature/#1011] 회원인증 화면 side effect 생성

sopt-makers · Jan 1, 2025 · 520010b · 520010b
1 parent 6312831
commit 520010b
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 11 deletions.
diff --git a/app/src/main/java/org/sopt/official/feature/auth/feature/certificate/CertificationScreen.kt b/app/src/main/java/org/sopt/official/feature/auth/feature/certificate/CertificationScreen.kt
@@ -40,13 +40,19 @@ import androidx.compose.material3.SnackbarHost
 import androidx.compose.material3.SnackbarHostState
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import androidx.hilt.navigation.compose.hiltViewModel
+import androidx.lifecycle.Lifecycle
+import androidx.lifecycle.LifecycleOwner
+import androidx.lifecycle.compose.LocalLifecycleOwner
+import androidx.lifecycle.flowWithLifecycle
 import kotlinx.coroutines.launch
 import org.sopt.official.R.drawable.ic_auth_memeber_error
 import org.sopt.official.R.drawable.ic_auth_process
@@ -66,7 +72,9 @@ import org.sopt.official.feature.auth.component.CertificationSnackBar
 import org.sopt.official.feature.auth.component.PhoneCertification
 
 @Composable
-fun CertificationScreen() {
+internal fun CertificationRoute(
+    viewModel: CertificationViewModel = hiltViewModel()
+) {
     val snackBarHostState = remember { SnackbarHostState() }
     val coroutineScope = rememberCoroutineScope()
     val onShowSnackBar: () -> Unit = remember {
@@ -77,6 +85,19 @@ fun CertificationScreen() {
         }
     }
 
+    val lifecycleOwner = LocalLifecycleOwner.current
+
+    LaunchedEffect(viewModel.sideEffect, lifecycleOwner) {
+        viewModel.sideEffect.flowWithLifecycle(lifecycle = lifecycleOwner.lifecycle)
+            .collect { sideEffect ->
+                when (sideEffect) {
+                    is CertificationSideEffect.ShowToast -> {
+                        snackBarHostState.showSnackbar(sideEffect.message)
+                    }
+                }
+            }
+    }
+
     SnackbarHost(
         hostState = snackBarHostState,
         modifier = Modifier
@@ -87,6 +108,18 @@ fun CertificationScreen() {
         }
     )
 
+    CertificationScreen(
+        onPhoneNumberClick = {
+            onShowSnackBar()
+            viewModel.createPhoneNumber()
+        }
+    )
+}
+
+@Composable
+private fun CertificationScreen(
+    onPhoneNumberClick: () -> Unit
+) {
     Column(
         modifier = Modifier
             .fillMaxSize()
@@ -97,7 +130,7 @@ fun CertificationScreen() {
         TopBar()
         Spacer(modifier = Modifier.height(44.dp))
         PhoneCertification(
-            onPhoneNumberClick = onShowSnackBar,
+            onPhoneNumberClick = onPhoneNumberClick,
             textColor = Gray80
         )
         Spacer(modifier = Modifier.height(10.dp))
@@ -205,6 +238,8 @@ internal enum class ErrorCase(val message: String) {
 @Composable
 private fun AuthCertificationPreview() {
     SoptTheme {
-        CertificationScreen()
+        CertificationScreen(
+            onPhoneNumberClick = {}
+        )
     }
 }
diff --git a/...c/main/java/org/sopt/official/feature/auth/feature/certificate/CertificationSideEffect.kt b/...c/main/java/org/sopt/official/feature/auth/feature/certificate/CertificationSideEffect.kt
@@ -0,0 +1,5 @@
+package org.sopt.official.feature.auth.feature.certificate
+
+sealed class CertificationSideEffect {
+    data class ShowToast(val message: String): CertificationSideEffect()
+}
diff --git a/...rc/main/java/org/sopt/official/feature/auth/feature/certificate/CertificationViewModel.kt b/...rc/main/java/org/sopt/official/feature/auth/feature/certificate/CertificationViewModel.kt
@@ -1,7 +1,12 @@
 package org.sopt.official.feature.auth.feature.certificate
 
 import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
 import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.MutableSharedFlow
+import kotlinx.coroutines.flow.SharedFlow
+import kotlinx.coroutines.flow.asSharedFlow
+import kotlinx.coroutines.launch
 import org.sopt.official.domain.auth.model.UserInformation
 import org.sopt.official.domain.auth.repository.AuthRepository
 import javax.inject.Inject
@@ -16,13 +21,22 @@ enum class CertificationType(val type: String) {
 class CertificationViewModel @Inject constructor(
     private val repository: AuthRepository
 ) : ViewModel() {
-    suspend fun createPhoneNumber() {
-        repository.getCertificationNumber(
-            UserInformation(
-                name = null,
-                phone = "01012345678",
-                type = CertificationType.REGISTER.type
-            )
-        ).onSuccess { }.onFailure { }
+
+    private val _sideEffect = MutableSharedFlow<CertificationSideEffect>()
+    val sideEffect: SharedFlow<CertificationSideEffect> = _sideEffect.asSharedFlow()
+    fun createPhoneNumber() {
+        viewModelScope.launch {
+            repository.getCertificationNumber(
+                UserInformation(
+                    name = null,
+                    phone = "01012345678",
+                    type = CertificationType.REGISTER.type
+                )
+            ).onSuccess {
+                _sideEffect.emit(CertificationSideEffect.ShowToast("성공"))
+            }.onFailure {
+                _sideEffect.emit(CertificationSideEffect.ShowToast("실패"))
+            }
+        }
     }
 }