[FEATURE] 신고 API 연동

lib/core/constants/report_type.dart

@@ -0,0 +1,26 @@
+enum ReportType {
+  post('POST'),
+  comment('COMMENT'),
+  chatRoom('CHAT_ROOM'),
+  user('USER')
+  ;
+
+  final String value;
+
+  const ReportType(this.value);
+}
+
+enum ReportReason {
+  swear("욕설이 많아요"),
+  disrespect("상대를 존중하지 않아요"),
+  offensive("불쾌감을 느끼는 발언을 해요"),
+  aggressive("공격적인 언어를 사용해요"),
+  discrimination("신분, 장애, 인종에 대해 차별 발언을 일삼아요"),
+  badName("부적절한 이름을 사용해요"),
+  etc("기타")
+  ;
+
+  final String label;
+
+  const ReportReason(this.label);
+}

lib/presentation/post/widgets/post_report_dialog.dart → lib/core/design_system/components/custom_report_dialog.dart

@@ -1,56 +1,73 @@
-
 import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:ondo/core/constants/report_type.dart';
 import 'package:ondo/core/design_system/app_colors.dart';
 import 'package:ondo/core/design_system/app_layout.dart';
 import 'package:ondo/core/design_system/app_text_styles.dart';
 import 'package:ondo/core/design_system/component_variants.dart';
 import 'package:ondo/core/design_system/components/custom_button.dart';
+import 'package:ondo/core/design_system/components/custom_tag_card.dart';
 import 'package:ondo/core/design_system/components/custom_textfield.dart';
-import 'package:ondo/presentation/profile/widget/report_reason_chip.dart';
+import 'package:ondo/domain/usecases/report/report_use_case.dart';
 
