refactor: Compose의 ProfileContent 메서드를 통한 프로필 관련 기능 관리

boostcampwm2023 · Feb 17, 2024 · f1c10ab · f1c10ab
1 parent 593eae4
commit f1c10ab
Showing 1 changed file with 56 additions and 24 deletions.
diff --git a/AOS/app/src/main/java/boostcamp/and07/mindsync/ui/profile/ProfileScreen.kt b/AOS/app/src/main/java/boostcamp/and07/mindsync/ui/profile/ProfileScreen.kt
@@ -135,34 +135,66 @@ private fun ProfileContent(
             SnackbarHost(hostState = snackBarHostState)
         },
     ) { innerPadding ->
+        BoxWithConstraints(
             modifier = Modifier
-                .padding(top = 16.dp),
-            verticalAlignment = Alignment.CenterVertically,
+                .padding(innerPadding)
+                .fillMaxWidth(),
         ) {
-            Spacer(modifier = Modifier.weight(1f))
-            Nickname(
-                modifier = Modifier.weight(1f),
-                nickname = uiState.nickname,
-                nicknameColor = nicknameColor.value,
-            )
-            NicknameEditButton(
-                modifier = Modifier.weight(0.2f),
-                showDialog = showDialog,
-            )
-            Spacer(modifier = Modifier.weight(0.8f))
-        }
+            val guidelineTop = maxHeight * 0.15f
+            val guidelineStart = maxWidth * 0.1f
+            val guidelineEnd = maxWidth * 0.1f
+            Column(
+                modifier = Modifier
+                    .fillMaxSize()
+                    .padding(top = guidelineTop),
+            ) {
+                ProfileImage(
+                    modifier = Modifier
+                        .align(Alignment.CenterHorizontally),
+                    imageUri = uiState.imageUri,
+                    showImagePicker = showImagePicker,
+                )
 
-        ModifyButton(
-            modifier = Modifier
-                .padding(
-                    top = 30.dp,
-                    start = guidelineStart,
-                    end = guidelineEnd,
+                Row(
+                    modifier = Modifier
+                        .padding(top = 16.dp),
+                    verticalAlignment = Alignment.CenterVertically,
+                ) {
+                    Spacer(modifier = Modifier.weight(1f))
+                    Nickname(
+                        modifier = Modifier.weight(1f),
+                        nickname = uiState.nickname,
+                        nicknameColor = nicknameColor,
+                    )
+                    NicknameEditButton(
+                        modifier = Modifier.weight(0.2f),
+                        showDialog = showDialog,
+                    )
+                    Spacer(modifier = Modifier.weight(0.8f))
+                }
+
+                ModifyButton(
+                    modifier = Modifier
+                        .padding(
+                            top = 30.dp,
+                            start = guidelineStart,
+                            end = guidelineEnd,
+                        )
+                        .fillMaxWidth(),
+                    profileImageName = stringResource(id = R.string.profile_image_name),
+                    updateProfile = updateProfile,
+                    isModify = uiState.isModify,
                 )
-                .fillMaxWidth(),
-            profileImageName = stringResource(id = R.string.profile_image_name),
-            updateProfile = updateProfile,
-            isModify = uiState.isModify,
+            }
+        }
+    }
+
+    if (uiState.isShownNicknameDialog) {
+        NickNameDialog(
+            uiState = uiState,
+            editNickname = editNickname,
+            closeDialog = { showDialog(false) },
+            updateNickname = { updateNickname(it) },
         )
     }
 }