commit 8cb61e5b6da2eeec8a08372339f921c9c3d137c7 · bretton.dev/coves-mobile

+65 -9
lib/screens/home/feed_screen.dart
···

       65
       65
        
           );

     

       66
       66
        
           final isLoading = context.select<FeedProvider, bool>((p) => p.isLoading);

     

       67
       67
        
           final error = context.select<FeedProvider, String?>((p) => p.error);

     

       68
       68
       +
       

     

       69
       69
       +
           // IMPORTANT: This works because FeedProvider replaces the list (_posts = ...)

     

       70
       70
       +
           // rather than mutating it in-place (_posts.addAll(...)).

     

       71
       71
       +
           // If you change FeedProvider to use in-place mutations, this will break

     

       72
       72
       +
           // because Lists use reference equality by default.

     

       68
       73
        
           final posts = context.select<FeedProvider, List<FeedViewPost>>(

     

       69
       74
        
             (p) => p.posts,

     

       70
       75
        
           );

     
···

       106
       111
        
             );

     

       107
       112
        
           }

     

       108
       113
        
       

     

       109
       109
       -
           // Error state

     

       110
       110
       -
           if (error != null) {

     

       114
       114
       +
           // Error state (only show full-screen error when no posts loaded yet)

     

       115
       115
       +
           // If we have posts but pagination failed, we'll show the error at the bottom

     

       116
       116
       +
           if (error != null && posts.isEmpty) {

     

       111
       117
        
             return Center(

     

       112
       118
        
               child: Padding(

     

       113
       119
        
                 padding: const EdgeInsets.all(24),

     
···

       192
       198
        
             color: const Color(0xFFFF6B35),

     

       193
       199
        
             child: ListView.builder(

     

       194
       200
        
               controller: _scrollController,

     

       195
       195
       -
               itemCount: posts.length + (isLoadingMore ? 1 : 0),

     

       201
       201
       +
               // Add extra item for loading indicator or pagination error

     

       202
       202
       +
               itemCount: posts.length + (isLoadingMore || error != null ? 1 : 0),

     

       196
       203
        
               itemBuilder: (context, index) {

     

       204
       204
       +
                 // Footer: loading indicator or error message

     

       197
       205
        
                 if (index == posts.length) {

     

       198
       198
       -
                   return const Center(

     

       199
       199
       -
                     child: Padding(

     

       200
       200
       -
                       padding: EdgeInsets.all(16),

     

       201
       201
       -
                       child: CircularProgressIndicator(color: Color(0xFFFF6B35)),

     

       202
       202
       -
                     ),

     

       203
       203
       -
                   );

     

       206
       206
       +
                   // Show loading indicator for pagination

     

       207
       207
       +
                   if (isLoadingMore) {

     

       208
       208
       +
                     return const Center(

     

       209
       209
       +
                       child: Padding(

     

       210
       210
       +
                         padding: EdgeInsets.all(16),

     

       211
       211
       +
                         child: CircularProgressIndicator(color: Color(0xFFFF6B35)),

     

       212
       212
       +
                       ),

     

       213
       213
       +
                     );

     

       214
       214
       +
                   }

     

       215
       215
       +
                   // Show error message for pagination failures

     

       216
       216
       +
                   if (error != null) {

     

       217
       217
       +
                     return Container(

     

       218
       218
       +
                       margin: const EdgeInsets.all(16),

     

       219
       219
       +
                       padding: const EdgeInsets.all(16),

     

       220
       220
       +
                       decoration: BoxDecoration(

     

       221
       221
       +
                         color: const Color(0xFF1A1F26),

     

       222
       222
       +
                         borderRadius: BorderRadius.circular(8),

     

       223
       223
       +
                         border: Border.all(color: const Color(0xFFFF6B35)),

     

       224
       224
       +
                       ),

     

       225
       225
       +
                       child: Column(

     

       226
       226
       +
                         children: [

     

       227
       227
       +
                           const Icon(

     

       228
       228
       +
                             Icons.error_outline,

     

       229
       229
       +
                             color: Color(0xFFFF6B35),

     

       230
       230
       +
                             size: 32,

     

       231
       231
       +
                           ),

     

       232
       232
       +
                           const SizedBox(height: 8),

     

       233
       233
       +
                           Text(

     

       234
       234
       +
                             _getUserFriendlyError(error),

     

       235
       235
       +
                             style: const TextStyle(

     

       236
       236
       +
                               color: Color(0xFFB6C2D2),

     

       237
       237
       +
                               fontSize: 14,

     

       238
       238
       +
                             ),

     

       239
       239
       +
                             textAlign: TextAlign.center,

     

       240
       240
       +
                           ),

     

       241
       241
       +
                           const SizedBox(height: 12),

     

       242
       242
       +
                           TextButton(

     

       243
       243
       +
                             onPressed: () {

     

       244
       244
       +
                               final feedProvider = Provider.of<FeedProvider>(

     

       245
       245
       +
                                 context,

     

       246
       246
       +
                                 listen: false,

     

       247
       247
       +
                               );

     

       248
       248
       +
                               feedProvider.clearError();

     

       249
       249
       +
                               feedProvider.loadMore();

     

       250
       250
       +
                             },

     

       251
       251
       +
                             style: TextButton.styleFrom(

     

       252
       252
       +
                               foregroundColor: const Color(0xFFFF6B35),

     

       253
       253
       +
                             ),

     

       254
       254
       +
                             child: const Text('Retry'),

     

       255
       255
       +
                           ),

     

       256
       256
       +
                         ],

     

       257
       257
       +
                       ),

     

       258
       258
       +
                     );

     

       259
       259
       +
                   }

     

       204
       260
        
                 }

     

       205
       261
        
       

     

       206
       262
        
                 final post = posts[index];