127 lines
5.1 KiB
Dart
127 lines
5.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:intl/intl.dart';
|
|
import '../../providers/notification_provider.dart';
|
|
import '../../widgets/loading_indicator.dart';
|
|
import '../../widgets/empty_state.dart';
|
|
import '../../core/theme/app_theme.dart';
|
|
|
|
class NotificationsScreen extends ConsumerStatefulWidget {
|
|
const NotificationsScreen({super.key});
|
|
|
|
@override
|
|
ConsumerState<NotificationsScreen> createState() =>
|
|
_NotificationsScreenState();
|
|
}
|
|
|
|
class _NotificationsScreenState extends ConsumerState<NotificationsScreen> {
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
Future.microtask(
|
|
() => ref.read(notificationProvider.notifier).loadNotifications());
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final state = ref.watch(notificationProvider);
|
|
final notifier = ref.read(notificationProvider.notifier);
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('Уведомления'),
|
|
actions: [
|
|
if (state.unreadCount > 0)
|
|
TextButton(
|
|
onPressed: notifier.markAllAsRead,
|
|
child: const Text('Прочитать все'),
|
|
),
|
|
],
|
|
),
|
|
body: state.isLoading
|
|
? const LoadingIndicator()
|
|
: state.notifications.isEmpty
|
|
? const EmptyState(
|
|
icon: Icons.notifications_none,
|
|
title: 'Нет уведомлений',
|
|
)
|
|
: RefreshIndicator(
|
|
onRefresh: notifier.loadNotifications,
|
|
child: ListView.builder(
|
|
padding: const EdgeInsets.all(16),
|
|
itemCount: state.notifications.length,
|
|
itemBuilder: (_, i) {
|
|
final n = state.notifications[i];
|
|
return Dismissible(
|
|
key: Key(n.id),
|
|
direction: DismissDirection.endToStart,
|
|
onDismissed: (_) => notifier.markAsRead(n.id),
|
|
background: Container(
|
|
alignment: Alignment.centerRight,
|
|
padding: const EdgeInsets.only(right: 16),
|
|
color: VoIdeaColors.primary,
|
|
child: const Icon(Icons.check, color: Colors.white),
|
|
),
|
|
child: Card(
|
|
margin: const EdgeInsets.only(bottom: 8),
|
|
color: n.isRead ? null : VoIdeaColors.primary.withOpacity(0.03),
|
|
child: ListTile(
|
|
leading: CircleAvatar(
|
|
radius: 18,
|
|
backgroundColor: n.isRead
|
|
? VoIdeaColors.muted.withOpacity(0.1)
|
|
: VoIdeaColors.primary.withOpacity(0.1),
|
|
child: Icon(
|
|
n.isRead
|
|
? Icons.notifications_none
|
|
: Icons.notifications_active,
|
|
size: 20,
|
|
color: n.isRead
|
|
? VoIdeaColors.muted
|
|
: VoIdeaColors.primary,
|
|
),
|
|
),
|
|
title: Text(
|
|
n.title,
|
|
style: TextStyle(
|
|
fontWeight: n.isRead
|
|
? FontWeight.normal
|
|
: FontWeight.w600,
|
|
fontSize: 14,
|
|
),
|
|
),
|
|
subtitle: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(n.body,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(fontSize: 12)),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
DateFormat('d MMM HH:mm')
|
|
.format(n.createdAt),
|
|
style: TextStyle(
|
|
fontSize: 11,
|
|
color: VoIdeaColors.muted,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
onTap: () {
|
|
if (!n.isRead) notifier.markAsRead(n.id);
|
|
if (n.ideaId != null) {
|
|
context.push('/ideas/${n.ideaId}');
|
|
}
|
|
},
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|