Refactoring

unionflow-mobile-apps/lib/features/members/presentation/pages/membres_dashboard_page.dart

@@ -14,6 +14,14 @@ import '../widgets/dashboard/members_recent_activities_widget.dart';
 import '../widgets/dashboard/members_advanced_filters_widget.dart';
 import '../widgets/dashboard/members_smart_search_widget.dart';
 import '../widgets/dashboard/members_notifications_widget.dart';
+import 'membre_edit_page.dart';
+
+// Import de l'architecture unifiée pour amélioration progressive
+import '../../../../shared/widgets/common/unified_page_layout.dart';
+
+// Imports des optimisations de performance
+import '../../../../core/performance/performance_optimizer.dart';
+import '../../../../shared/widgets/performance/optimized_list_view.dart';
 
 class MembresDashboardPage extends StatefulWidget {
   const MembresDashboardPage({super.key});
@@ -73,87 +81,32 @@ class _MembresDashboardPageState extends State<MembresDashboardPage> {
   Widget build(BuildContext context) {
     return BlocProvider.value(
       value: _membresBloc,
-      child: Scaffold(
-        backgroundColor: AppTheme.backgroundLight,
-        appBar: AppBar(
-          title: const Text(
-            'Dashboard Membres',
-            style: TextStyle(
-              fontWeight: FontWeight.w600,
-              fontSize: 20,
-            ),
-          ),
-          backgroundColor: AppTheme.primaryColor,
-          foregroundColor: Colors.white,
-          elevation: 0,
-          actions: [
-            IconButton(
-              icon: const Icon(Icons.refresh),
+      child: BlocBuilder<MembresBloc, MembresState>(
+        builder: (context, state) {
+          // Utilisation de UnifiedPageLayout pour améliorer la cohérence
+          // tout en conservant TOUS les widgets spécialisés existants
+          return UnifiedPageLayout(
+            title: 'Dashboard Membres',
+            icon: Icons.people,
+            actions: [
+              IconButton(
+                icon: const Icon(Icons.refresh),
+                onPressed: _loadData,
+                tooltip: 'Actualiser',
+              ),
+            ],
+            isLoading: state is MembresLoading,
+            errorMessage: state is MembresError ? state.message : null,
+            onRefresh: _loadData,
+            floatingActionButton: FloatingActionButton(
               onPressed: _loadData,
-              tooltip: 'Actualiser',
+              backgroundColor: AppTheme.primaryColor,
+              tooltip: 'Actualiser les données',
+              child: const Icon(Icons.refresh, color: Colors.white),
             ),
-          ],
-        ),
-        body: BlocBuilder<MembresBloc, MembresState>(
-          builder: (context, state) {
-            if (state is MembresLoading) {
-              return const Center(
-                child: CircularProgressIndicator(),
-              );
-            }
-
-            if (state is MembresError) {
-              return Center(
-                child: Column(
-                  mainAxisAlignment: MainAxisAlignment.center,
-                  children: [
-                    const Icon(
-                      Icons.error_outline,
-                      size: 64,
-                      color: AppTheme.errorColor,
-                    ),
-                    const SizedBox(height: 16),
-                    const Text(
-                      'Erreur de chargement',
-                      style: TextStyle(
-                        fontSize: 18,
-                        fontWeight: FontWeight.w600,
-                        color: AppTheme.textPrimary,
-                      ),
-                    ),
-                    const SizedBox(height: 8),
-                    Text(
-                      state.message,
-                      style: const TextStyle(
-                        fontSize: 14,
-                        color: AppTheme.textSecondary,
-                      ),
-                      textAlign: TextAlign.center,
-                    ),
-                    const SizedBox(height: 24),
-                    ElevatedButton.icon(
-                      onPressed: _loadData,
-                      icon: const Icon(Icons.refresh),
-                      label: const Text('Réessayer'),
-                      style: ElevatedButton.styleFrom(
-                        backgroundColor: AppTheme.primaryColor,
-                        foregroundColor: Colors.white,
-                      ),
-                    ),
-                  ],
-                ),
-              );
-            }
-
-            return _buildDashboard();
-          },
-        ),
-        floatingActionButton: FloatingActionButton(
-          onPressed: _loadData,
-          backgroundColor: AppTheme.primaryColor,
-          tooltip: 'Actualiser les données',
-          child: const Icon(Icons.refresh, color: Colors.white),
-        ),
+            body: _buildDashboard(),
+          );
+        },
       ),
     );
   }
@@ -234,14 +187,17 @@ class _MembresDashboardPageState extends State<MembresDashboardPage> {
                       ),
                     );
                   },
-                  onMemberEdit: (member) {
-                    // TODO: Modifier le membre
-                    ScaffoldMessenger.of(context).showSnackBar(
-                      SnackBar(
-                        content: Text('Modification de ${member.nomComplet}'),
-                        backgroundColor: AppTheme.warningColor,
+                  onMemberEdit: (member) async {
+                    final result = await Navigator.of(context).push(
+                      MaterialPageRoute(
+                        builder: (context) => MembreEditPage(membre: member),
                       ),
                     );
+
+                    if (result == true) {
+                      // Recharger les données si le membre a été modifié
+                      _membresBloc.add(const LoadMembres());
+                    }
                   },
                   searchQuery: _currentSearchQuery,
                   filters: _currentFilters,