fix routine popup

lib/pages/routines/bloc/create_routine_bloc/create_routine_bloc.dart

@@ -2,6 +2,7 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:syncrow_web/pages/common/bloc/project_manager.dart';
 import 'package:syncrow_web/pages/routines/bloc/create_routine_bloc/create_routine_event.dart';
 import 'package:syncrow_web/pages/routines/bloc/create_routine_bloc/create_routine_state.dart';
+import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
 import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
 import 'package:syncrow_web/services/space_mana_api.dart';
 
@@ -10,11 +11,12 @@ class CreateRoutineBloc extends Bloc<CreateRoutineEvent, CreateRoutineState> {
     on<SpaceOnlyWithDevicesEvent>(_fetchSpaceOnlyWithDevices);
     on<SaveCommunityIdAndSpaceIdEvent>(saveSpaceIdCommunityId);
     on<ResetSelectedEvent>(resetSelected);
+    on<FetchCommunityEvent>(_fetchCommunity);
   }
 
   String selectedSpaceId = '';
   String selectedCommunityId = '';
-
+  List<CommunityModel> communities = [];
   List<SpaceModel> spacesOnlyWithDevices = [];
 
   Future<void> _fetchSpaceOnlyWithDevices(
@@ -30,7 +32,7 @@ class CreateRoutineBloc extends Bloc<CreateRoutineEvent, CreateRoutineState> {
 
       emit(SpaceWithDeviceLoadedState(spacesOnlyWithDevices));
     } catch (e) {
-      emit(SpaceTreeErrorState('Error loading communities and spaces: $e'));
+      emit(SpaceTreeErrorState('Error loading spaces: $e'));
     }
   }
 
@@ -48,4 +50,18 @@ class CreateRoutineBloc extends Bloc<CreateRoutineEvent, CreateRoutineState> {
     selectedCommunityId = '';
     emit(const ResetSelectedState());
   }
+
+  Future<void> _fetchCommunity(
+      FetchCommunityEvent event, Emitter<CreateRoutineState> emit) async {
+    emit(const CommunitiesLoadingState());
+
+    try {
+      final projectUuid = await ProjectManager.getProjectUUID() ?? '';
+      communities =
+          await CommunitySpaceManagementApi().fetchCommunities(projectUuid);
+      emit(const CommunityLoadedState());
+    } catch (e) {
+      emit(SpaceTreeErrorState('Error loading communities $e'));
+    }
+  }
 }

lib/pages/routines/bloc/create_routine_bloc/create_routine_event.dart

@@ -41,3 +41,11 @@ class ResetSelectedEvent extends CreateRoutineEvent {
   @override
   List<Object> get props => [];
 }
+
+
+class FetchCommunityEvent extends CreateRoutineEvent {
+  const FetchCommunityEvent();
+
+  @override
+  List<Object> get props => [];
+}

lib/pages/routines/bloc/create_routine_bloc/create_routine_state.dart

@@ -44,3 +44,10 @@ class ResetSelectedState extends CreateRoutineState {
   const ResetSelectedState();
 }
 
+class CommunityLoadedState extends CreateRoutineState {
+  const CommunityLoadedState();
+}
+
+class CommunitiesLoadingState extends CreateRoutineState {
+  const CommunitiesLoadingState();
+}

lib/pages/routines/create_new_routines/commu_dropdown.dart

@@ -1,12 +1,11 @@
 import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
-import 'package:syncrow_web/pages/space_tree/bloc/space_tree_bloc.dart';
-import 'package:syncrow_web/pages/space_tree/bloc/space_tree_state.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
 
 class CommunityDropdown extends StatelessWidget {
   final String? selectedValue;
+  final List<CommunityModel> communities;
   final Function(String?) onChanged;
   final TextEditingController _searchController = TextEditingController();
 
@@ -14,6 +13,7 @@ class CommunityDropdown extends StatelessWidget {
     Key? key,
     required this.selectedValue,
     required this.onChanged,
+    required this.communities,
   }) : super(key: key);
 
   @override
@@ -32,17 +32,15 @@ class CommunityDropdown extends StatelessWidget {
                 ),
           ),
           const SizedBox(height: 8),
