From f9780c7933fdac7e563ecea685f35466cdbea78d Mon Sep 17 00:00:00 2001
From: iwannacat <ju0808lie@naver.com>
Date: Tue, 19 Aug 2025 01:11:10 +0900
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=EC=8B=A0=EA=B3=A0=ED=95=98?=
 =?UTF-8?q?=EA=B8=B0=20=EC=9E=91=EC=97=85=EB=82=B4=EC=9A=A9=20=EB=B0=98?=
 =?UTF-8?q?=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ChatRoomParticipantRVAdapter.kt           |  1 +
 .../ChatRoomParticipantsFragment.kt           | 35 ++++++++---
 app/src/main/res/layout/dialog_block.xml      | 63 +++++++++++++++++++
 3 files changed, 89 insertions(+), 10 deletions(-)
 create mode 100644 app/src/main/res/layout/dialog_block.xml

diff --git a/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantRVAdapter.kt b/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantRVAdapter.kt
index d4001fe..6e801bf 100644
--- a/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantRVAdapter.kt
+++ b/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantRVAdapter.kt
@@ -8,6 +8,7 @@ import android.widget.PopupWindow
 import androidx.recyclerview.widget.DiffUtil
 import androidx.recyclerview.widget.ListAdapter
 import androidx.recyclerview.widget.RecyclerView
+import umc.onairmate.R
 import umc.onairmate.data.model.entity.ParticipantData
 import umc.onairmate.data.model.entity.UserData
 import umc.onairmate.databinding.PopupParticipantOptionsBinding
diff --git a/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantsFragment.kt b/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantsFragment.kt
index 20a473b..a59f4fc 100644
--- a/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantsFragment.kt
+++ b/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantsFragment.kt
@@ -4,6 +4,7 @@ import android.os.Build
 import android.os.Bundle
 import android.util.Log
 import android.view.LayoutInflater
+import umc.onairmate.R
 import android.view.View
 import android.view.ViewGroup
 import android.widget.LinearLayout
