♻️ Improved new notifcation style

2026-01-15 01:04:15 +08:00
parent d639df7623
commit 476da28b5e
11 changed files with 414 additions and 75 deletions
--- a/lib/widgets/notification_overlay.dart
+++ b/lib/widgets/notification_overlay.dart
@@ -0,0 +1,75 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:island/pods/notification.dart';
+import 'package:island/services/responsive.dart';
+import 'package:island/widgets/notification_item.dart';
+
+class NotificationOverlay extends HookConsumerWidget {
+  const NotificationOverlay({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final notifications = ref.watch(notificationStateProvider);
+    final isDesktop = isWideScreen(context);
+    final safeTop = MediaQuery.of(context).padding.top;
+
+    if (notifications.isEmpty) {
+      return const SizedBox.shrink();
+    }
+
+    if (isDesktop) {
+      return Positioned(
+        top: safeTop + 16,
+        right: 16,
+        left: null,
+        bottom: null,
+        width: 420,
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.start,
+          crossAxisAlignment: CrossAxisAlignment.end,
+          mainAxisSize: MainAxisSize.min,
+          children: notifications.reversed.toList().asMap().entries.map((
+            entry,
+          ) {
+            final item = entry.value;
+            return Padding(
+              padding: const EdgeInsets.only(bottom: 12),
+              child: NotificationItemWidget(
+                item: item,
+                isDesktop: true,
+                onDismiss: () {
+                  ref.read(notificationStateProvider.notifier).remove(item.id);
+                },
+              ),
+            );
+          }).toList(),
+        ),
+      );
+    } else {
+      return Positioned(
+        top: safeTop + 12,
+        left: 16,
+        right: 16,
+        bottom: null,
+        child: Stack(
+          children: notifications.asMap().entries.map((entry) {
+            final index = entry.key;
+            final item = entry.value;
+            return Positioned(
+              top: index * 12.0,
+              left: 0,
+              right: 0,
+              child: NotificationItemWidget(
+                item: item,
+                isDesktop: false,
+                onDismiss: () {
+                  ref.read(notificationStateProvider.notifier).remove(item.id);
+                },
+              ),
+            );
+          }).toList(),
+        ),
+      );
+    }
+  }
+}