[BOOK-147] feat: 설정 화면으로 로그아웃 기능 이동

seoyoon513 · seoyoon513 · commit 60d18e118d9b · 2025-07-16T14:37:45.000+09:00
diff --git a/core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/ReedDialog.kt b/core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/ReedDialog.kt
@@ -58,8 +58,8 @@ fun ReedDialog(
                 textAlign = TextAlign.Center,
                 style = ReedTheme.typography.headline1SemiBold,
             )
-            Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing2))
             subtext?.let {
+                Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing2))
                 Text(
                     text = subtext,
                     color = ReedTheme.colors.contentSecondary,
diff --git a/feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsPresenter.kt b/feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsPresenter.kt
@@ -3,9 +3,14 @@ package com.ninecraft.booket.feature.settings
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.runtime.setValue
+import com.ninecraft.booket.core.common.utils.handleException
+import com.ninecraft.booket.core.data.api.repository.AuthRepository
+import com.ninecraft.booket.screens.LoginScreen
 import com.ninecraft.booket.screens.OssLicensesScreen
 import com.ninecraft.booket.screens.SettingsScreen
+import com.orhanobut.logger.Logger
 import com.slack.circuit.codegen.annotations.CircuitInject
 import com.slack.circuit.retained.rememberRetained
 import com.slack.circuit.runtime.Navigator
@@ -14,19 +19,28 @@ import dagger.assisted.Assisted
 import dagger.assisted.AssistedFactory
 import dagger.assisted.AssistedInject
 import dagger.hilt.android.components.ActivityRetainedComponent
+import kotlinx.coroutines.launch
 
 class SettingsPresenter @AssistedInject constructor(
     @Assisted val navigator: Navigator,
+    private val authRepository: AuthRepository,
 ) : Presenter<SettingsUiState> {
 
     @Composable
     override fun present(): SettingsUiState {
-        var isLogoutBottomSheetVisible by rememberRetained { mutableStateOf(false) }
+        val scope = rememberCoroutineScope()
+        var isLoading by rememberRetained { mutableStateOf(false) }
+        var sideEffect by rememberRetained { mutableStateOf<SettingsSideEffect?>(null) }
+        var isLogoutDialogVisible by rememberRetained { mutableStateOf(false) }
         var isWithdrawBottomSheetVisible by rememberRetained { mutableStateOf(false) }
         var isWithdrawConfirmed by rememberRetained { mutableStateOf(false) }
 
         fun handleEvent(event: SettingsUiEvent) {
             when (event) {
+                is SettingsUiEvent.InitSideEffect -> {
+                    sideEffect = null
+                }
+
                 is SettingsUiEvent.OnBackClick -> {
                     navigator.pop()
                 }
@@ -40,15 +54,15 @@ class SettingsPresenter @AssistedInject constructor(
                 }
 
                 is SettingsUiEvent.OnLogoutClick -> {
-                    isLogoutBottomSheetVisible = true
+                    isLogoutDialogVisible = true
                 }
 
                 is SettingsUiEvent.OnWithdrawClick -> {
                     isWithdrawBottomSheetVisible = true
                 }
 
                 is SettingsUiEvent.OnBottomSheetDismissed -> {
-                    isLogoutBottomSheetVisible = false
+                    isLogoutDialogVisible = false
                     isWithdrawBottomSheetVisible = false
                     isWithdrawConfirmed = false
                 }
@@ -58,7 +72,33 @@ class SettingsPresenter @AssistedInject constructor(
                 }
 
                 is SettingsUiEvent.Logout -> {
-                    // TODO: 로그아웃 처리 -> 성공 시 로그인 화면으로 이동
+                    scope.launch {
+                        try {
+                            isLoading = true
+                            authRepository.logout()
+                                .onSuccess {
+                                    navigator.resetRoot(LoginScreen)
+                                }
+                                .onFailure { exception ->
+                                    val handleErrorMessage = { message: String ->
+                                        Logger.e(message)
+                                        sideEffect = SettingsSideEffect.ShowToast(message)
+                                    }
+
+                                    handleException(
+                                        exception = exception,
+                                        onServerError = handleErrorMessage,
+                                        onNetworkError = handleErrorMessage,
+                                        onLoginRequired = {
+                                            navigator.resetRoot(LoginScreen)
+                                        },
+                                    )
+                                }
+                        } finally {
+                            isLoading = false
+                        }
+                    }
+                    isLogoutDialogVisible = false
                 }
 
                 is SettingsUiEvent.Withdraw -> {
@@ -67,9 +107,11 @@ class SettingsPresenter @AssistedInject constructor(
             }
         }
         return SettingsUiState(
-            isLogoutBottomSheetVisible = isLogoutBottomSheetVisible,
+            isLoading = isLoading,
+            isLogoutDialogVisible = isLogoutDialogVisible,
             isWithdrawBottomSheetVisible = isWithdrawBottomSheetVisible,
             isWithdrawConfirmed = isWithdrawConfirmed,
+            sideEffect = sideEffect,
             eventSink = ::handleEvent,
         )
     }
diff --git a/feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsScreen.kt b/feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsScreen.kt
@@ -1,13 +1,15 @@
 package com.ninecraft.booket.feature.settings
 
 import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
@@ -24,11 +26,11 @@ import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.res.vectorResource
 import com.ninecraft.booket.core.common.extensions.clickableSingle
 import com.ninecraft.booket.core.designsystem.DevicePreview
+import com.ninecraft.booket.core.designsystem.component.ReedDialog
 import com.ninecraft.booket.core.designsystem.component.appbar.ReedBackTopAppBar
 import com.ninecraft.booket.core.designsystem.component.divider.ReedDivider
 import com.ninecraft.booket.core.designsystem.theme.ReedTheme
 import com.ninecraft.booket.core.designsystem.theme.White
-import com.ninecraft.booket.feature.settings.component.LogoutConfirmationBottomSheet
 import com.ninecraft.booket.feature.settings.component.WithdrawConfirmationBottomSheet
 import com.ninecraft.booket.screens.SettingsScreen
 import com.slack.circuit.codegen.annotations.CircuitInject
@@ -42,7 +44,11 @@ internal fun Settings(
     state: SettingsUiState,
     modifier: Modifier = Modifier,
 ) {
-    val logoutSheetState = rememberModalBottomSheetState()
+    HandleSettingsSideEffects(
+        state = state,
+        eventSink = state.eventSink,
+    )
+
     val withDrawSheetState = rememberModalBottomSheetState()
     val coroutineScope = rememberCoroutineScope()
 
@@ -131,21 +137,28 @@ internal fun Settings(
         )
     }
 
-    if (state.isLogoutBottomSheetVisible) {
-        LogoutConfirmationBottomSheet(
+    if (state.isLoading) {
+        Box(
+            modifier = Modifier.fillMaxSize(),
+        ) {
+            CircularProgressIndicator(
+                modifier = Modifier.align(Alignment.Center),
+                color = ReedTheme.colors.contentBrand,
+            )
+        }
+    }
+
+    if (state.isLogoutDialogVisible) {
+        ReedDialog(
+            title = stringResource(R.string.settings_logout_title),
+            confirmButtonText = stringResource(R.string.settings_logout),
+            dismissButtonText = stringResource(R.string.settings_cancel),
+            onConfirmRequest = {
+                state.eventSink(SettingsUiEvent.Logout)
+            },
             onDismissRequest = {
                 state.eventSink(SettingsUiEvent.OnBottomSheetDismissed)
             },
-            sheetState = logoutSheetState,
-            onCancelButtonClick = {
-                coroutineScope.launch {
-                    logoutSheetState.hide()
-                    state.eventSink(SettingsUiEvent.OnBottomSheetDismissed)
-                }
-            },
-            onLogoutButtonClick = {
-                state.eventSink(SettingsUiEvent.Logout)
-            },
         )
     }
 
@@ -212,9 +225,11 @@ private fun SettingsScreenPreview() {
     ReedTheme {
         Settings(
             state = SettingsUiState(
-                isLogoutBottomSheetVisible = false,
+                isLoading = false,
+                isLogoutDialogVisible = false,
                 isWithdrawBottomSheetVisible = false,
                 isWithdrawConfirmed = false,
+                sideEffect = null,
                 eventSink = {},
             ),
         )
diff --git a/feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsSideEffect.kt b/feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsSideEffect.kt
@@ -0,0 +1,27 @@
+package com.ninecraft.booket.feature.settings
+
+import android.widget.Toast
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.ui.platform.LocalContext
+
+@Composable
+internal fun HandleSettingsSideEffects(
+    state: SettingsUiState,
+    eventSink: (SettingsUiEvent) -> Unit,
+) {
+    val context = LocalContext.current
+
+    LaunchedEffect(state) {
+        when (state.sideEffect) {
+            is SettingsSideEffect.ShowToast -> {
+                Toast.makeText(context, state.sideEffect.message, Toast.LENGTH_SHORT).show()
+            }
+            null -> {}
+        }
+
+        if (state.sideEffect != null) {
+            eventSink(SettingsUiEvent.InitSideEffect)
+        }
+    }
+}
diff --git a/feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsUiState.kt b/feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsUiState.kt
@@ -4,13 +4,20 @@ import com.slack.circuit.runtime.CircuitUiEvent
 import com.slack.circuit.runtime.CircuitUiState
 
 data class SettingsUiState(
-    val isLogoutBottomSheetVisible: Boolean,
+    val isLoading: Boolean,
+    val isLogoutDialogVisible: Boolean,
     val isWithdrawBottomSheetVisible: Boolean,
     val isWithdrawConfirmed: Boolean,
+    val sideEffect: SettingsSideEffect? = null,
     val eventSink: (SettingsUiEvent) -> Unit,
 ) : CircuitUiState
 
+sealed interface SettingsSideEffect {
+    data class ShowToast(val message: String) : SettingsSideEffect
+}
+
 sealed interface SettingsUiEvent : CircuitUiEvent {
+    data object InitSideEffect : SettingsUiEvent
     data object OnBackClick : SettingsUiEvent
     data class OnTermDetailClick(val title: String) : SettingsUiEvent
     data object OnOssLicensesClick : SettingsUiEvent
diff --git a/feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/component/LogoutConfirmationBottomSheet.kt b/feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/component/LogoutConfirmationBottomSheet.kt