@@ -73,11 +74,13 @@ class ChatRoomParticipantsFragment : Fragment() {
         adapter = ChatRoomParticipantRVAdapter( object : ParticipantItemClickListener {
             // 팝업 - 신고 클릭
             override fun clickReport(data: ParticipantData) {
-                val text = data.nickname+"님을 신고하시겠습니까?"
-                val textList = listOf(text,"예","아니오")
-                showPopup(text =textList, left = {
-                    Toast.makeText(requireContext(),"신고 접수 되었습니다", Toast.LENGTH_SHORT).show()
-                }, right = {} )
+//                val text = data.nickname+"님을 신고하시겠습니까?"
+//                val textList = listOf(text,"예","아니오")
+//                showPopup(text =textList, left = {
+//                    Toast.makeText(requireContext(),"신고 접수 되었습니다", Toast.LENGTH_SHORT).show()
+//                }, right = {} )
+
+                showReportPopup()
             }
 
             // 팝업 - 추천하기 클릭
@@ -164,11 +167,12 @@ class ChatRoomParticipantsFragment : Fragment() {
 
         // 클릭 리스너 연결
         popupBinding.tvReport.setOnClickListener {
-            val text = data.nickname+"님을 신고하시겠습니까?"
-            val textList = listOf(text,"예","아니오")
-            showPopup(text =textList, left = {
-                Toast.makeText(requireContext(),"신고 접수 되었습니다", Toast.LENGTH_SHORT).show()
-            }, right = {} )
+//            val text = data.nickname+"님을 신고하시겠습니까?"
+//            val textList = listOf(text,"예","아니오")
+//            showPopup(text =textList, left = {
+//                Toast.makeText(requireContext(),"신고 접수 되었습니다", Toast.LENGTH_SHORT).show()
+//            }, right = {} )
+            showReportPopup()
             popupWindow.dismiss()
         }
         popupBinding.tvRecommend.setOnClickListener {
@@ -190,4 +194,15 @@ class ChatRoomParticipantsFragment : Fragment() {
 
         popupWindow.showAsDropDown(anchorView, offsetX, offsetY)
     }
+
+    private fun showReportPopup(){
+        val dialogView = LayoutInflater.from(requireContext())
+            .inflate(R.layout.dialog_block, null)
+
+        val dialog = android.app.AlertDialog.Builder(requireContext())
+            .setView(dialogView)
+            .create()
+
+        dialog.show()
+    }
 }
diff --git a/app/src/main/res/layout/dialog_block.xml b/app/src/main/res/layout/dialog_block.xml
new file mode 100644
index 0000000..4c1b2bb
--- /dev/null
+++ b/app/src/main/res/layout/dialog_block.xml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="vertical"
+    android:padding="20dp"
+    android:layout_width="320dp"
+    android:layout_height="494dp">
+
+    <TextView
+        android:id="@+id/tvTitle"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="[닉네임]의 신고 사유"
+        android:textSize="16sp"
+        android:textStyle="bold"
+        android:gravity="center"
+        android:paddingBottom="16dp"/>
+
+    <CheckBox
+        android:id="@+id/cbSpam"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="스팸, 도배"/>
+
+    <CheckBox
+        android:id="@+id/cbSports"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="스포성 채팅"/>
+
+    <CheckBox
+        android:id="@+id/cbAbuse"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="욕설"/>
+
+    <CheckBox
+        android:id="@+id/cbHate"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="혐오 발언"/>
+
+    <CheckBox
+        android:id="@+id/cbNickname"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="부적절한 닉네임 사용"/>
+
+    <EditText
+        android:id="@+id/etExtraReason"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:hint="추가적인 신고 사유를 작성해주세요."
+        android:minHeight="80dp"
+        android:padding="10dp"
+        android:layout_marginTop="10dp"/>
+
+    <Button
+        android:id="@+id/btnSubmit"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="제출"
+        android:layout_marginTop="16dp"/>
+</LinearLayout>
\ No newline at end of file

From 4b29c116029f394e6ca778048b7391ec99efd28a Mon Sep 17 00:00:00 2001
From: tama <rufina130@naver.com>
Date: Wed, 20 Aug 2025 15:46:05 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20ui=20=EC=88=98=EC=A0=95=20=EB=B0=8F?=
 =?UTF-8?q?=20TextApperance=20=EB=93=B1=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ChatRoomParticipantsFragment.kt           |   3 +-
 .../participants/ReportDialogFragment.kt      |  65 +++++
 app/src/main/res/layout/dialog_block.xml      |  63 -----
 app/src/main/res/layout/dialog_report.xml     | 262 ++++++++++++++++++
 .../res/layout/fragment_report_dialog.xml     | 262 ++++++++++++++++++
 .../main/res/layout/item_report_reason.xml    |  43 +++
 6 files changed, 634 insertions(+), 64 deletions(-)
 create mode 100644 app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ReportDialogFragment.kt
 delete mode 100644 app/src/main/res/layout/dialog_block.xml
 create mode 100644 app/src/main/res/layout/dialog_report.xml
 create mode 100644 app/src/main/res/layout/fragment_report_dialog.xml
 create mode 100644 app/src/main/res/layout/item_report_reason.xml

diff --git a/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantsFragment.kt b/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantsFragment.kt
index a59f4fc..dd08da0 100644
--- a/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantsFragment.kt
+++ b/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ChatRoomParticipantsFragment.kt
@@ -195,9 +195,10 @@ class ChatRoomParticipantsFragment : Fragment() {
         popupWindow.showAsDropDown(anchorView, offsetX, offsetY)
     }
 
+    //방장쪽에도 함수 있다함.
     private fun showReportPopup(){
         val dialogView = LayoutInflater.from(requireContext())
-            .inflate(R.layout.dialog_block, null)
+            .inflate(R.layout.dialog_report, null)
 
         val dialog = android.app.AlertDialog.Builder(requireContext())
             .setView(dialogView)
diff --git a/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ReportDialogFragment.kt b/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ReportDialogFragment.kt
new file mode 100644
index 0000000..b086012
--- /dev/null
+++ b/app/src/main/java/umc/onairmate/ui/chat_room/drawer/participants/ReportDialogFragment.kt
@@ -0,0 +1,65 @@
+package umc.onairmate.ui.chat_room.drawer.participants
+
+import android.app.Dialog
+import android.content.res.Resources
+import android.os.Bundle
+import androidx.fragment.app.DialogFragment
+import umc.onairmate.data.model.entity.ParticipantData
+import umc.onairmate.databinding.DialogReportBinding
+
+class ReportDialogFragment(
+    private val participant: ParticipantData,
+    private val onSubmit: (reasons: List<String>, extraReason: String) -> Unit
+) : DialogFragment() {
+
+    private var _binding: DialogReportBinding? = null
+    private val binding get() = _binding!!
+
+    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
+        // layoutInflater 사용
+        _binding = DialogReportBinding.inflate(layoutInflater)
+
+        // 타이틀 세팅
+        binding.tvTitle.text = "[${participant.nickname}]의 신고 사유"
+
+        // 닫기 버튼
+        binding.btnClose.setOnClickListener {
+            dismiss()
+        }
+
+        // 제출 버튼
+        binding.btnSubmit.setOnClickListener {
+            val reasons = mutableListOf<String>()
+            if (binding.cbSpam.isChecked) reasons.add("스팸, 도배")
+            if (binding.cbSpoiler.isChecked) reasons.add("스포성 채팅")
+            if (binding.cbAbuse.isChecked) reasons.add("욕설")
+            if (binding.cbHate.isChecked) reasons.add("혐오 발언")
+            if (binding.cbNickname.isChecked) reasons.add("부적절한 닉네임 사용")
+
+            val extraReason = binding.etDetail.text.toString()
+
+            onSubmit(reasons, extraReason)
+            dismiss()
+        }
+
+        // Dialog 직접 생성
+        val dialog = Dialog(requireContext())
+        dialog.setContentView(binding.root)
+        dialog.window?.setBackgroundDrawableResource(android.R.color.transparent)
+        dialog.setCanceledOnTouchOutside(true)
+
+        // 다이얼로그 크기 고정 (피그마에서 요구한 크기)
+        dialog.window?.setLayout(320.dpToPx(), 494.dpToPx()) // dp → px 변환 필요
+
+        return dialog
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        _binding = null
+    }
+}
+
+private fun Int.dpToPx(): Int {
+    return (this * Resources.getSystem().displayMetrics.density).toInt()
+}
\ No newline at end of file
diff --git a/app/src/main/res/layout/dialog_block.xml b/app/src/main/res/layout/dialog_block.xml
deleted file mode 100644
index 4c1b2bb..0000000
--- a/app/src/main/res/layout/dialog_block.xml
+++ /dev/null
@@ -1,63 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    android:orientation="vertical"
-    android:padding="20dp"
-    android:layout_width="320dp"
-    android:layout_height="494dp">
-
-    <TextView
-        android:id="@+id/tvTitle"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:text="[닉네임]의 신고 사유"
-        android:textSize="16sp"
-        android:textStyle="bold"
-        android:gravity="center"
-        android:paddingBottom="16dp"/>
-
-    <CheckBox
-        android:id="@+id/cbSpam"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:text="스팸, 도배"/>
-
-    <CheckBox
-        android:id="@+id/cbSports"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:text="스포성 채팅"/>
-
-    <CheckBox
-        android:id="@+id/cbAbuse"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:text="욕설"/>
-
-    <CheckBox
-        android:id="@+id/cbHate"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:text="혐오 발언"/>
-
-    <CheckBox
-        android:id="@+id/cbNickname"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:text="부적절한 닉네임 사용"/>
-
-    <EditText
-        android:id="@+id/etExtraReason"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:hint="추가적인 신고 사유를 작성해주세요."
-        android:minHeight="80dp"
-        android:padding="10dp"
-        android:layout_marginTop="10dp"/>
-
-    <Button
-        android:id="@+id/btnSubmit"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:text="제출"
-        android:layout_marginTop="16dp"/>
-</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/dialog_report.xml b/app/src/main/res/layout/dialog_report.xml
new file mode 100644
index 0000000..d7762da
--- /dev/null
+++ b/app/src/main/res/layout/dialog_report.xml
@@ -0,0 +1,262 @@
+<?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="320dp"
+    android:layout_height="494dp"
+    android:padding="20dp">
+
+    <!-- 타이틀 -->
+    <TextView
+        android:id="@+id/tvTitle"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:text="[닉네임]의 신고 사유"
+        android:textAppearance="@style/TextAppearance.App.SemiBold.16sp"
+        android:gravity="center"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+    <!-- 닫기 버튼 -->
+    <ImageView
+        android:id="@+id/btnClose"
+        android:layout_width="10dp"
+        android:layout_height="10dp"
+        android:src="@drawable/btn_close"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        android:layout_marginTop="10dp"/>
+
+    <!-- 신고 사유 리스트 -->
+    <LinearLayout
+        android:id="@+id/layoutReasons"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:orientation="vertical"
+        android:showDividers="middle"
+        app:layout_constraintTop_toBottomOf="@id/tvTitle"
+        app:layout_constraintBottom_toTopOf="@id/etDetail"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        android:layout_marginTop="12dp"
+        android:layout_marginBottom="12dp">
+
+        <!-- 하나의 항목 예시 (스팸, 도배) -->
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingVertical="6dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:gravity="center_vertical">
+
+                <CheckBox
+                    android:id="@+id/cbSpam"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="스팸, 도배"
+                    android:textSize="14sp"
+                    android:fontFamily="@font/pretendard_medium"/>
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/ic_arrow" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="반복적이거나 무의미한 메시지로 채팅 흐름을 방해하는 경우"
+                android:textSize="10sp"
+                android:textColor="@color/text4"
+                android:fontFamily="@font/pretendard_regular"/>
+        </LinearLayout>
+
+        <!-- 스포성 채팅 -->
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingVertical="6dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:gravity="center_vertical">
+
+                <CheckBox
+                    android:id="@+id/cbSpoiler"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="스포성 채팅"
+                    android:textSize="14sp"
+                    android:fontFamily="@font/pretendard_medium"/>
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/ic_arrow" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="콘텐츠의 즐거리, 결말 등을 미리 언급해 시청 경험을 방해하는 경우"
+                android:textSize="10sp"
+                android:textColor="@color/text4"
+                android:fontFamily="@font/pretendard_regular"/>
+        </LinearLayout>
+
+        <!-- 욕설 -->
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingVertical="6dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:gravity="center_vertical">
+
+                <CheckBox
+                    android:id="@+id/cbAbuse"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="욕설"
+                    android:textSize="14sp"
+                    android:fontFamily="@font/pretendard_medium"/>
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/ic_arrow" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="상대방을 향한 비속어 또는 공격적인 언어를 사용하는 경우"
+                android:textSize="10sp"
+                android:textColor="@color/text4"
+                android:fontFamily="@font/pretendard_regular"/>
+        </LinearLayout>
+
+        <!-- 혐오 발언 -->
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingVertical="6dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:gravity="center_vertical">
+
+                <CheckBox
+                    android:id="@+id/cbHate"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="혐오 발언"
+                    android:textSize="14sp"
+                    android:fontFamily="@font/pretendard_medium"/>
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/ic_arrow" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="성별, 인종, 외모 등 특정 대상에 대한 차별적 발언을 하는 경우"
+                android:textSize="10sp"
+                android:textColor="@color/text4"
+                android:fontFamily="@font/pretendard_regular"/>
+        </LinearLayout>
+
+        <!-- 부적절한 닉네임 -->
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingVertical="6dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:gravity="center_vertical">
+
+                <CheckBox
+                    android:id="@+id/cbNickname"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="부적절한 닉네임 사용"
+                    android:textSize="14sp"
+                    android:fontFamily="@font/pretendard_medium"/>
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/ic_arrow" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="불쾌감을 줄 수 있는 닉네임이나 선정적/모욕적인 표현을 사용하는 경우"
+                android:textSize="10sp"
+                android:textColor="@color/text4"
+                android:fontFamily="@font/pretendard_regular"/>
+        </LinearLayout>
+
+    </LinearLayout>
+
+    <!-- 추가 사유 입력 -->
+    <EditText
+        android:id="@+id/etDetail"
+        android:layout_width="0dp"
+        android:layout_height="80dp"
+        android:hint="추가적인 신고 사유를 작성해주세요."
+        android:background="@drawable/background_input_text"
+        android:textSize="14sp"
+        android:fontFamily="@font/pretendard_regular"
+        android:padding="10dp"
+        android:gravity="top|start"
+        android:inputType="textMultiLine"
+        app:layout_constraintBottom_toTopOf="@id/btnSubmit"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+    <!-- 제출 버튼 -->
+    <Button
+        android:id="@+id/btnSubmit"
+        android:layout_width="100dp"
+        android:layout_height="20dp"
+        android:text="제출"
+        android:textSize="12sp"
+        android:fontFamily="@font/pretendard_semi_bold"
+        android:backgroundTint="@color/disable"
+        android:textColor="@android:color/white"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_report_dialog.xml b/app/src/main/res/layout/fragment_report_dialog.xml
new file mode 100644
index 0000000..d7762da
--- /dev/null
+++ b/app/src/main/res/layout/fragment_report_dialog.xml
@@ -0,0 +1,262 @@
+<?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="320dp"
+    android:layout_height="494dp"
+    android:padding="20dp">
+
+    <!-- 타이틀 -->
+    <TextView
+        android:id="@+id/tvTitle"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:text="[닉네임]의 신고 사유"
+        android:textAppearance="@style/TextAppearance.App.SemiBold.16sp"
+        android:gravity="center"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+    <!-- 닫기 버튼 -->
+    <ImageView
+        android:id="@+id/btnClose"
+        android:layout_width="10dp"
+        android:layout_height="10dp"
+        android:src="@drawable/btn_close"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        android:layout_marginTop="10dp"/>
+
+    <!-- 신고 사유 리스트 -->
+    <LinearLayout
+        android:id="@+id/layoutReasons"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:orientation="vertical"
+        android:showDividers="middle"
+        app:layout_constraintTop_toBottomOf="@id/tvTitle"
+        app:layout_constraintBottom_toTopOf="@id/etDetail"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        android:layout_marginTop="12dp"
+        android:layout_marginBottom="12dp">
+
+        <!-- 하나의 항목 예시 (스팸, 도배) -->
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingVertical="6dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:gravity="center_vertical">
+
+                <CheckBox
+                    android:id="@+id/cbSpam"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="스팸, 도배"
+                    android:textSize="14sp"
+                    android:fontFamily="@font/pretendard_medium"/>
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/ic_arrow" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="반복적이거나 무의미한 메시지로 채팅 흐름을 방해하는 경우"
+                android:textSize="10sp"
+                android:textColor="@color/text4"
+                android:fontFamily="@font/pretendard_regular"/>
+        </LinearLayout>
+
+        <!-- 스포성 채팅 -->
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingVertical="6dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:gravity="center_vertical">
+
+                <CheckBox
+                    android:id="@+id/cbSpoiler"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="스포성 채팅"
+                    android:textSize="14sp"
+                    android:fontFamily="@font/pretendard_medium"/>
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/ic_arrow" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="콘텐츠의 즐거리, 결말 등을 미리 언급해 시청 경험을 방해하는 경우"
+                android:textSize="10sp"
+                android:textColor="@color/text4"
+                android:fontFamily="@font/pretendard_regular"/>
+        </LinearLayout>
+
+        <!-- 욕설 -->
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingVertical="6dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:gravity="center_vertical">
+
+                <CheckBox
+                    android:id="@+id/cbAbuse"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="욕설"
+                    android:textSize="14sp"
+                    android:fontFamily="@font/pretendard_medium"/>
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/ic_arrow" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="상대방을 향한 비속어 또는 공격적인 언어를 사용하는 경우"
+                android:textSize="10sp"
+                android:textColor="@color/text4"
+                android:fontFamily="@font/pretendard_regular"/>
+        </LinearLayout>
+
+        <!-- 혐오 발언 -->
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingVertical="6dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:gravity="center_vertical">
+
+                <CheckBox
+                    android:id="@+id/cbHate"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="혐오 발언"
+                    android:textSize="14sp"
+                    android:fontFamily="@font/pretendard_medium"/>
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/ic_arrow" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="성별, 인종, 외모 등 특정 대상에 대한 차별적 발언을 하는 경우"
+                android:textSize="10sp"
+                android:textColor="@color/text4"
+                android:fontFamily="@font/pretendard_regular"/>
+        </LinearLayout>
+
+        <!-- 부적절한 닉네임 -->
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingVertical="6dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:gravity="center_vertical">
+
+                <CheckBox
+                    android:id="@+id/cbNickname"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="부적절한 닉네임 사용"
+                    android:textSize="14sp"
+                    android:fontFamily="@font/pretendard_medium"/>
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/ic_arrow" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="불쾌감을 줄 수 있는 닉네임이나 선정적/모욕적인 표현을 사용하는 경우"
+                android:textSize="10sp"
+                android:textColor="@color/text4"
+                android:fontFamily="@font/pretendard_regular"/>
+        </LinearLayout>
+
+    </LinearLayout>
+
+    <!-- 추가 사유 입력 -->
+    <EditText
+        android:id="@+id/etDetail"
+        android:layout_width="0dp"
+        android:layout_height="80dp"
+        android:hint="추가적인 신고 사유를 작성해주세요."
+        android:background="@drawable/background_input_text"
+        android:textSize="14sp"
+        android:fontFamily="@font/pretendard_regular"
+        android:padding="10dp"
+        android:gravity="top|start"
+        android:inputType="textMultiLine"
+        app:layout_constraintBottom_toTopOf="@id/btnSubmit"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+    <!-- 제출 버튼 -->
+    <Button
+        android:id="@+id/btnSubmit"
+        android:layout_width="100dp"
+        android:layout_height="20dp"
+        android:text="제출"
+        android:textSize="12sp"
+        android:fontFamily="@font/pretendard_semi_bold"
+        android:backgroundTint="@color/disable"
+        android:textColor="@android:color/white"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_report_reason.xml b/app/src/main/res/layout/item_report_reason.xml
new file mode 100644
index 0000000..925a6de
--- /dev/null
+++ b/app/src/main/res/layout/item_report_reason.xml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:orientation="horizontal"
+    android:gravity="center_vertical"
+    android:paddingVertical="8dp">
+
+    <CheckBox
+        android:id="@+id/cbReason"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:buttonTint="@color/main"
+        android:focusable="false"
+        android:focusableInTouchMode="false" />
+
+    <LinearLayout
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:orientation="vertical"
+        android:paddingStart="8dp">
+
+        <TextView
+            android:id="@+id/tvTitle"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="스팸, 도배"
+            android:textSize="14sp"
+            android:textColor="@color/black"
+            android:fontFamily="@font/pretendard_medium"/>
+
+        <TextView
+            android:id="@+id/tvDescription"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="반복적이거나 무의미한 메시지로 채팅 흐름을 방해하는 경우"
+            android:textSize="10sp"
+            android:textColor="@color/text4"
+            android:fontFamily="@font/pretendard_regular"/>
+    </LinearLayout>
+
+</LinearLayout>
\ No newline at end of file