[fix]#208: 이미지 삭제 지원해요

Author: flash159483

feature/entire/src/main/java/com/bff/wespot/entire/screen/edit/ProfileEditScreen.kt

@@ -20,6 +20,7 @@ import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.verticalScroll
 import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.HorizontalDivider
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
@@ -34,6 +35,7 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.focus.FocusState
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.platform.LocalFocusManager
 import androidx.compose.ui.platform.LocalView
@@ -63,6 +65,7 @@ import com.bff.wespot.navigation.Navigator
 import com.bff.wespot.ui.component.LetterCountIndicator
 import com.bff.wespot.ui.component.LoadingAnimation
 import com.bff.wespot.ui.component.TopToast
+import com.bff.wespot.ui.component.WSBottomSheet
 import com.bff.wespot.ui.model.ToastState
 import com.bff.wespot.ui.util.clickableSingle
 import com.bff.wespot.ui.util.handleSideEffect
@@ -99,10 +102,6 @@ fun ProfileEditScreen(
     val action = viewModel::onAction
     val state by viewModel.collectAsState()
 
-    var showBottomSheet by remember {
-        mutableStateOf(false)
-    }
-
     val pickImage =
         rememberLauncherForActivityResult(contract = ActivityResultContracts.PickVisualMedia()) {
             it?.let {
@@ -144,13 +143,7 @@ fun ProfileEditScreen(
                 modifier = Modifier
                     .padding(top = 16.dp)
                     .clickableSingle {
-                        pickImage.launch(
-                            PickVisualMediaRequest(
-                                ActivityResultContracts.PickVisualMedia.SingleMimeType(
-                                    "image/*",
-                                ),
-                            ),
-                        )
+                        action(EntireEditAction.ChangeBottomSheetState(true))
                     },
             ) {
                 AsyncImage(
@@ -291,6 +284,49 @@ fun ProfileEditScreen(
         }
     }
 
+    if (state.changeBottomSheet) {
+        WSBottomSheet(
+            closeSheet = {
+                action(EntireEditAction.ChangeBottomSheetState(false))
+            }
+        ) {
+            Column(
+                verticalArrangement = Arrangement.spacedBy(16.dp),
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(horizontal = 20.dp, vertical = 28.dp)
+            ) {
+                Text(
+                    text = stringResource(R.string.change_image),
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .clickableSingle {
+                            pickImage.launch(
+                                PickVisualMediaRequest(
+                                    ActivityResultContracts.PickVisualMedia.SingleMimeType(
+                                        "image/*",
+                                    ),
+                                ),
+                            )
+                            action(EntireEditAction.ChangeBottomSheetState(false))
+                        }
+                )
+                HorizontalDivider(
+                    color = Color(0xFF4F5157),
+                )
+                Text(
+                    text = stringResource(R.string.remove_image),
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .clickableSingle {
+                            action(EntireEditAction.OnProfileImagePicked(null))
+                            action(EntireEditAction.ChangeBottomSheetState(false))
+                        }
+                )
+            }
+        }
+    }
+
     LaunchedEffect(Unit) {
         action(EntireEditAction.OnProfileEditScreenEntered(navArgs.isCompleteProfileEdit))
     }

feature/entire/src/main/java/com/bff/wespot/entire/state/edit/EntireEditAction.kt

@@ -8,5 +8,6 @@ sealed class EntireEditAction {
     data class OnIntroductionChanged(val introduction: String) : EntireEditAction()
     data object OnRequestDialogDismissed : EntireEditAction()
     data object OnRequestDialogShown : EntireEditAction()
-    data class OnProfileImagePicked(val profilePath: String) : EntireEditAction()
+    data class OnProfileImagePicked(val profilePath: String?) : EntireEditAction()
+    data class ChangeBottomSheetState(val isBottomSheetOpen: Boolean) : EntireEditAction()
 }

feature/entire/src/main/java/com/bff/wespot/entire/state/edit/EntireEditUiState.kt

@@ -16,4 +16,5 @@ data class EntireEditUiState(
     val requestDialog: Boolean = false,
     val profilePath: String? = null,
     val loading: Boolean = false,
+    val changeBottomSheet: Boolean = false,
 )

feature/entire/src/main/java/com/bff/wespot/entire/viewmodel/EntireEditViewModel.kt

@@ -82,6 +82,10 @@ class EntireEditViewModel @Inject constructor(
             is EntireEditAction.OnProfileImagePicked -> {
                 reduce { state.copy(profilePath = action.profilePath) }
             }
+
+            is EntireEditAction.ChangeBottomSheetState -> {
+                reduce { state.copy(changeBottomSheet = action.isBottomSheetOpen) }
+            }
         }
     }
 

feature/entire/src/main/res/values/strings.xml

@@ -65,4 +65,6 @@
     <string name="blocked_message_load_error_message">차단된 메세지를 불러오는데 실패했어요.</string>
     <string name="introduction_placeholder">(ex. 귀염둥이 엥뿌삐 ENFP)</string>
     <string name="request">신청</string>
+    <string name="change_image">이미지 변경</string>
+    <string name="remove_image">이미지 지우기</string>
 </resources>