-class PostReportDialog extends StatefulWidget {
-  const PostReportDialog({
+class CustomReportDialog extends StatefulWidget {
+  const CustomReportDialog({
     super.key,
+    required this.type,
+    required this.targetId,
   });
 
+  final ReportType type;
+  final String targetId;
+
   @override
-  State<PostReportDialog> createState() => _PostReportDialogState();
+  State<CustomReportDialog> createState() => _CustomReportDialogState();
 }
 
-class _PostReportDialogState extends State<PostReportDialog> {
+class _CustomReportDialogState extends State<CustomReportDialog> {
   final TextEditingController controller = TextEditingController();
 
-  final List<String> _reasons = [
-    "욕설이 많아요",
-    "상대를 존중하지 않아요",
-    "불쾌감을 느끼는 발언을 해요",
-    "공격적인 언어를 사용해요",
-    "신분, 장애, 인종에 대해 차별 발언을 일삼아요",
-    "부적절한 이름을 사용해요",
-    "기타",
-  ];
+  final Set<ReportReason> _selectedReasons = {};
 
-  final Set<String> _selectedReasons = {};
+  String get _title => switch (widget.type) {
+    ReportType.post => '게시물 신고',
+    ReportType.comment => '댓글 신고',
+    ReportType.chatRoom => '채팅방 신고',
+    ReportType.user => '유저 신고',
+  };
 
   bool get _isValid =>
       _selectedReasons.isNotEmpty || controller.text.trim().isNotEmpty;
 
-  void _toggleReason(String reason) {
-    setState(() {
-      if (_selectedReasons.contains(reason)) {
-        _selectedReasons.remove(reason);
-      } else {
-        _selectedReasons.add(reason);
-      }
-    });
-  }
-
   Future<void> _submitReport() async {
     if (!_isValid) return;
+    final description = [
+      if (_selectedReasons.isNotEmpty) ...[
+        'tags',
+        ..._selectedReasons.map((e) => e.label),
+      ],
+      if (controller.text.trim().isNotEmpty) ...[
+        'detail',
+        controller.text.trim(),
+      ],
+    ].join('\n');
 
+    await Get.find<ReportUseCase>()(
+      targetType: widget.type,
+      targetId: widget.targetId,
+      description: description,
+    );
+
+    if (!mounted) return;
     Navigator.pop(context);
   }
 
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     return Dialog(
@@ -68,20 +85,28 @@ class _PostReportDialogState extends State<PostReportDialog> {
             mainAxisSize: MainAxisSize.min,
             crossAxisAlignment: CrossAxisAlignment.center,
             children: [
-              Center(child: Text("게시물 신고", style: AppTextStyles.titleBold20())),
+              Center(child: Text(_title, style: AppTextStyles.titleBold20())),
               AppGap.v16,
               SizedBox(
                 width: MediaQuery.of(context).size.width,
                 child: Wrap(
                   crossAxisAlignment: WrapCrossAlignment.start,
                   spacing: AppSpacing.s12,
                   runSpacing: AppSpacing.s12,
-                  children: _reasons.map(
-                        (e) {
-                      return ReportReasonChip(
-                        label: e,
-                        isSelected: _selectedReasons.contains(e),
-                        onTap: () => _toggleReason(e),
+                  children: ReportReason.values.map(
+                    (r) {
+                      return CustomTagCard(
+                        label: r.label,
+                        isSelected: _selectedReasons.contains(r),
+                        onTap: (isSelect) {
+                          setState(() {
+                            if (isSelect) {
+                              _selectedReasons.add(r);
+                            } else {
+                              _selectedReasons.remove(r);
+                            }
+                          });
+                        },
                       );
                     },
                   ).toList(),

lib/core/design_system/components/custom_tag_card.dart

@@ -3,48 +3,41 @@ import 'package:ondo/core/design_system/app_colors.dart';
 import 'package:ondo/core/design_system/app_layout.dart';
 import 'package:ondo/core/design_system/app_text_styles.dart';
 
+typedef SelectTag = void Function(bool isSelect);
+
 class CustomTagCard extends StatelessWidget {
-  final String tag;
-  final Color? color;
-  final void Function(bool isSelect)? onTap;
-  final ValueNotifier<bool> isSelect;
+  final String label;
+  final bool isSelected;
+  final SelectTag? onTap;
 
-  CustomTagCard({
+  const CustomTagCard({
     super.key,
-    required this.tag,
-    this.color,
+    required this.label,
+    this.isSelected = false,
     this.onTap,
-    bool isSelect = false,
-  }) : isSelect = ValueNotifier(isSelect);
+  });
 
   @override
   Widget build(BuildContext context) {
-    return ValueListenableBuilder(
-      valueListenable: isSelect,
-      builder: (context, value, child) {
-        return GestureDetector(
-          behavior: HitTestBehavior.opaque,
-          onTap: () {
-            isSelect.value = !isSelect.value;
-            onTap?.call(isSelect.value);
-          },
-          child: Container(
-            padding: AppPadding.chip,
-            decoration: BoxDecoration(
-              borderRadius: BorderRadius.circular(8),
-              color: isSelect.value
-                  ? AppColors.primary
-                  : color ?? AppColors.white,
-            ),
-            child: Text(
-              tag,
-              style: AppTextStyles.textMedium(
-                textColor: isSelect.value ? AppColors.white : AppColors.gray90,
-              ),
-            ),
+    final foregroundColor = isSelected ? AppColors.white : AppColors.gray90;
+    final backgroundColor = isSelected ? AppColors.primary : AppColors.gray20;
+
+    return GestureDetector(
+      behavior: HitTestBehavior.opaque,
+      onTap: () => onTap?.call(!isSelected),
+      child: Container(
+        padding: AppPadding.chip,
+        decoration: BoxDecoration(
+          borderRadius: AppRadius.baseRadius,
+          color: backgroundColor,
+        ),
+        child: Text(
+          label,
+          style: AppTextStyles.textMedium(
+            textColor: foregroundColor,
           ),
-        );
-      },
+        ),
+      ),
     );
   }
 }

lib/core/router/bindings/navigation_binding.dart

@@ -7,6 +7,7 @@ import 'package:ondo/core/router/bindings/home_binding.dart';
 import 'package:ondo/core/router/bindings/notification_binding.dart';
 import 'package:ondo/core/router/bindings/post_binding.dart';
 import 'package:ondo/core/router/bindings/profile_binding.dart';
+import 'package:ondo/core/router/bindings/report_binding.dart';
 import 'package:ondo/core/router/bindings/user_binding.dart';
 import 'package:ondo/data/datasource/auth/auth_local_datasource_impl.dart';
 import 'package:ondo/data/datasource/auth/auth_remote_datasource.dart';
@@ -38,8 +39,9 @@ class NavigationBinding extends Bindings {
 
     /// 전 화면 공통 controller 등록
     Get.lazyPut<NavigationController>(() => NavigationController());
-    NotificationBinding().dependencies();
 
+    NotificationBinding().dependencies();
+    ReportBinding().dependencies();
     UserBinding().dependencies();
     PostBinding().dependencies();
 

lib/core/router/bindings/post_view_binding.dart

@@ -30,7 +30,6 @@ class PostViewBinding extends Bindings {
 
   @override
   void dependencies() {
-
     // Post UseCases
     Get.lazyPut<GetPostDetailUseCase>(
       () => GetPostDetailUseCase(
@@ -56,7 +55,6 @@ class PostViewBinding extends Bindings {
       ),
     );
 
-
     // Comment DataSource
     Get.lazyPut<CommentRemoteDataSource>(
       () => CommentRemoteDataSourceImpl(

lib/core/router/bindings/report_binding.dart

@@ -0,0 +1,23 @@
+import 'package:get/get.dart';
+import 'package:ondo/data/datasource/report/report_remote_datasource.dart';
+import 'package:ondo/data/network/clients/auth_client.dart';
+import 'package:ondo/data/repositories/report/report_repository_impl.dart';
+import 'package:ondo/domain/repositories/report/report_repository.dart';
+import 'package:ondo/domain/usecases/report/report_use_case.dart';
+
+class ReportBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(
+      () => ReportRemoteDatasource(Get.find<AuthClient>()),
+    );
+
+    Get.lazyPut<ReportRepository>(
+      () => ReportRepositoryImpl(Get.find<ReportRemoteDatasource>()),
+    );
+
+    Get.lazyPut(
+      () => ReportUseCase(Get.find<ReportRepository>()),
+    );
+  }
+}

lib/data/datasource/post/post_remote_datasource.dart

@@ -17,7 +17,7 @@ class PostRemoteDatasource {
       final res = await _client.get(Uri.parse("${ApiConstants.post}/popular"));
 
       final body = jsonDecode(res.body);
-      log.serverLog(body, stausCode: res.statusCode);
+      log.serverLog(body, statusCode: res.statusCode);
 
       if (res.statusCode == 200 && body["success"] == true) {
         return body["data"];

lib/data/datasource/report/report_remote_datasource.dart

@@ -0,0 +1,37 @@
+import 'dart:convert';
+
+import 'package:http/http.dart';
+import 'package:ondo/data/models/report/request/report_request_model.dart';
+import 'package:ondo/data/network/constants/api_constants.dart';
+
+class ReportRemoteDatasource {
+  final BaseClient _client;
+
+  ReportRemoteDatasource(this._client);
+
+  Future<bool> report(ReportRequestModel model) async {
+    final log = ApiConstants(logName: '신고 접수 서버');
+
+    try {
+      final res = await _client.post(
+        Uri.parse(ApiConstants.report),
+        headers: ApiConstants.baseHeader,
+        body: jsonEncode(model.toJson()),
+      );
+
+      final body = jsonDecode(res.body);
+
+      log.successLog(body['success']);
+      log.messageLog(body['message']);
+
+      if (res.statusCode == 200 && body['success'] == true) {
+        return true;
+      }
+      log.statusLog(res.statusCode);
+    } catch (e) {
+      log.errorLog(e);
+    }
+
+    return false;
+  }
+}

lib/data/models/report/request/report_request_model.dart

@@ -0,0 +1,19 @@
+import 'package:ondo/core/constants/report_type.dart';
+
+class ReportRequestModel {
+  final ReportType targetType;
+  final String targetId;
+  final String description;
+
+  ReportRequestModel({
+    required this.targetType,
+    required this.targetId,
+    required this.description,
+  });
+
+  Map<String, dynamic> toJson() => {
+    'targetType': targetType.value,
+    'targetId': targetId,
+    'description': description,
+  };
+}

lib/data/network/constants/api_constants.dart

@@ -24,16 +24,18 @@ class ApiConstants {
 
   static String get comment => "${Env.apiBaseUrl}/comments";
 
+  static String get report => "${Env.apiBaseUrl}/reports";
+
   static const baseHeader = {"Content-Type": "application/json"};
 
   //TODO : 임시 로그인 데이터
   static String get loginId => Env.loginId;
 
   static String get loginPassword => Env.loginPassword;
 
-  void serverLog(Map body, {int? stausCode}) {
-    if (stausCode != null) {
-      statusLog(stausCode);
+  void serverLog(Map body, {int? statusCode}) {
+    if (statusCode != null) {
+      statusLog(statusCode);
     }
     successLog(body["success"]);
     messageLog(body["message"]);