-          BlocBuilder<SpaceTreeBloc, SpaceTreeState>(
+          SizedBox(
-            builder: (context, state) {
-              return SizedBox(
               child: Container(
             decoration: BoxDecoration(
               borderRadius: BorderRadius.circular(10),
             ),
             child: DropdownButton2<String>(
-                  underline: SizedBox(),
+              underline: const SizedBox(),
               value: selectedValue,
-                  items: state.communityList.map((community) {
+              items: communities.map((community) {
                 return DropdownMenuItem<String>(
                   value: community.uuid,
                   child: Text(
@@ -53,9 +51,9 @@ class CommunityDropdown extends StatelessWidget {
                 );
               }).toList(),
               onChanged: onChanged,
-                  style: TextStyle(color: Colors.black),
+              style: const TextStyle(color: Colors.black),
               hint: Padding(
-                    padding: EdgeInsets.only(left: 10),
+                padding: const EdgeInsets.only(left: 10),
                 child: Text(
                   "  Please Select",
                   style: Theme.of(context).textTheme.bodySmall!.copyWith(
@@ -76,11 +74,12 @@ class CommunityDropdown extends StatelessWidget {
                       flex: 5,
                       child: Text(
                         selectedValue != null
-                                ? "  ${state.communityList.firstWhere((element) => element.uuid == selectedValue).name}"
+                            ? "  ${communities.firstWhere((element) => element.uuid == selectedValue).name}"
                             : '  Please Select',
                         style: Theme.of(context).textTheme.bodySmall!.copyWith(
-                                  color:
+                              color: selectedValue != null
-                                      selectedValue != null ? Colors.black : ColorsManager.textGray,
+                                  ? Colors.black
+                                  : ColorsManager.textGray,
                             ),
                         overflow: TextOverflow.ellipsis,
                       ),
@@ -115,7 +114,8 @@ class CommunityDropdown extends StatelessWidget {
                 searchInnerWidgetHeight: 50,
                 searchInnerWidget: Container(
                   height: 50,
-                      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                  padding:
+                      const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
                   child: TextFormField(
                     style: const TextStyle(color: Colors.black),
                     controller: _searchController,
@@ -133,8 +133,10 @@ class CommunityDropdown extends StatelessWidget {
                   ),
                 ),
                 searchMatchFn: (item, searchValue) {
-                      final communityName = (item.child as Text).data?.toLowerCase() ?? '';
+                  final communityName =
-                      return communityName.contains(searchValue.toLowerCase().trim());
+                      (item.child as Text).data?.toLowerCase() ?? '';
+                  return communityName
+                      .contains(searchValue.toLowerCase().trim());
                 },
               ),
               onMenuStateChange: (isOpen) {
@@ -146,9 +148,7 @@ class CommunityDropdown extends StatelessWidget {
                 height: 40,
               ),
             ),
-              ));
+          ))
-            },
-          ),
         ],
       ),
     );

lib/pages/routines/create_new_routines/create_new_routines.dart

@@ -5,11 +5,10 @@ import 'package:syncrow_web/pages/routines/bloc/create_routine_bloc/create_routi
 import 'package:syncrow_web/pages/routines/bloc/create_routine_bloc/create_routine_bloc.dart';
 import 'package:syncrow_web/pages/routines/create_new_routines/commu_dropdown.dart';
 import 'package:syncrow_web/pages/routines/create_new_routines/space_dropdown.dart';
-
 import 'package:syncrow_web/utils/color_manager.dart';
 
 class CreateNewRoutinesDialog extends StatefulWidget {
-  const CreateNewRoutinesDialog({Key? key}) : super(key: key);
+  const CreateNewRoutinesDialog({super.key});
 
   @override
   State<CreateNewRoutinesDialog> createState() =>
@@ -19,24 +18,21 @@ class CreateNewRoutinesDialog extends StatefulWidget {
 class _CreateNewRoutinesDialogState extends State<CreateNewRoutinesDialog> {
   String? _selectedCommunity;
   String? _selectedSpace;
-  void _fetchSpaces(String communityId) {
-    context
-        .read<CreateRoutineBloc>()
-        .add(SpaceOnlyWithDevicesEvent(communityId));
-  }
 
   @override
   Widget build(BuildContext context) {
-    return BlocBuilder<CreateRoutineBloc, CreateRoutineState>(
+    return BlocProvider(
+        create: (BuildContext context) =>
+            CreateRoutineBloc()..add(const FetchCommunityEvent()),
+        child: BlocBuilder<CreateRoutineBloc, CreateRoutineState>(
           builder: (context, state) {
             final _bloc = BlocProvider.of<CreateRoutineBloc>(context);
             final spaces = _bloc.spacesOnlyWithDevices;
-        final isLoading = state is SpaceWithDeviceLoadingState;
+            final isLoadingCommunities = state is CommunitiesLoadingState;
-
+            final isLoadingSpaces = state is SpaceWithDeviceLoadingState;
             String spaceHint = 'Select a community first';
-
             if (_selectedCommunity != null) {
-          if (isLoading) {
+              if (isLoadingSpaces) {
                 spaceHint = 'Loading spaces...';
               } else if (spaces.isEmpty) {
                 spaceHint = 'No spaces available';
@@ -49,8 +45,8 @@ class _CreateNewRoutinesDialogState extends State<CreateNewRoutinesDialog> {
               backgroundColor: Colors.white,
               insetPadding: EdgeInsets.zero,
               contentPadding: EdgeInsets.zero,
-          shape:
+              shape: RoundedRectangleBorder(
-              RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+                  borderRadius: BorderRadius.circular(12)),
               title: Text(
                 'Create New Routines',
                 textAlign: TextAlign.center,
@@ -58,13 +54,16 @@ class _CreateNewRoutinesDialogState extends State<CreateNewRoutinesDialog> {
                       color: ColorsManager.primaryColor,
                     ),
               ),
-          content: Column(
+              content: Stack(
+                children: [
+                  Column(
                     mainAxisSize: MainAxisSize.min,
                     children: [
                       const Divider(),
                       Padding(
                         padding: const EdgeInsets.only(left: 15, right: 15),
                         child: CommunityDropdown(
+                          communities: _bloc.communities,
                           selectedValue: _selectedCommunity,
                           onChanged: (String? newValue) {
                             setState(() {
@@ -72,7 +71,7 @@ class _CreateNewRoutinesDialogState extends State<CreateNewRoutinesDialog> {
                               _selectedSpace = null;
                             });
                             if (newValue != null) {
-                      _fetchSpaces(newValue);
+                              _bloc.add(SpaceOnlyWithDevicesEvent(newValue));
                             }
                           },
                         ),
@@ -106,7 +105,10 @@ class _CreateNewRoutinesDialogState extends State<CreateNewRoutinesDialog> {
                               },
                               child: Text(
                                 'Cancel',
-                        style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+                                style: Theme.of(context)
+                                    .textTheme
+                                    .bodyMedium!
+                                    .copyWith(
                                       fontWeight: FontWeight.w400,
                                       fontSize: 14,
                                       color: ColorsManager.blackColor,
@@ -120,8 +122,8 @@ class _CreateNewRoutinesDialogState extends State<CreateNewRoutinesDialog> {
                               right: 20,
                             ),
                             child: TextButton(
-                      onPressed:
+                              onPressed: _selectedCommunity != null &&
-                          _selectedCommunity != null && _selectedSpace != null
+                                      _selectedSpace != null
                                   ? () {
                                       Navigator.of(context).pop({
                                         'community': _selectedCommunity,
@@ -131,7 +133,10 @@ class _CreateNewRoutinesDialogState extends State<CreateNewRoutinesDialog> {
                                   : null,
                               child: Text(
                                 'Next',
-                        style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+                                style: Theme.of(context)
+                                    .textTheme
+                                    .bodyMedium!
+                                    .copyWith(
                                       fontWeight: FontWeight.w400,
                                       fontSize: 14,
                                       color: _selectedCommunity != null &&
@@ -144,11 +149,31 @@ class _CreateNewRoutinesDialogState extends State<CreateNewRoutinesDialog> {
                           ),
                         ],
                       ),
-              SizedBox(height: 10),
+                      const SizedBox(height: 10),
+                    ],
+                  ),
+                  if (isLoadingCommunities)
+                    const SizedBox(
+                      height: 200,
+                      child: Column(
+                        mainAxisSize: MainAxisSize.min,
+                        mainAxisAlignment: MainAxisAlignment.center,
+                        crossAxisAlignment: CrossAxisAlignment.center,
+                        children: [
+                          Center(
+                            child: Center(
+                              child: CircularProgressIndicator(
+                                color: ColorsManager.primaryColor,
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
                 ],
               ),
             );
           },
-    );
+        ));
   }
 }

lib/pages/routines/widgets/if_container.dart

@@ -105,9 +105,7 @@ class IfContainer extends StatelessWidget {
             );
           },
           onAcceptWithDetails: (data) async {
-            print('data.data=${data.data}');
             final uniqueCustomId = const Uuid().v4();
-
             final mutableData = Map<String, dynamic>.from(data.data);
             mutableData['uniqueCustomId'] = uniqueCustomId;