✨ Notification links

lib/models/notification.dart

@@ -0,0 +1,79 @@
+class Notification {
+  int id;
+  DateTime createdAt;
+  DateTime updatedAt;
+  DateTime? deletedAt;
+  String subject;
+  String content;
+  List<Link>? links;
+  bool isImportant;
+  DateTime? readAt;
+  int senderId;
+  int recipientId;
+
+  Notification({
+    required this.id,
+    required this.createdAt,
+    required this.updatedAt,
+    this.deletedAt,
+    required this.subject,
+    required this.content,
+    this.links,
+    required this.isImportant,
+    this.readAt,
+    required this.senderId,
+    required this.recipientId,
+  });
+
+  factory Notification.fromJson(Map<String, dynamic> json) => Notification(
+        id: json["id"],
+        createdAt: DateTime.parse(json["created_at"]),
+        updatedAt: DateTime.parse(json["updated_at"]),
+        deletedAt: json["deleted_at"],
+        subject: json["subject"],
+        content: json["content"],
+        links: json["links"] != null
+            ? List<Link>.from(json["links"].map((x) => Link.fromJson(x)))
+            : List.empty(),
+        isImportant: json["is_important"],
+        readAt: json["read_at"],
+        senderId: json["sender_id"],
+        recipientId: json["recipient_id"],
+      );
+
+  Map<String, dynamic> toJson() => {
+        "id": id,
+        "created_at": createdAt.toIso8601String(),
+        "updated_at": updatedAt.toIso8601String(),
+        "deleted_at": deletedAt,
+        "subject": subject,
+        "content": content,
+        "links": links != null
+            ? List<dynamic>.from(links!.map((x) => x.toJson()))
+            : List.empty(),
+        "is_important": isImportant,
+        "read_at": readAt,
+        "sender_id": senderId,
+        "recipient_id": recipientId,
+      };
+}
+
+class Link {
+  String label;
+  String url;
+
+  Link({
+    required this.label,
+    required this.url,
+  });
+
+  factory Link.fromJson(Map<String, dynamic> json) => Link(
+        label: json["label"],
+        url: json["url"],
+      );
+
+  Map<String, dynamic> toJson() => {
+        "label": label,
+        "url": url,
+      };
+}

lib/screens/notifications.dart

@@ -1,9 +1,10 @@
 import 'dart:convert';
 
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter/widgets.dart';
 import 'package:solaragent/auth.dart';
