Merge pull request #42 from YAPP-Github/BOOK-113-feature/#34

feat: 설정 화면 UI 구현

Author: seoyoon513

app/build.gradle.kts

@@ -52,6 +52,7 @@ dependencies {
         projects.feature.main,
         projects.feature.login,
         projects.feature.search,
+        projects.feature.settings,
 
         libs.androidx.activity.compose,
         libs.androidx.startup,

core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/divider/ReedDivider.kt

@@ -0,0 +1,29 @@
+package com.ninecraft.booket.core.designsystem.component.divider
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+
+@Composable
+fun ReedDivider(modifier: Modifier = Modifier) {
+    Box(
+        modifier = modifier
+            .fillMaxWidth()
+            .height(8.dp)
+            .background(ReedTheme.colors.dividerMd),
+    )
+}
+
+@Preview
+@Composable
+private fun ReedDividerPreview() {
+    ReedTheme {
+        ReedDivider()
+    }
+}

feature/library/src/main/kotlin/com/ninecraft/booket/feature/library/LibraryPresenter.kt

@@ -10,6 +10,7 @@ import com.ninecraft.booket.core.data.api.repository.AuthRepository
 import com.ninecraft.booket.core.data.api.repository.UserRepository
 import com.ninecraft.booket.screens.LibraryScreen
 import com.ninecraft.booket.screens.LoginScreen
+import com.ninecraft.booket.screens.SettingsScreen
 import com.orhanobut.logger.Logger
 import com.skydoves.compose.effects.RememberedEffect
 import com.slack.circuit.codegen.annotations.CircuitInject
@@ -76,6 +77,10 @@ class LibraryPresenter @AssistedInject constructor(
                     sideEffect = null
                 }
 
+                is LibraryUiEvent.OnSettingsClick -> {
+                    navigator.goTo(SettingsScreen)
+                }
+
                 is LibraryUiEvent.OnLogoutButtonClick -> {
                     scope.launch {
                         try {

feature/library/src/main/kotlin/com/ninecraft/booket/feature/library/LibraryScreen.kt

@@ -9,11 +9,16 @@ 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.Icon
+import androidx.compose.material3.IconButton
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.res.vectorResource
 import androidx.compose.ui.unit.dp
 import com.ninecraft.booket.core.designsystem.DevicePreview
 import com.ninecraft.booket.core.designsystem.component.button.ReedButton
@@ -58,6 +63,18 @@ internal fun LibraryContent(
         verticalArrangement = Arrangement.Center,
     ) {
         Box(modifier = modifier.fillMaxSize()) {
+            IconButton(
+                modifier = Modifier.align(Alignment.TopEnd),
+                onClick = {
+                    state.eventSink(LibraryUiEvent.OnSettingsClick)
+                },
+            ) {
+                Icon(
+                    imageVector = ImageVector.vectorResource(id = com.ninecraft.booket.core.designsystem.R.drawable.ic_settings),
+                    contentDescription = "Settings Icon",
+                    tint = Color.Unspecified,
+                )
+            }
             Column(
                 modifier = Modifier.fillMaxSize(),
                 horizontalAlignment = Alignment.CenterHorizontally,

feature/library/src/main/kotlin/com/ninecraft/booket/feature/library/LibraryUiState.kt

@@ -17,5 +17,6 @@ sealed interface LibrarySideEffect {
 
 sealed interface LibraryUiEvent : CircuitUiEvent {
     data object InitSideEffect : LibraryUiEvent
+    data object OnSettingsClick : LibraryUiEvent
     data object OnLogoutButtonClick : LibraryUiEvent
 }

feature/settings/.gitignore

@@ -0,0 +1 @@
+/build

feature/settings/build.gradle.kts

@@ -0,0 +1,21 @@
+@file:Suppress("INLINE_FROM_HIGHER_PLATFORM")
+
+plugins {
+    alias(libs.plugins.booket.android.feature)
+    alias(libs.plugins.kotlin.serialization)
+    alias(libs.plugins.kotlin.parcelize)
+}
+
+android {
+    namespace = "com.ninecraft.booket.feature.settings"
+}
+
+ksp {
+    arg("circuit.codegen.mode", "hilt")
+}
+
+dependencies {
+    implementations(
+        libs.logger,
+    )
+}

feature/settings/src/main/kotlin/com/ninecraft/booket/feature/settings/SettingsPresenter.kt

@@ -0,0 +1,77 @@
+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.setValue
+import com.ninecraft.booket.screens.SettingsScreen
+import com.slack.circuit.codegen.annotations.CircuitInject
+import com.slack.circuit.retained.rememberRetained
+import com.slack.circuit.runtime.Navigator
+import com.slack.circuit.runtime.presenter.Presenter
+import dagger.assisted.Assisted
+import dagger.assisted.AssistedFactory
+import dagger.assisted.AssistedInject
+import dagger.hilt.android.components.ActivityRetainedComponent
+
+class SettingsPresenter @AssistedInject constructor(
+    @Assisted val navigator: Navigator,
+) : Presenter<SettingsUiState> {
+
+    @Composable
+    override fun present(): SettingsUiState {
+        var isLogoutBottomSheetVisible by rememberRetained { mutableStateOf(false) }
+        var isWithdrawBottomSheetVisible by rememberRetained { mutableStateOf(false) }
+        var isWithdrawConfirmed by rememberRetained { mutableStateOf(false) }
+
+        fun handleEvent(event: SettingsUiEvent) {
+            when (event) {
+                is SettingsUiEvent.OnBackClick -> {
+                    navigator.pop()
+                }
+
+                is SettingsUiEvent.OnTermDetailClick -> {
+                    // TODO: 웹뷰 화면으로 이동
+                }
+
+                is SettingsUiEvent.OnLogoutClick -> {
+                    isLogoutBottomSheetVisible = true
+                }
+
+                is SettingsUiEvent.OnWithdrawClick -> {
+                    isWithdrawBottomSheetVisible = true
+                }
+
+                is SettingsUiEvent.OnBottomSheetDismissed -> {
+                    isLogoutBottomSheetVisible = false
+                    isWithdrawBottomSheetVisible = false
+                    isWithdrawConfirmed = false
+                }
+
+                is SettingsUiEvent.OnWithdrawConfirmationToggled -> {
+                    isWithdrawConfirmed = !isWithdrawConfirmed
+                }
+
+                is SettingsUiEvent.Logout -> {
+                    // TODO: 로그아웃 처리 -> 성공 시 로그인 화면으로 이동
+                }
+
+                is SettingsUiEvent.Withdraw -> {
+                    // TODO: 회원탈퇴 처리 -> 성공 시 로그인 화면으로 이동
+                }
+            }
+        }
+        return SettingsUiState(
+            isLogoutBottomSheetVisible = isLogoutBottomSheetVisible,
+            isWithdrawBottomSheetVisible = isWithdrawBottomSheetVisible,
+            isWithdrawConfirmed = isWithdrawConfirmed,
+            eventSink = ::handleEvent,
+        )
+    }
+
+    @CircuitInject(SettingsScreen::class, ActivityRetainedComponent::class)
+    @AssistedFactory
+    fun interface Factory {
+        fun create(navigator: Navigator): SettingsPresenter
+    }
+}