electria/nexus
Watch
1
0
Fork
You've already forked nexus
 0
forked from Nexus/nexus
Code Pull requests Activity

make highlights work better for Notifications page

Browse source
This commit is contained in:
Henry Hiles 2026-09-12 09:52:01 -04:00
commit e21c9e8c22
Signed by: Henry-Hiles
SSH key fingerprint: SHA256:VKQUdS31Q90KvX7EkKMHMBpUspcmItAh86a+v7PGiIs
2 changed files with 43 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
lib/controllers/notification.dart
View file

@ -34,7 +34,7 @@ class NotificationController
Navigator.of(context).push(
MaterialPageRoute(
builder: (_) => NotificationsPage(
eventId: eventId,
highlightedEventId: eventId,
defaultToAllNotifications: true,
),
),

45
lib/pages/notifications.dart
View file

@ -1,3 +1,5 @@
import "dart:async";
import "package:m3e_buttons/m3e_buttons.dart";
import "package:material_ui/material_ui.dart";
import "package:flutter_hooks/flutter_hooks.dart";
@ -12,7 +14,7 @@ import "package:nexus/widgets/renderers/event.dart";
import "package:super_sliver_list/super_sliver_list.dart";
class const NotificationsPage({
final String? eventId,
final String? highlightedEventId,
final bool defaultToAllNotifications = false,
super.key,
}) extends HookConsumerWidget {
@ -30,6 +32,10 @@ class const NotificationsPage({
};
final unreadTypeIndex = useState(defaultToAllNotifications ? 1 : 0);
final highlightedId = useState(highlightedEventId);
final listController = useRef(ListController());
final scrollController = useScrollController();
final provider = NotificationsController.provider((
options.values.toList()[unreadTypeIndex.value],
null,
@ -37,7 +43,38 @@ class const NotificationsPage({
final notifications = ref.watch(provider);
final notifier = ref.watch(provider.notifier);
final scrollController = useScrollController();
useEffect(() {
if (highlightedId.value == null) return null;
Timer? timer;
void listener() =>
WidgetsBinding.instance.addPostFrameCallback((_) async {
if (!listController.value.isAttached) return;
final notifications = await ref.watch(provider.future);
final index = notifications.indexWhere(
(element) => element.eventId == highlightedId.value!,
);
if (index == -1) return;
listController.value.animateToItem(
index: index,
scrollController: scrollController,
alignment: 0.5,
duration: (_) => .new(milliseconds: 700),
curve: (_) => Curves.easeInOut,
);
timer = Timer(.new(seconds: 1), () {
highlightedId.value = null;
});
listController.value.removeListener(listener);
});
listController.value.addListener(listener);
return timer?.cancel;
}, []);
useEffect(() {
Future<void> listener() async {
@ -72,6 +109,7 @@ class const NotificationsPage({
),
)
: SuperListView.builder(
listController: listController.value,
controller: scrollController,
itemCount: value.length,
padding: const EdgeInsets.symmetric(
@ -81,7 +119,8 @@ class const NotificationsPage({
reverse: true,
itemBuilder: (context, index) {
final event = value[index];
final isHighlighted = event.eventId == eventId;
final isHighlighted =
event.eventId == highlightedId.value;
return Padding(
padding: .only(top: 8),