chore(group): fix delay show group when switch and convert to relative import

lib/feature/inter_family/groups/groups_screen.dart

@@ -1,187 +1,125 @@
 // ignore_for_file: use_build_context_synchronously
 
-import 'dart:async';
-
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 
 import '../../../product/constant/enums/app_route_enums.dart';
-import '../../../product/shared/shared_component_loading_animation.dart';
-import '../../../product/shared/shared_loading_animation.dart';
 import 'groups_model.dart';
+import 'groups_widget.dart';
 import '../../../bloc/inter_family_bloc.dart';
 import '../inter_family_widget.dart';
-import '../../../product/base/bloc/base_bloc.dart';
 import '../../../product/constant/app/app_constants.dart';
 import '../../../product/constant/icon/icon_constants.dart';
 import '../../../product/extension/context_extension.dart';
 import '../../../product/services/language_services.dart';
 
-import 'groups_widget.dart';
-
-class GroupsScreen extends StatefulWidget {
-  const GroupsScreen({super.key, required this.role});
+/// Stateless widget that renders a provided list of groups. The parent
+/// screen owns fetching/updating the list; this widget only displays it and
+/// forwards actions to the provided [InterFamilyBloc].
+class GroupsScreen extends StatelessWidget {
+  const GroupsScreen(
+      {super.key,
+      required this.role,
+      required this.groups,
+      required this.interFamilyBloc});
 
   final String role;
-
-  @override
-  State<GroupsScreen> createState() => _GroupsScreenState();
-}
-
-class _GroupsScreenState extends State<GroupsScreen> {
-  late InterFamilyBloc interFamilyBloc;
-  Timer? getAllGroupsTimer;
-
-  @override
-  void initState() {
-    super.initState();
-    interFamilyBloc = BlocProvider.of(context);
-    const duration = Duration(seconds: 5);
-    getAllGroupsTimer = Timer.periodic(
-      duration,
-      (Timer t) => interFamilyBloc.getAllGroup(context, widget.role),
-    );
-  }
-
-  @override
-  void dispose() {
-    getAllGroupsTimer?.cancel();
-    super.dispose();
-  }
+  final List<Group> groups;
+  final InterFamilyBloc interFamilyBloc;
 
   @override
   Widget build(BuildContext context) {
-    if (widget.role == ApplicationConstants.OWNER_GROUP ||
-        widget.role == ApplicationConstants.PARTICIPANT_GROUP) {
-      return StreamBuilder<List<Group>>(
-        stream: interFamilyBloc.streamCurrentGroups,
-        builder: (context, groupsSnapshot) {
-          if (groupsSnapshot.data == null) {
-            interFamilyBloc.getAllGroup(context,widget.role);
-            return const SharedLoadingAnimation();
-          } else if (groupsSnapshot.data!.isEmpty) {
-            return Center(
-              child: Text(appLocalization(context).dont_have_group),
-            );
-          } else {
-            return Scaffold(
-              body: groupsSnapshot.data?.isEmpty ?? true
-                  ? const SharedComponentLoadingAnimation()
-                  : ListView.builder(
-                      itemCount: groupsSnapshot.data!.length,
-                      itemBuilder: (context, index) {
-                        return ListTile(
-                          onTap: () {
-                            context.pushNamed(AppRoutes.GROUP_DETAIL.name,
-                                pathParameters: {
-                                  "groupId": groupsSnapshot.data![index].id!
-                                },
-                                extra: widget.role);
-                          },
-                          leading: IconConstants.instance
-                              .getMaterialIcon(Icons.diversity_2),
-                          title: Text(
-                            groupsSnapshot.data![index].name ?? '',
-                            style: const TextStyle(fontWeight: FontWeight.bold),
-                          ),
-                          subtitle: Text(
-                              groupsSnapshot.data![index].description ?? ""),
-                          trailing:
-                              widget.role == ApplicationConstants.OWNER_GROUP
-                                  ? PopupMenuButton(
-                                      shape: const RoundedRectangleBorder(
-                                        borderRadius: BorderRadius.only(
-                                          bottomLeft: Radius.circular(8.0),
-                                          bottomRight: Radius.circular(8.0),
-                                          topLeft: Radius.circular(8.0),
-                                          topRight: Radius.circular(8.0),
-                                        ),
-                                      ),
-                                      itemBuilder: (ctx) => [
-                                        _buildPopupMenuItem(
-                                            groupsSnapshot.data![index],
-                                            context,
-                                            appLocalization(context)
-                                                .share_group_title,
-                                            Icons.share,
-                                            4),
-                                        _buildPopupMenuItem(
-                                            groupsSnapshot.data![index],
-                                            context,
-                                            appLocalization(context)
-                                                .change_group_infomation_title,
-                                            Icons.settings_backup_restore,
-                                            2),
-                                        _buildPopupMenuItem(
-                                            groupsSnapshot.data![index],
-                                            context,
-                                            appLocalization(context)
-                                                .delete_group_title,
-                                            Icons.delete_forever_rounded,
-                                            3),
-                                      ],
-                                      icon: const Icon(Icons.more_horiz),
-                                    )
-                                  : const SizedBox.shrink(),
-                        );
-                      },
-                    ),
-            );
-          }
-        },
-      );
-    } else {
+    if (role != ApplicationConstants.OWNER_GROUP &&
+        role != ApplicationConstants.PARTICIPANT_GROUP) {
       return const SizedBox.shrink();
     }
+
+    if (groups.isEmpty) {
+      return Center(child: Text(appLocalization(context).dont_have_group));
+    }
+
+    return ListView.builder(
+      itemCount: groups.length,
+      itemBuilder: (context, index) {
+        final group = groups[index];
+        return ListTile(
+          onTap: () => context.pushNamed(AppRoutes.GROUP_DETAIL.name,
+              pathParameters: {"groupId": group.id!}, extra: role),
+          leading: IconConstants.instance.getMaterialIcon(Icons.diversity_2),
+          title: Text(group.name ?? '',
+              style: const TextStyle(fontWeight: FontWeight.bold)),
+          subtitle: Text(group.description ?? ''),
+          trailing: role == ApplicationConstants.OWNER_GROUP
+              ? _ownerPopupMenu(group, context)
+              : null,
+        );
+      },
+    );
   }
 
-  PopupMenuItem _buildPopupMenuItem(Group group, BuildContext context,
-      String title, IconData iconData, int position) {
-    return PopupMenuItem(
+  Widget _ownerPopupMenu(Group group, BuildContext context) {
+    return PopupMenuButton<int>(
+      shape: const RoundedRectangleBorder(
+          borderRadius: BorderRadius.all(Radius.circular(8.0))),
+      itemBuilder: (ctx) => [
+        _buildPopupMenuItem(group, context,
+            appLocalization(context).share_group_title, Icons.share, 4),
+        _buildPopupMenuItem(
+            group,
+            context,
+            appLocalization(context).change_group_infomation_title,
+            Icons.settings_backup_restore,
+            2),
+        _buildPopupMenuItem(
+            group,
+            context,
+            appLocalization(context).delete_group_title,
+            Icons.delete_forever_rounded,
+            3),
+      ],
+      icon: const Icon(Icons.more_horiz),
+    );
+  }
+
+  PopupMenuItem<int> _buildPopupMenuItem(Group group, BuildContext context,
+      String title, IconData iconData, int value) {
+    return PopupMenuItem<int>(
+      value: value,
+      child: Row(children: [
+        Icon(iconData, color: Colors.black),
+        const SizedBox(width: 10),
+        Text(title)
+      ]),
       onTap: () {
-        if (title == appLocalization(context).share_group_title) {
-          Future.delayed(context.lowDuration, () {
+        Future.delayed(context.lowDuration, () {
+          if (title == appLocalization(context).share_group_title) {
             shareGroup(context, group);
-          });
-        } else if (title ==
-            appLocalization(context).change_group_infomation_title) {
-          Future.delayed(context.lowDuration, () {
+          } else if (title ==
+              appLocalization(context).change_group_infomation_title) {
             createOrJoinGroupDialog(
-                context,
-                interFamilyBloc,
-                widget.role,
-                appLocalization(context).change_group_infomation_content,
-                appLocalization(context).group_name_title,
-                group.name!,
-                false,
-                group.id!,
-                appLocalization(context).description_group,
-                group.description ?? "");
-          });
-        } else if (title == appLocalization(context).delete_group_title) {
-          Future.delayed(context.lowDuration, () {
+              context,
+              interFamilyBloc,
+              role,
+              appLocalization(context).change_group_infomation_content,
+              appLocalization(context).group_name_title,
+              group.name ?? '',
+              false,
+              group.id ?? '',
+              appLocalization(context).description_group,
+              group.description ?? '',
+            );
+          } else if (title == appLocalization(context).delete_group_title) {
             showActionDialog(
-                context,
-                widget.role,
-                interFamilyBloc,
-                appLocalization(context).delete_group_title,
-                appLocalization(context).delete_group_content,
-                group);
-          });
-        } else {}
+              context,
+              role,
+              interFamilyBloc,
+              appLocalization(context).delete_group_title,
+              appLocalization(context).delete_group_content,
+              group,
+            );
+          }
+        });
       },
-      value: position,
-      child: Row(
-        // mainAxisAlignment: MainAxisAlignment.spaceBetween,
-        children: [
-          Icon(
-            iconData,
-            color: Colors.black,
-          ),
-          const SizedBox(width: 10),
-          Text(title),
-        ],
-      ),
     );
   }
 }