✨ 그룹 수정 시 규칙 삭제가 가능하도록 구현(chip)

Author: soopeach

presentation/src/main/java/com/whyranoid/presentation/community/group/edit/EditGroupFragment.kt

@@ -4,6 +4,7 @@ import android.os.Bundle
 import android.view.View
 import androidx.fragment.app.viewModels
 import androidx.navigation.fragment.findNavController
+import com.google.android.material.chip.Chip
 import com.google.android.material.snackbar.Snackbar
 import com.whyranoid.presentation.R
 import com.whyranoid.presentation.base.BaseFragment
@@ -19,14 +20,13 @@ internal class EditGroupFragment :
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
-
-        setupMenu()
         initViews()
         observeState()
     }
 
     private fun initViews() {
         binding.viewModel = viewModel
+        setupMenu()
     }
 
     private fun handleEvent(event: Event) {
@@ -60,6 +60,26 @@ internal class EditGroupFragment :
                 handleEvent(event)
             }
         }
+
+        viewLifecycleOwner.repeatWhenUiStarted {
+            viewModel.rules.collect { rules ->
+                binding.ruleChipGroup.apply {
+                    removeAllViews()
+                    rules.forEach { rule ->
+                        addView(
+                            Chip(requireContext()).apply {
+                                isCloseIconVisible = true
+                                setChipBackgroundColorResource(R.color.mogakrun_primary)
+                                text = rule
+                                setOnCloseIconClickListener {
+                                    viewModel.removeRule(rule)
+                                }
+                            }
+                        )
+                    }
+                }
+            }
+        }
     }
 
     private fun setupMenu() {

presentation/src/main/java/com/whyranoid/presentation/community/group/edit/EditGroupViewModel.kt

@@ -32,6 +32,10 @@ class EditGroupViewModel @Inject constructor(
         emitEvent(Event.AddRuleButtonClick)
     }
 
+    fun removeRule(rule: String) {
+        rules.value = rules.value.filter { it != rule }
+    }
+
     fun emitEvent(event: Event) {
         viewModelScope.launch {
             when (event) {

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

@@ -66,19 +66,24 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toBottomOf="@id/app_bar" />
 
-        <TextView
+        <ScrollView
             android:id="@+id/time_and_date_picker"
-            style="@style/MoGakRunText.Bold.Medium"
             android:layout_width="0dp"
             android:layout_height="70dp"
             android:layout_margin="16dp"
             android:background="@color/mogakrun_secondary_dark"
-            android:gravity="center_vertical"
-            android:text="@{viewModel.rules.toString()}"
+            android:paddingHorizontal="8dp"
+            android:scrollbars="none"
             app:layout_constraintEnd_toStartOf="@id/btn_select_rule"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@id/text_input_layout_group_name"
-            tools:text="규칙들 들어갈 자리입니다~" />
+            app:layout_constraintTop_toBottomOf="@id/text_input_layout_group_name">
+
+            <com.google.android.material.chip.ChipGroup
+                android:id="@+id/rule_chip_group"
+                style="@style/MoGakRunText.Bold.Medium"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content" />
+        </ScrollView>
 
         <com.google.android.material.button.MaterialButton
             android:id="@+id/btn_select_rule"