v1 release

lib/presentation/widgets/message/message_tile.dart

@@ -0,0 +1,77 @@
+import "package:auto_route/auto_route.dart";
+import "package:flutter/material.dart";
+
+import "package:flash_mail/data/models/message/message.dart";
+import "package:flash_mail/presentation/routes/app_router.gr.dart";
+import "package:flash_mail/shared/utils/random_color.dart";
+
+class MessageTile extends StatefulWidget {
+  final TMMessage message;
+
+  const MessageTile({super.key, required this.message});
+
+  @override
+  State<MessageTile> createState() => _MessageTileState();
+}
+
+class _MessageTileState extends State<MessageTile> {
+  late Color randomColor;
+
+  @override
+  void initState() {
+    super.initState();
+    randomColor = getRandomColor();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ListTile(
+      splashColor: const Color.fromRGBO(40, 70, 100, 1),
+      focusColor: const Color.fromRGBO(22, 39, 56, 1),
+      onTap: () => AutoRouter.of(context).push(
+        MessageDetailRoute(
+          id: widget.message.id,
+          subject: widget.message.subject,
+        ),
+      ),
+      leading: CircleAvatar(
+        radius: 25,
+        backgroundColor: randomColor,
+        child: Text(
+          widget.message.from["name"]!.toUpperCase()[0],
+          style: Theme.of(context).textTheme.bodyLarge!.copyWith(
+                color: Colors.black,
+                fontWeight: FontWeight.w500,
+              ),
+        ),
+      ),
+      title: Text(
+        widget.message.from["name"] as String,
+        style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+              fontWeight:
+                  widget.message.seen ? FontWeight.w500 : FontWeight.bold,
+            ),
+      ),
+      subtitle: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text(
+            widget.message.subject,
+            overflow: TextOverflow.ellipsis,
+            style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                  fontWeight:
+                      widget.message.seen ? FontWeight.w300 : FontWeight.w500,
+                ),
+          ),
+          Text(
+            widget.message.intro ?? widget.message.subject,
+            overflow: TextOverflow.ellipsis,
+            style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                  color: const Color.fromRGBO(193, 203, 213, 1),
+                ),
+          )
+        ],
+      ),
+    );
+  }
+}