Feature/친구 삭제 기능 (#86)

lib/feature/friendsList/provider/FriendsListImageProvider.dart

@@ -0,0 +1,10 @@
+import 'package:firebase_storage/firebase_storage.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+// 친구목록 이미지 URL을 제공하는 Provider
+final friendsListImageProvider =
+FutureProvider.family<String, String>((ref, imageName) async {
+  final storageRef = FirebaseStorage.instance.ref('profileimage/$imageName');
+  final downloadUrl = await storageRef.getDownloadURL();
+  return downloadUrl;
+});

lib/feature/friendsList/provider/FriendsListProvider.dart

@@ -1,10 +1,14 @@
-import 'package:blueberry_flutter_template/utils/Talker.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
 import 'package:firebase_storage/firebase_storage.dart';
+import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:cloud_firestore/cloud_firestore.dart';
+
 import '../../../model/FriendModel.dart';
+import '../../../utils/AppStrings.dart';
+import '../../../utils/Talker.dart';
+import '../../userreport/provider/UserReportBottomSheetWidget.dart';
 
-// 친구 목록을 제공하는 Provider
+// 친구목록을 제공하는 Provider
 final friendsListProvider = StreamProvider<List<FriendModel>>((ref) {
   final firestore = FirebaseFirestore.instance;
   const userId = 'eztqDqrvEXDc8nqnnrB8'; // 로그인을 가정한 임시 유저 ID
@@ -14,35 +18,76 @@ final friendsListProvider = StreamProvider<List<FriendModel>>((ref) {
       .doc(userId)
       .collection('friends')
       .snapshots()
-      .asyncMap((snapshot) => Future.wait(snapshot.docs.map((doc) async {
-            final userID = doc['userID'] as String;
-            talker.info('Fetching data for userID: $userID');
-
-            final userDoc =
-                await firestore.collection('users_test').doc(userID).get();
-
-            if (userDoc.exists) {
-              talker.info('User data found: ${userDoc.data()}');
-              return FriendModel.fromJson(userDoc.data()!);
-            } else {
-              talker.warning('User data not found for userID: $userID');
-              throw Exception('User data not found for userID: $userID');
-            }
-          }).toList()));
+      .asyncMap((snapshot) async {
+    final friendModels = await Future.wait(snapshot.docs.map((doc) async {
+      final userID = doc['userID'] as String;
+      final userDoc = await firestore.collection('users_test').doc(userID).get();
+
+      if (userDoc.exists) {
+        return FriendModel.fromJson(userDoc.data()!);
+      } else {
+        throw Exception(AppStrings.userNotFoundErrorMessage);
+      }
+    }).toList());
+
+    return friendModels;
+  });
 });
 
-// 친구목록 이미지 URL을 제공하는 Provider
-final friendsListImageProvider =
-    FutureProvider.family<String, String>((ref, imageName) async {
-  try {
-    final storageRef = FirebaseStorage.instance.ref('profileimage/$imageName');
-    final downloadUrl = await storageRef.getDownloadURL();
-
-    talker.info('Download URL for image $imageName: $downloadUrl');
-    return downloadUrl;
-  } catch (e, stacktrace) {
-    talker.error(
-        'Failed to fetch download URL for image $imageName', e, stacktrace);
-    rethrow;
-  }
+final deleteFriendProvider =
+    Provider<Future<void> Function(BuildContext, FriendModel)>((ref) {
+  return (BuildContext context, FriendModel friend) async {
+    final firestore = FirebaseFirestore.instance;
+    const userId = 'eztqDqrvEXDc8nqnnrB8'; // 로그인을 가정한 임시 유저 ID
+
+    await firestore
+        .collection('users_test')
+        .doc(userId)
+        .collection('friends')
+        .doc(friend.userID)
+        .delete();
+
+    ref.invalidate(friendsListProvider);
+
+    if (context.mounted) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(content: Text(AppStrings.friendDeleteSuccessMessage)),
+      );
+    }
+  };
 });
+
+
+
+// ui 팝업 메뉴 선택시 처리하는 함수
+void handleMenuSelection(
+    BuildContext context, WidgetRef ref, int value, FriendModel friend) async {
+  switch (value) {
+    case 1:
+      // 삭제
+      final deleteFriend = ref.read(deleteFriendProvider);
+      Navigator.of(context).pop();
+      await deleteFriend(context, friend);
+      break;
+    case 2:
+      Navigator.of(context).pop();
+      if (context.mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(content: Text('차단 기능이 아직 구현되지 않았습니다.')),
+        );
+      }
+      break;
+    case 3:
+      // 신고
+      Navigator.of(context).pop();
+      showModalBottomSheet(
+        context: context,
+        isScrollControlled: true,
+        shape: const RoundedRectangleBorder(
+          borderRadius: BorderRadius.vertical(top: Radius.circular(25.0)),
+        ),
+        builder: (context) => UserReportBottomSheetWidget(friend: friend),
+      );
+      break;
+  }
+}

lib/feature/friendsList/widget/BottomSheetButtonWidget.dart

@@ -14,11 +14,15 @@ class BottomSheetButtonWidget extends StatelessWidget {
   Widget build(BuildContext context) {
     return ElevatedButton(
       style: ElevatedButton.styleFrom(
-        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
+        padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 14),
         shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(8),
+          borderRadius: BorderRadius.circular(12),
+        ),
+        minimumSize: const Size(140, 50),
+        textStyle: const TextStyle(
+          fontSize: 16, // 더 큰 텍스트 크기
+          fontWeight: FontWeight.bold,
         ),
-        minimumSize: const Size(120, 40), // 버튼 크기
       ),
       onPressed: onPressed,
       child: Text(text),

lib/feature/friendsList/widget/FriendBottomSheet.dart

@@ -1,11 +1,13 @@
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 
 import '../../../model/FriendModel.dart';
-import '../../../utils/AppStrings.dart';
-import '../../userreport/provider/UserReportBottomSheetWidget.dart';
+import '../provider/FriendsListProvider.dart';
 import 'BottomSheetButtonWidget.dart';
+import 'PopupMenuItem.dart';
+import '../../../utils/AppStrings.dart';
 
 class FriendBottomSheetWidget extends StatelessWidget {
   final FriendModel friend;
@@ -16,88 +18,97 @@ class FriendBottomSheetWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      height: 260, // 바텀 시트 높이 수정 부분
-      decoration: BoxDecoration(
-        color: Colors.grey[200],
-        borderRadius: const BorderRadius.vertical(
-          top: Radius.circular(25.0),
-        ),
-      ),
-      padding: const EdgeInsets.all(16),
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        children: [
-          Padding(
-            padding: const EdgeInsets.only(top: 10.0),
-            child: Row(
-              children: [
-                Container(
-                  width: 120,
-                  height: 120,
-                  decoration: BoxDecoration(
-                    shape: BoxShape.circle,
-                    border: Border.all(color: Colors.white, width: 4),
-                    image: DecorationImage(
-                      image: CachedNetworkImageProvider(imageUrl),
-                      fit: BoxFit.cover,
-                    ),
-                  ),
-                ),
-                const SizedBox(width: 16),
-                Expanded(
-                  child: Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      Text(friend.name,
-                          style: const TextStyle(
-                              fontWeight: FontWeight.bold, fontSize: 20)),
-                      const SizedBox(height: 8),
-                      Text(friend.status, style: const TextStyle(fontSize: 16)),
-                    ],
-                  ),
-                ),
-              ],
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 16.0),
+      child: SingleChildScrollView(
+        child: Container(
+          decoration: BoxDecoration(
+            color: Colors.grey[200],
+            borderRadius: const BorderRadius.vertical(
+              top: Radius.circular(25.0),
             ),
           ),
-          const SizedBox(height: 24),
-          Row(
-            mainAxisAlignment: MainAxisAlignment.spaceAround,
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
             children: [
-              BottomSheetButtonWidget(
-                onPressed: () {
-                  Navigator.of(context).pop();
-                  GoRouter.of(context).push('/chat');
-                },
-                text: AppStrings.chatButton,
-              ),
-              BottomSheetButtonWidget(
-                onPressed: () {
-                  Navigator.of(context).pop();
-                  GoRouter.of(context)
-                      .push('/userdetail'); // 현재 임의 경로 사용 중 수정 필요
-                },
-                text: AppStrings.profileButton,
-              ),
-              BottomSheetButtonWidget(
-                onPressed: () {
-                  Navigator.of(context).pop();
-                  showModalBottomSheet(
-                    context: context,
-                    isScrollControlled: true,
-                    shape: const RoundedRectangleBorder(
-                      borderRadius:
-                          BorderRadius.vertical(top: Radius.circular(25.0)),
+              Padding(
+                padding: const EdgeInsets.all(16.0),
+                child: Row(
+                  children: [
+                    Container(
+                      width: 120,
+                      height: 120,
+                      decoration: BoxDecoration(
+                        shape: BoxShape.circle,
+                        border: Border.all(color: Colors.white, width: 4),
+                        image: DecorationImage(
+                          image: CachedNetworkImageProvider(imageUrl),
+                          fit: BoxFit.cover,
+                        ),
+                      ),
+                    ),
+                    const SizedBox(width: 16),
+                    Expanded(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(friend.name,
+                              style: const TextStyle(
+                                  fontWeight: FontWeight.bold, fontSize: 20)),
+                          const SizedBox(height: 8),
+                          Text(friend.status,
+                              style: const TextStyle(fontSize: 16)),
+                        ],
+                      ),
                     ),
-                    builder: (context) =>
-                        UserReportBottomSheetWidget(friend: friend),
-                  );
-                },
-                text: AppStrings.reportButton,
+                    Consumer(
+                      builder: (context, ref, child) {
+                        return PopupMenuButton<int>(
+                          onSelected: (value) =>
+                              handleMenuSelection(context, ref, value, friend),
+                          itemBuilder: (context) => [
+                            buildPopupMenuItem(
+                                icon: Icons.delete,
+                                text: AppStrings.deleteButton,
+                                value: 1),
+                            buildPopupMenuItem(
+                                icon: Icons.block,
+                                text: AppStrings.blockButton,
+                                value: 2),
+                            buildPopupMenuItem(
+                                icon: Icons.report,
+                                text: AppStrings.reportButton,
+                                value: 3),
+                          ],
+                        );
+                      },
+                    ),
+                  ],
+                ),
+              ),
+              const SizedBox(height: 24),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                children: [
+                  BottomSheetButtonWidget(
+                    onPressed: () {
+                      Navigator.of(context).pop();
+                      GoRouter.of(context).push('/chat');
+                    },
+                    text: AppStrings.chatButton,
+                  ),
+                  BottomSheetButtonWidget(
+                    onPressed: () {
+                      Navigator.of(context).pop();
+                      GoRouter.of(context).push('/userdetail');
+                    },
+                    text: AppStrings.profileButton,
+                  ),
+                ],
               ),
             ],
           ),
-        ],
+        ),
       ),
     );
   }

lib/feature/friendsList/widget/FriendBottomSheetLauncher.dart

@@ -0,0 +1,26 @@
+import 'package:flutter/material.dart';
+
+import '../../../model/FriendModel.dart';
+import 'FriendBottomSheet.dart';
+
+class FriendBottomSheetLauncher {
+  static void show({
+    required BuildContext context,
+    required FriendModel friend,
+    required String imageUrl,
+  }) {
+    showModalBottomSheet(
+      context: context,
+      isScrollControlled: true,
+      shape: const RoundedRectangleBorder(
+        borderRadius: BorderRadius.vertical(
+          top: Radius.circular(25.0),
+        ),
+      ),
+      builder: (context) => FriendBottomSheetWidget(
+        friend: friend,
+        imageUrl: imageUrl,
+      ),
+    );
+  }
+}