+import 'package:solaragent/models/notification.dart' as model;
+import 'package:solaragent/models/pagination.dart';
+import 'package:solaragent/widgets/notification.dart';
 
 class NotificationScreen extends StatefulWidget {
   const NotificationScreen({super.key});
@@ -13,9 +14,6 @@ class NotificationScreen extends StatefulWidget {
 }
 
 class _NotificationScreenState extends State<NotificationScreen> {
-  final notificationEndpoint =
-      Uri.parse('https://id.solsynth.dev/api/notifications?skip=0&take=25');
-
   List<dynamic> notifications = List.empty();
 
   @override
@@ -26,23 +24,21 @@ class _NotificationScreenState extends State<NotificationScreen> {
 
   Future<void> pullNotifications() async {
     if (await authClient.isAuthorized()) {
-      var res = await authClient.client!.get(notificationEndpoint);
+      var uri =
+          Uri.parse('https://id.solsynth.dev/api/notifications?skip=0&take=25');
+      var res = await authClient.client!.get(uri);
       if (res.statusCode == 200) {
+        final result =
+            PaginationResult.fromJson(jsonDecode(utf8.decode(res.bodyBytes)));
         setState(() {
-          notifications = jsonDecode(utf8.decode(res.bodyBytes))["data"];
+          notifications =
+              result.data?.map((x) => model.Notification.fromJson(x)).toList() ??
+                  List.empty();
         });
       }
     }
   }
 
-  Future<void> markAsRead(element) async {
-    if (authClient.client != null) {
-      var id = element['id'];
-      var uri = Uri.parse('https://id.solsynth.dev/api/notifications/$id/read');
-      await authClient.client!.put(uri);
-    }
-  }
-
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -67,7 +63,7 @@ class _NotificationScreenState extends State<NotificationScreen> {
                 ? SliverToBoxAdapter(
                     child: Container(
                       padding: const EdgeInsets.symmetric(horizontal: 10),
-                      color: Colors.grey[300],
+                      color: Colors.grey[50],
                       child: const ListTile(
                         leading: Icon(Icons.check),
                         title: Text('You\'re done!'),
@@ -81,42 +77,12 @@ class _NotificationScreenState extends State<NotificationScreen> {
                     itemCount: notifications.length,
                     itemBuilder: (BuildContext context, int index) {
                       var element = notifications[index];
-                      return Dismissible(
+                      return NotificationItem(
-                        key: Key('notification-$index'),
+                        index: index,
-                        onDismissed: (direction) {
+                        item: element,
-                          var subject = element["subject"];
+                        onDismiss: () => setState(() {
-                          markAsRead(element).then((value) {
+                          notifications.removeAt(index);
-                            ScaffoldMessenger.of(context).showSnackBar(
+                        }),
-                              SnackBar(
-                                content: RichText(
-                                  text: TextSpan(children: [
-                                    TextSpan(
-                                      text: subject,
-                                      style: const TextStyle(
-                                          fontWeight: FontWeight.bold),
-                                    ),
-                                    const TextSpan(
-                                      text: " is marked as read",
-                                    )
-                                  ]),
-                                ),
-                              ),
-                            );
-                          });
-                          setState(() {
-                            notifications.removeAt(index);
-                          });
-                        },
-                        background: Container(
-                          color: Colors.green,
-                        ),
-                        child: Container(
-                          padding: const EdgeInsets.symmetric(horizontal: 10),
-                          child: ListTile(
-                            title: Text(element["subject"]),
-                            subtitle: Text(element["content"]),
-                          ),
-                        ),
                       );
                     },
                   ),

lib/widgets/notification.dart

@@ -0,0 +1,94 @@
+import 'package:flutter/material.dart';
+import 'package:solaragent/models/notification.dart' as model;
+import 'package:solaragent/auth.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+class NotificationItem extends StatelessWidget {
+  final int index;
+  final model.Notification item;
+  final void Function()? onDismiss;
+
+  const NotificationItem(
+      {super.key, required this.index, required this.item, this.onDismiss});
+
+  bool hasLinks() => item.links != null && item.links!.isNotEmpty;
+
+  void showLinks(BuildContext context) {
+    if (!hasLinks()) return;
+
+    showModalBottomSheet<void>(
+      context: context,
+      builder: (BuildContext context) {
+        return ListView.builder(
+            padding: const EdgeInsets.all(8),
+            itemCount: item.links!.length,
+            itemBuilder: (BuildContext context, int index) {
+              var element = item.links![index];
+              return InkWell(
+                borderRadius: const BorderRadius.all(
+                  Radius.circular(64),
+                ),
+                onTap: () async {
+                  await launchUrl(Uri.parse(element.url));
+                },
+                child: ListTile(title: Text(element.label)),
+              );
+            });
+      },
+    );
+  }
+
+  Future<void> markAsRead(element) async {
+    if (authClient.client != null) {
+      var id = element['id'];
+      var uri = Uri.parse('https://id.solsynth.dev/api/notifications/$id/read');
+      await authClient.client!.put(uri);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Dismissible(
+      key: Key('notification-$index'),
+      onDismissed: (direction) {
+        markAsRead(item).then((value) {
+          ScaffoldMessenger.of(context).showSnackBar(
+            SnackBar(
+              content: RichText(
+                text: TextSpan(children: [
+                  TextSpan(
+                    text: item.subject,
+                    style: const TextStyle(fontWeight: FontWeight.bold),
+                  ),
+                  const TextSpan(
+                    text: " is marked as read",
+                  )
+                ]),
+              ),
+            ),
+          );
+        });
+        if (onDismiss != null) {
+          onDismiss!();
+        }
+      },
+      background: Container(
+        color: Colors.grey,
+      ),
+      child: Container(
+        padding: const EdgeInsets.only(left: 10),
+        child: ListTile(
+          title: Text(item.subject),
+          subtitle: Text(item.subject),
+          trailing: hasLinks()
+              ? TextButton(
+                  onPressed: () => showLinks(context),
+                  style: TextButton.styleFrom(shape: const CircleBorder()),
+                  child: const Icon(Icons.more_vert),
+                )
+              : null,
+        ),
+      ),
+    );
+  }
+}