diff --git a/sojorn_app/lib/screens/post/threaded_conversation_screen.dart b/sojorn_app/lib/screens/post/threaded_conversation_screen.dart index a9ad5e0..ffd575f 100644 --- a/sojorn_app/lib/screens/post/threaded_conversation_screen.dart +++ b/sojorn_app/lib/screens/post/threaded_conversation_screen.dart @@ -732,32 +732,26 @@ class _ThreadedConversationScreenState extends ConsumerState _navigateToPost(post.id), - borderRadius: BorderRadius.circular(16), + borderRadius: BorderRadius.circular(12), child: Padding( - padding: const EdgeInsets.all(16), + padding: const EdgeInsets.all(12), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ // Reply header with menu button Row( children: [ - _buildCompactAvatar(post), - const SizedBox(width: 12), + Container( + width: 24, + height: 24, + decoration: BoxDecoration( + color: AppTheme.brightNavy.withValues(alpha: 0.1), + borderRadius: BorderRadius.circular(6), + ), + child: Center( + child: Text( + (post.author?.displayName?.isNotEmpty == true) + ? post.author!.displayName.characters.first.toUpperCase() + : 'A', + style: GoogleFonts.inter( + color: AppTheme.brightNavy, + fontSize: 10, + fontWeight: FontWeight.w700, + ), + ), + ), + ), + const SizedBox(width: 8), Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, @@ -806,15 +818,17 @@ class _ThreadedConversationScreenState extends ConsumerState _toggleReaction(post.id, emoji), - onAdd: () => _openReactionPicker(post.id), - ), + // Compact reactions display + if (_reactionCountsFor(post).isNotEmpty) ...[ + Icon( + Icons.favorite_border, + size: 12, + color: AppTheme.textSecondary, + ), + const SizedBox(width: 4), + Text( + '${_reactionCountsFor(post).values.reduce((a, b) => a + b)}', + style: GoogleFonts.inter( + color: AppTheme.textSecondary, + fontSize: 10, + ), + ), + ], const Spacer(), Container( - padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4), + padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2), decoration: BoxDecoration( color: AppTheme.brightNavy.withValues(alpha: 0.1), - borderRadius: BorderRadius.circular(12), + borderRadius: BorderRadius.circular(8), ), child: Text( - 'View Thread', + 'View', style: GoogleFonts.inter( color: AppTheme.brightNavy, - fontSize: 11, + fontSize: 9, fontWeight: FontWeight.w600, ), ), @@ -881,9 +906,9 @@ class _ThreadedConversationScreenState extends ConsumerState