commit 13887158364e7ca3539b19fb4ba783e4d1dd1208 · bretton.dev/coves-mobile

+52 -162

lib/widgets/post_card.dart

···

       1
        
       import 'package:cached_network_image/cached_network_image.dart';

     

       2
        
       import 'package:flutter/foundation.dart';

     

       3
        
       import 'package:flutter/material.dart';

     

       4
       -
       import 'package:flutter/services.dart';

     

       5
       -
       import 'package:provider/provider.dart';

     

       6
        
       

     

       7
        
       import '../constants/app_colors.dart';

     

       8
        
       import '../models/post.dart';

     

       9
       -
       import '../providers/auth_provider.dart';

     

       10
       -
       import '../providers/vote_provider.dart';

     

       11
        
       import '../utils/date_time_utils.dart';

     

       12
       -
       import 'icons/animated_heart_icon.dart';

     

       13
       -
       import 'icons/reply_icon.dart';

     

       14
       -
       import 'icons/share_icon.dart';

     

       15
       -
       import 'sign_in_dialog.dart';

     

       16
        
       

     

       17
        
       /// Post card widget for displaying feed posts

     

       18
        
       ///

     
···

       48
        
                   // Community and author info

     

       49
        
                   Row(

     

       50
        
                     children: [

     

       51
       -
                       // Community avatar placeholder

     

       52
       -
                       Container(

     

       53
       -
                         width: 24,

     

       54
       -
                         height: 24,

     

       55
       -
                         decoration: BoxDecoration(

     

       56
       -
                           color: AppColors.primary,

     

       57
       -
                           borderRadius: BorderRadius.circular(4),

     

       58
       -
                         ),

     

       59
       -
                         child: Center(

     

       60
       -
                           child: Text(

     

       61
       -
                             post.post.community.name[0].toUpperCase(),

     

       62
       -
                             style: const TextStyle(

     

       63
       -
                               color: AppColors.textPrimary,

     

       64
       -
                               fontSize: 12,

     

       65
       -
                               fontWeight: FontWeight.bold,

     

       66
       -
                             ),

     

       67
       -
                           ),

     

       68
       -
                         ),

     

       69
       -
                       ),

     

       70
        
                       const SizedBox(width: 8),

     

       71
        
                       Expanded(

     

       72
        
                         child: Column(

     
···

       150
        
                     ),

     

       151
        
                   ],

     

       152
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       153
        
                   // Reduced spacing before action buttons

     

       154
        
                   const SizedBox(height: 4),

     

       155
        
       

     

       156
        
                   // Action buttons row

     

       157
       -
                   Row(

     

       158
       -
                     mainAxisAlignment: MainAxisAlignment.end,

     

       159
       -
                     children: [

     

       160
       -
                       // Share button

     

       161
       -
                       InkWell(

     

       162
       -
                         onTap: () {

     

       163
       -
                           // TODO: Handle share interaction with backend

     

       164
       -
                           if (kDebugMode) {

     

       165
       -
                             debugPrint('Share button tapped for post');

     

       166
       -
                           }

     

       167
       -
                         },

     

       168
       -
                         child: Padding(

     

       169
       -
                           // Increased padding for better touch targets

     

       170
       -
                           padding: const EdgeInsets.symmetric(

     

       171
       -
                             horizontal: 12,

     

       172
       -
                             vertical: 10,

     

       173
       -
                           ),

     

       174
       -
                           child: ShareIcon(

     

       175
       -
                             color: AppColors.textPrimary.withValues(alpha: 0.6),

     

       176
       -
                           ),

     

       177
       -
                         ),

     

       178
       -
                       ),

     

       179
       -
                       const SizedBox(width: 8),

     

       180
       -
       

     

       181
       -
                       // Comment button

     

       182
       -
                       InkWell(

     

       183
       -
                         onTap: () {

     

       184
       -
                           // TODO: Navigate to post detail/comments screen

     

       185
       -
                           if (kDebugMode) {

     

       186
       -
                             debugPrint('Comment button tapped for post');

     

       187
       -
                           }

     

       188
       -
                         },

     

       189
       -
                         child: Padding(

     

       190
       -
                           // Increased padding for better touch targets

     

       191
       -
                           padding: const EdgeInsets.symmetric(

     

       192
       -
                             horizontal: 12,

     

       193
       -
                             vertical: 10,

     

       194
       -
                           ),

     

       195
       -
                           child: Row(

     

       196
       -
                             mainAxisSize: MainAxisSize.min,

     

       197
       -
                             children: [

     

       198
       -
                               ReplyIcon(

     

       199
       -
                                 color: AppColors.textPrimary.withValues(alpha: 0.6),

     

       200
       -
                               ),

     

       201
       -
                               const SizedBox(width: 5),

     

       202
       -
                               Text(

     

       203
       -
                                 DateTimeUtils.formatCount(

     

       204
       -
                                   post.post.stats.commentCount,

     

       205
       -
                                 ),

     

       206
       -
                                 style: TextStyle(

     

       207
       -
                                   color: AppColors.textPrimary.withValues(alpha: 0.6),

     

       208
       -
                                   fontSize: 13,

     

       209
       -
                                 ),

     

       210
       -
                               ),

     

       211
       -
                             ],

     

       212
       -
                           ),

     

       213
       -
                         ),

     

       214
       -
                       ),

     

       215
       -
                       const SizedBox(width: 8),

     

       216
       -
       

     

       217
       -
                       // Heart button

     

       218
       -
                       Consumer<VoteProvider>(

     

       219
       -
                         builder: (context, voteProvider, child) {

     

       220
       -
                           final isLiked = voteProvider.isLiked(post.post.uri);

     

       221
       -
                           final adjustedScore = voteProvider.getAdjustedScore(

     

       222
       -
                             post.post.uri,

     

       223
       -
                             post.post.stats.score,

     

       224
       -
                           );

     

       225
       -
       

     

       226
       -
                           return InkWell(

     

       227
       -
                             onTap: () async {

     

       228
       -
                               // Check authentication

     

       229
       -
                               final authProvider = context.read<AuthProvider>();

     

       230
       -
                               if (!authProvider.isAuthenticated) {

     

       231
       -
                                 // Show sign-in dialog

     

       232
       -
                                 final shouldSignIn = await SignInDialog.show(

     

       233
       -
                                   context,

     

       234
       -
                                   message: 'You need to sign in to like posts.',

     

       235
       -
                                 );

     

       236
        
       

     

       237
       -
                                 if ((shouldSignIn ?? false) && context.mounted) {

     

       238
       -
                                   // TODO: Navigate to sign-in screen

     

       239
       -
                                   if (kDebugMode) {

     

       240
       -
                                     debugPrint('Navigate to sign-in screen');

     

       241
       -
                                   }

     

       242
       -
                                 }

     

       243
       -
                                 return;

     

       244
       -
                               }

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       245
        
       

     

       246
       -
                               // Light haptic feedback on both like and unlike

     

       247
       -
                               await HapticFeedback.lightImpact();

     

       0
        
       
     

       248
        
       

     

       249
       -
                               // Toggle vote with optimistic update

     

       250
       -
                               try {

     

       251
       -
                                 await voteProvider.toggleVote(

     

       252
       -
                                   postUri: post.post.uri,

     

       253
       -
                                   postCid: post.post.cid,

     

       254
       -
                                 );

     

       255
       -
                               } on Exception catch (e) {

     

       256
       -
                                 if (kDebugMode) {

     

       257
       -
                                   debugPrint('Failed to toggle vote: $e');

     

       258
       -
                                 }

     

       259
       -
                                 // TODO: Show error snackbar

     

       260
       -
                               }

     

       261
       -
                             },

     

       262
       -
                             child: Padding(

     

       263
       -
                               // Increased padding for better touch targets

     

       264
       -
                               padding: const EdgeInsets.symmetric(

     

       265
       -
                                 horizontal: 12,

     

       266
       -
                                 vertical: 10,

     

       267
       -
                               ),

     

       268
       -
                               child: Row(

     

       269
       -
                                 mainAxisSize: MainAxisSize.min,

     

       270
       -
                                 children: [

     

       271
       -
                                   AnimatedHeartIcon(

     

       272
       -
                                     isLiked: isLiked,

     

       273
       -
                                     color: AppColors.textPrimary

     

       274
       -
                                         .withValues(alpha: 0.6),

     

       275
       -
                                     likedColor: const Color(0xFFFF0033),

     

       276
       -
                                   ),

     

       277
       -
                                   const SizedBox(width: 5),

     

       278
       -
                                   Text(

     

       279
       -
                                     DateTimeUtils.formatCount(adjustedScore),

     

       280
       -
                                     style: TextStyle(

     

       281
       -
                                       color: AppColors.textPrimary

     

       282
       -
                                           .withValues(alpha: 0.6),

     

       283
       -
                                       fontSize: 13,

     

       284
       -
                                     ),

     

       285
       -
                                   ),

     

       286
       -
                                 ],

     

       287
       -
                               ),

     

       288
       -
                             ),

     

       289
       -
                           );

     

       290
       -
                         },

     

       291
       -
                       ),

     

       292
       -
                     ],

     

       293
       -
                   ),

     

       294
       -
                 ],

     

       295
        
               ),

     

       296
        
             ),

     

       297
        
           );

