sojorn/sojorn_app/lib/widgets/sojorn_snackbar.dart
Patrick Britton 3c4680bdd7 Initial commit: Complete threaded conversation system with inline replies
**Major Features Added:**
- **Inline Reply System**: Replace compose screen with inline reply boxes
- **Thread Navigation**: Parent/child navigation with jump functionality
- **Chain Flow UI**: Reply counts, expand/collapse animations, visual hierarchy
- **Enhanced Animations**: Smooth transitions, hover effects, micro-interactions

 **Frontend Changes:**
- **ThreadedCommentWidget**: Complete rewrite with animations and navigation
- **ThreadNode Model**: Added parent references and descendant counting
- **ThreadedConversationScreen**: Integrated navigation handlers
- **PostDetailScreen**: Replaced with threaded conversation view
- **ComposeScreen**: Added reply indicators and context
- **PostActions**: Fixed visibility checks for chain buttons

 **Backend Changes:**
- **API Route**: Added /posts/:id/thread endpoint
- **Post Repository**: Include allow_chain and visibility fields in feed
- **Thread Handler**: Support for fetching post chains

 **UI/UX Improvements:**
- **Reply Context**: Clear indication when replying to specific posts
- **Character Counting**: 500 character limit with live counter
- **Visual Hierarchy**: Depth-based indentation and styling
- **Smooth Animations**: SizeTransition, FadeTransition, hover states
- **Chain Navigation**: Parent/child buttons with visual feedback

 **Technical Enhancements:**
- **Animation Controllers**: Proper lifecycle management
- **State Management**: Clean separation of concerns
- **Navigation Callbacks**: Reusable navigation system
- **Error Handling**: Graceful fallbacks and user feedback

This creates a Reddit-style threaded conversation experience with smooth
animations, inline replies, and intuitive navigation between posts in a chain.
2026-01-30 07:40:19 -06:00

155 lines
4.4 KiB
Dart

import 'package:flutter/material.dart';
import '../theme/app_theme.dart';
/// Custom snackbar enforcing sojorn's visual system
class sojornSnackbar {
/// Show a default snackbar
static void show({
required BuildContext context,
required String message,
Duration duration = const Duration(seconds: 3),
SnackBarAction? action,
}) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(
message,
style: AppTheme.bodyMedium.copyWith(color: AppTheme.white),
),
duration: duration,
behavior: SnackBarBehavior.floating,
backgroundColor: AppTheme.navyBlue,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
margin: const EdgeInsets.all(AppTheme.spacingMd),
action: action,
),
);
}
/// Show a success snackbar
static void showSuccess({
required BuildContext context,
required String message,
Duration duration = const Duration(seconds: 3),
}) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Row(
children: [
const Icon(Icons.check_circle, color: AppTheme.white, size: 20),
const SizedBox(width: AppTheme.spacingSm),
Expanded(
child: Text(
message,
style: AppTheme.bodyMedium.copyWith(color: AppTheme.white),
),
),
],
),
duration: duration,
behavior: SnackBarBehavior.floating,
backgroundColor: AppTheme.success,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
margin: const EdgeInsets.all(AppTheme.spacingMd),
),
);
}
/// Show an error snackbar
static void showError({
required BuildContext context,
required String message,
Duration duration = const Duration(seconds: 4),
}) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Row(
children: [
const Icon(Icons.cancel, color: AppTheme.white, size: 20),
const SizedBox(width: AppTheme.spacingSm),
Expanded(
child: Text(
message,
style: AppTheme.bodyMedium.copyWith(color: AppTheme.white),
),
),
],
),
duration: duration,
behavior: SnackBarBehavior.floating,
backgroundColor: AppTheme.error,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
margin: const EdgeInsets.all(AppTheme.spacingMd),
),
);
}
/// Show a warning snackbar
static void showWarning({
required BuildContext context,
required String message,
Duration duration = const Duration(seconds: 3),
}) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Row(
children: [
const Icon(Icons.warning, color: AppTheme.white, size: 20),
const SizedBox(width: AppTheme.spacingSm),
Expanded(
child: Text(
message,
style: AppTheme.bodyMedium.copyWith(color: AppTheme.white),
),
),
],
),
duration: duration,
behavior: SnackBarBehavior.floating,
backgroundColor: AppTheme.warning,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
margin: const EdgeInsets.all(AppTheme.spacingMd),
),
);
}
/// Show an info snackbar
static void showInfo({
required BuildContext context,
required String message,
Duration duration = const Duration(seconds: 3),
}) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Row(
children: [
const Icon(Icons.info, color: AppTheme.white, size: 20),
const SizedBox(width: AppTheme.spacingSm),
Expanded(
child: Text(
message,
style: AppTheme.bodyMedium.copyWith(color: AppTheme.white),
),
),
],
),
duration: duration,
behavior: SnackBarBehavior.floating,
backgroundColor: AppTheme.info,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
margin: const EdgeInsets.all(AppTheme.spacingMd),
),
);
}
}