feat: put in snackbar

packages/flutter_notification_center/example/lib/main.dart

@@ -1,4 +1,5 @@
 import 'package:example/custom_notification.dart';
+import 'package:flutter_notification_center/src/notification_dialog.dart';
 import 'package:firebase_auth/firebase_auth.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -55,9 +56,19 @@ class _NotificationCenterDemoState extends State<NotificationCenterDemo> {
   Widget build(BuildContext context) {
     var service = FirebaseNotificationService(
       newNotificationCallback: (notification) {
-        showDialog(
+        ScaffoldMessenger.of(context).showSnackBar(NotificationSnackbarWidget(
-            context: context,
+          title: notification.title,
-            builder: (context) => Dialog(child: Text(notification.title)));
+          body: notification.body,
+          datetimePublished: DateTime.now(),
+        ));
+
+        // showDialog(
+        //   context: context,
+        //   builder: (context) => NotificationDialog(
+        //       title: notification.title,
+        //       body: notification.body,
+        //       datetimePublished: notification.dateTimePushed),
+        // );
         debugPrint('New notification: ${notification.title}');
       },
     );

packages/flutter_notification_center/lib/flutter_notification_center.dart

@@ -7,6 +7,8 @@ export "src/models/notification_config.dart";
 export "src/models/notification_theme.dart";
 export "src/models/notification_translation.dart";
 export "src/notification_bell.dart";
+export "src/notification_dialog.dart";
+export "src/notification_snackbar.dart";
 export "src/notification_detail.dart";
 export "src/notification_bell_story.dart";
 export "src/notification_center.dart";

packages/flutter_notification_center/lib/src/notification_dialog.dart

@@ -0,0 +1,68 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+
+class NotificationDialog extends StatelessWidget {
+  final String title;
+  final String body;
+  final DateTime? datetimePublished;
+
+  const NotificationDialog({
+    super.key,
+    required this.title,
+    required this.body,
+    this.datetimePublished,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    String formattedDateTime = datetimePublished != null
+        ? DateFormat('dd MMM HH:mm').format(datetimePublished!)
+        : 'N/A';
+
+    return AlertDialog(
+      title: Text(
+        title,
+        style: const TextStyle(
+          fontSize: 20.0,
+          fontWeight: FontWeight.bold,
+          color: Colors.black,
+        ),
+      ),
+      content: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          const SizedBox(height: 4),
+          Text(
+            body,
+            style: const TextStyle(
+              fontSize: 16.0,
+              color: Colors.black,
+            ),
+          ),
+          const SizedBox(height: 8),
+          Text(
+            formattedDateTime,
+            style: const TextStyle(
+              fontSize: 16.0,
+              color: Colors.black,
+            ),
+          ),
+        ],
+      ),
+      actions: <Widget>[
+        TextButton(
+          onPressed: () {
+            Navigator.of(context).pop();
+          },
+          child: const Text(
+            'Dismiss',
+            style: TextStyle(
+              color: Colors.red,
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}

packages/flutter_notification_center/lib/src/notification_snackbar.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+
+class NotificationSnackbarWidget extends SnackBar {
+  NotificationSnackbarWidget({
+    super.key,
+    required String title,
+    required String body,
+    DateTime? datetimePublished,
+  }) : super(
+          content: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                title,
+                style: const TextStyle(
+                  fontSize: 20.0,
+                  color: Colors.white,
+                ),
+              ),
+              const SizedBox(height: 4),
+              Text(
+                body,
+                style: const TextStyle(
+                  fontSize: 16.0,
+                  color: Colors.white,
+                ),
+              ),
+              const SizedBox(height: 4),
+              Text(
+                datetimePublished != null
+                    ? DateFormat('dd MMM HH:mm').format(datetimePublished)
+                    : 'N/A',
+                style: const TextStyle(
+                  fontSize: 12.0,
+                  color: Colors.white,
+                ),
+              ),
+            ],
+          ),
+          backgroundColor: Colors.grey.shade700,
+          duration: const Duration(seconds: 8),
+          action: SnackBarAction(
+            label: 'Dismiss',
+            onPressed: () {},
+            textColor: Colors.white,
+          ),
+        );
+}