···

       1
        
       import 'package:cached_network_image/cached_network_image.dart';

     

       2
        
       import 'package:flutter/foundation.dart';

     

       3
        
       import 'package:flutter/material.dart';

     

       0
        
       
     

       0
        
       
     

       4
        
       

     

       5
        
       import '../constants/app_colors.dart';

     

       6
        
       import '../models/post.dart';

     

       0
        
       
     

       0
        
       
     

       7
        
       import '../utils/date_time_utils.dart';

     

       8
       +
       import 'external_link_bar.dart';

     

       9
       +
       import 'post_card_actions.dart';

     

       0
        
       
     

       0
        
       
     

       10
        
       

     

       11
        
       /// Post card widget for displaying feed posts

     

       12
        
       ///

     
···

       42
        
                   // Community and author info

     

       43
        
                   Row(

     

       44
        
                     children: [

     

       45
       +
                       // Community avatar

     

       46
       +
                       _buildCommunityAvatar(post.post.community),

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       47
        
                       const SizedBox(width: 8),

     

       48
        
                       Expanded(

     

       49
        
                         child: Column(

     
···

       127
        
                     ),

     

       128
        
                   ],

     

       129
        
       

     

       130
       +
                   // External link (if present)

     

       131
       +
                   if (post.post.embed?.external != null) ...[

     

       132
       +
                     const SizedBox(height: 8),

     

       133
       +
                     ExternalLinkBar(embed: post.post.embed!.external!),

     

       134
       +
                   ],

     

       135
       +
       

     

       136
        
                   // Reduced spacing before action buttons

     

       137
        
                   const SizedBox(height: 4),

     

       138
        
       

     

       139
        
                   // Action buttons row

     

       140
       +
                   PostCardActions(post: post),

     

       141
       +
                 ],

     

       142
       +
               ),

     

       143
       +
             ),

     

       144
       +
           );

     

       145
       +
         }

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       146
        
       

     

       147
       +
         /// Builds the community avatar widget

     

       148
       +
         Widget _buildCommunityAvatar(CommunityRef community) {

     

       149
       +
           if (community.avatar != null && community.avatar!.isNotEmpty) {

     

       150
       +
             // Show real community avatar

     

       151
       +
             return ClipRRect(

     

       152
       +
               borderRadius: BorderRadius.circular(4),

     

       153
       +
               child: CachedNetworkImage(

     

       154
       +
                 imageUrl: community.avatar!,

     

       155
       +
                 width: 24,

     

       156
       +
                 height: 24,

     

       157
       +
                 fit: BoxFit.cover,

     

       158
       +
                 placeholder: (context, url) => _buildFallbackAvatar(community),

     

       159
       +
                 errorWidget: (context, url, error) => _buildFallbackAvatar(community),

     

       160
       +
               ),

     

       161
       +
             );

     

       162
       +
           }

     

       163
        
       

     

       164
       +
           // Fallback to letter placeholder

     

       165
       +
           return _buildFallbackAvatar(community);

     

       166
       +
         }

     

       167
        
       

     

       168
       +
         /// Builds a fallback avatar with the first letter of community name

     

       169
       +
         Widget _buildFallbackAvatar(CommunityRef community) {

     

       170
       +
           return Container(

     

       171
       +
             width: 24,

     

       172
       +
             height: 24,

     

       173
       +
             decoration: BoxDecoration(

     

       174
       +
               color: AppColors.primary,

     

       175
       +
               borderRadius: BorderRadius.circular(4),

     

       176
       +
             ),

     

       177
       +
             child: Center(

     

       178
       +
               child: Text(

     

       179
       +
                 community.name[0].toUpperCase(),

     

       180
       +
                 style: const TextStyle(

     

       181
       +
                   color: AppColors.textPrimary,

     

       182
       +
                   fontSize: 12,

     

       183
       +
                   fontWeight: FontWeight.bold,

     

       184
       +
                 ),

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       185
        
               ),

     

       186
        
             ),

     

       187
        
           );