feat(comments): added actions bottom sheet with different actions for comments, added copy, reply and complain

2025-07-08 09:17:20 +07:00
parent 0886d1cd7b
commit 0a636e05b8
20 changed files with 395 additions and 100 deletions
--- a/lib/core/comments/presentation/comments_actions_bottom_sheet.dart
+++ b/lib/core/comments/presentation/comments_actions_bottom_sheet.dart
@@ -0,0 +1,141 @@
+import 'package:eatvio_app/core/theme/custom_text_style.dart';
+import 'package:eatvio_app/core/theme/theme_helper.dart';
+import 'package:eatvio_app/core/widgets/bottom_sheet_handler_bar.dart';
+import 'package:eatvio_app/core/widgets/custom_divider.dart';
+import 'package:eatvio_app/generated/l10n.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
+
+void showCommentsActionsBottomSheet(
+  BuildContext context, {
+  required void Function()? reply,
+  required void Function() copy,
+  required void Function() edit,
+  required void Function() delete,
+  required void Function() complain,
+  required bool isMyComment,
+}) {
+  showModalBottomSheet(
+      context: context,
+      isScrollControlled: true,
+      backgroundColor: Colors.transparent,
+      builder: (context) => Container(
+            margin: EdgeInsets.only(left: 8, right: 8, bottom: MediaQuery.of(context).padding.bottom),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(12),
+              color: appTheme.whiteA700,
+            ),
+            child: CommentsActionsBottomSheet(
+              isMyComment: isMyComment,
+              reply: reply,
+              copy: copy,
+              edit: edit,
+              delete: delete,
+              complain: complain,
+            ),
+          ));
+}
+
+class CommentsActionsBottomSheet extends StatelessWidget {
+  const CommentsActionsBottomSheet({
+    super.key,
+    required this.isMyComment,
+    required this.reply,
+    required this.copy,
+    required this.edit,
+    required this.delete,
+    required this.complain,
+  });
+  final bool isMyComment;
+  final void Function()? reply;
+  final void Function() copy;
+  final void Function() edit;
+  final void Function() delete;
+  final void Function() complain;
+  @override
+  Widget build(BuildContext context) {
+    final s = S.of(context);
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 16),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          const SizedBox(
+            height: 7,
+          ),
+          const BottomSheetHandlerBar(),
+          if (isMyComment)
+            _ActionWidget(
+              text: s.edit,
+              iconPath: 'assets/icons/edit_paint.svg',
+              onTap: edit,
+            )
+          else if (reply != null)
+            _ActionWidget(
+              text: s.reply,
+              iconPath: 'assets/icons/reply.svg',
+              onTap: reply!,
+            ),
+          if (reply != null) const CustomDivider(),
+          _ActionWidget(
+            text: s.copy,
+            iconPath: 'assets/icons/copy2.svg',
+            onTap: copy,
+          ),
+          if (isMyComment) ...[
+            if (reply != null) ...[
+              const CustomDivider(),
+              _ActionWidget(
+                text: s.reply,
+                iconPath: 'assets/icons/reply.svg',
+                onTap: reply!,
+              ),
+            ],
+            const CustomDivider(),
+            _ActionWidget(
+              text: s.deleteComment,
+              iconPath: 'assets/icons/red_trash.svg',
+              onTap: delete,
+            ),
+          ] else ...[
+            const CustomDivider(),
+            _ActionWidget(
+              text: s.complain,
+              iconPath: 'assets/icons/complain.svg',
+              onTap: complain,
+            ),
+          ]
+        ],
+      ),
+    );
+  }
+}
+
+class _ActionWidget extends StatelessWidget {
+  const _ActionWidget({required this.text, required this.iconPath, required this.onTap});
+  final String text;
+  final String iconPath;
+  final void Function() onTap;
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () {
+        Navigator.pop(context);
+        onTap();
+      },
+      child: Padding(
+        padding: const EdgeInsets.symmetric(vertical: 12),
+        child: Row(
+          children: [
+            Text(
+              text,
+              style: TextStyles.textLMedium.copyWith(color: appTheme.black),
+            ),
+            const Spacer(),
+            SvgPicture.asset(iconPath)
+          ],
+        ),
+      ),
+    );
+  }
+}