✨ 편집 모양 아이콘 클릭 시 닉네임 수정하는 다이얼로그 띄우기

Author: peter-j0y

presentation/src/main/java/com/whyranoid/presentation/myrun/MyRunFragment.kt

@@ -2,6 +2,7 @@ package com.whyranoid.presentation.myrun
 
 import android.os.Bundle
 import android.view.View
+import androidx.appcompat.app.AlertDialog
 import androidx.fragment.app.viewModels
 import com.whyranoid.presentation.R
 import com.whyranoid.presentation.base.BaseFragment
@@ -24,6 +25,9 @@ internal class MyRunFragment : BaseFragment<FragmentMyRunBinding>(R.layout.fragm
     private fun initViews() {
         viewModel.getNickName()
         viewModel.getProfileImgUri()
+        binding.ivEditNickName.setOnClickListener {
+            popUpEditNickNameDialog()
+        }
     }
 
     private fun observeInfo() {
@@ -35,4 +39,20 @@ internal class MyRunFragment : BaseFragment<FragmentMyRunBinding>(R.layout.fragm
             binding.ivProfileImage.loadImage(it)
         }
     }
+
+    private fun popUpEditNickNameDialog() {
+        val builder = AlertDialog.Builder(requireActivity())
+            .setView(R.layout.dialog_edit_nick_name)
+            .setPositiveButton(
+                getString(R.string.my_run_edit_nick_name_dialog_positive)
+            ) { dialog, id ->
+                // 닉네임 변경 로직
+            }
+            .setNegativeButton(
+                getString(R.string.my_run_edit_nick_name_dialog_negative)
+            ) { dialog, _ ->
+                dialog.dismiss()
+            }
+        builder.show()
+    }
 }

presentation/src/main/res/layout/dialog_edit_nick_name.xml

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <TextView
+        android:id="@+id/tv_dialog_description"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="20dp"
+        android:text="@string/my_run_edit_nick_name_dialog_description"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <EditText
+        android:id="@+id/et_change_nick_name"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginHorizontal="20dp"
+        android:layout_marginTop="20dp"
+        android:autofillHints="name"
+        android:hint="@string/my_run_edit_nick_name_dialog_hint"
+        android:inputType="textPersonName"
+        android:maxLength="20"
+        android:maxLines="1"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/tv_dialog_description" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

presentation/src/main/res/layout/fragment_my_run.xml

@@ -71,6 +71,7 @@
                         tools:text="병희희" />
 
                     <ImageView
+                        android:id="@+id/iv_edit_nick_name"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:layout_marginStart="20dp"

presentation/src/main/res/values/strings.xml

@@ -25,6 +25,10 @@
     <string name="my_run_tool_bar_menu_setting">설정</string>
     <string name="my_run_profile_image_description">사용자의 프로필 사진입니다</string>
     <string name="my_run_edit_nick_name_button_description">닉네임 수정 버튼입니다</string>
+    <string name="my_run_edit_nick_name_dialog_description">변경할 닉네임을 입력해주세요</string>
+    <string name="my_run_edit_nick_name_dialog_positive">수정</string>
+    <string name="my_run_edit_nick_name_dialog_negative">취소</string>
+    <string name="my_run_edit_nick_name_dialog_hint">20글자 이하로 입력해주세요</string>
 
     <!-- 설정 화면 -->
     <string name="setting_connected_account">연결된 계정</string>

signin/src/main/java/com/whyranoid/SignInDataSourceImpl.kt

@@ -28,7 +28,7 @@ class SignInDataSourceImpl @Inject constructor(
             preferences[PreferenceKeys.profileImgUri] = userInfo.profileImgUri ?: EMPTY_STRING
         }
 
-        fireBaseDb.collection("Users")
+        fireBaseDb.collection(USER_COLLECTION_PATH)
             .document(userInfo.uid).set(
                 UserResponse(
                     userInfo.uid,
@@ -47,5 +47,6 @@ class SignInDataSourceImpl @Inject constructor(
         private const val NICK_NAME_KEY = "nick_name"
         private const val PROFILE_IMG_URI = "profile_img_uri"
         private const val EMPTY_STRING = ""
+        private const val USER_COLLECTION_PATH = "Users"
     }
 }