✨ Post details

💄 Somewhere optimization

ios/Runner.xcodeproj/project.pbxproj

@@ -477,7 +477,7 @@
 				DEVELOPMENT_TEAM = W7HPZ53V6B;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
-				INFOPLIST_KEY_CFBundleDisplayName = SolarAgent;
+				INFOPLIST_KEY_CFBundleDisplayName = Solian;
 				INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.social-networking";
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
@@ -666,7 +666,7 @@
 				DEVELOPMENT_TEAM = W7HPZ53V6B;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
-				INFOPLIST_KEY_CFBundleDisplayName = SolarAgent;
+				INFOPLIST_KEY_CFBundleDisplayName = Solian;
 				INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.social-networking";
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
@@ -693,7 +693,7 @@
 				DEVELOPMENT_TEAM = W7HPZ53V6B;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
-				INFOPLIST_KEY_CFBundleDisplayName = SolarAgent;
+				INFOPLIST_KEY_CFBundleDisplayName = Solian;
 				INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.social-networking";
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",

lib/auth.dart

@@ -27,6 +27,7 @@ class AuthGuard {
   static const profileKey = "profiles";
 
   oauth2.Client? client;
+  DateTime? lastRefreshedAt;
 
   Future<bool> pickClient() async {
     if (await storage.containsKey(key: storageKey)) {
@@ -110,7 +111,13 @@ class AuthGuard {
     const storage = FlutterSecureStorage();
     if (await storage.containsKey(key: storageKey)) {
       if (client != null) {
-        await refreshToken();
+        if (lastRefreshedAt == null ||
+            lastRefreshedAt!
+                .add(const Duration(minutes: 3))
+                .isAfter(DateTime.now())) {
+          await refreshToken();
+          lastRefreshedAt = DateTime.now();
+        }
       }
       return true;
     } else {

lib/router.dart

@@ -3,6 +3,7 @@ import 'package:solaragent/models/feed.dart';
 import 'package:solaragent/screens/account.dart';
 import 'package:solaragent/screens/explore.dart';
 import 'package:solaragent/screens/notifications.dart';
+import 'package:solaragent/screens/posts/screen.dart';
 import 'package:solaragent/screens/publish/comment_editor.dart';
 import 'package:solaragent/screens/publish/moment_editor.dart';
 
@@ -20,14 +21,23 @@ final router = GoRouter(
       path: '/account',
       builder: (context, state) => const AccountScreen(),
     ),
+
     GoRoute(
-      path: '/post/moments',
+      path: '/post/new/moments',
       builder: (context, state) => const MomentEditorScreen(),
     ),
     GoRoute(
-      path: '/post/comments',
+      path: '/post/new/comments',
       builder: (context, state) =>
           CommentEditorScreen(parent: state.extra as Feed),
     ),
+
+    GoRoute(
+      path: '/post/:modelType/:alias',
+      builder: (context, state) => PostScreen(
+        modelType: state.pathParameters['modelType'] as String,
+        alias: state.pathParameters['alias'] as String,
+      ),
+    ),
   ],
 );

lib/screens/explore.dart

@@ -71,6 +71,7 @@ class _ExploreScreenState extends State<ExploreScreen> {
           builderDelegate: PagedChildBuilderDelegate<Feed>(
             itemBuilder: (context, item, index) => FeedItem(
               item: item,
+              brief: true,
             ),
           ),
         ),
@@ -82,7 +83,7 @@ class _ExploreScreenState extends State<ExploreScreen> {
               return FloatingActionButton(
                 child: const Icon(Icons.edit),
                 onPressed: () {
-                  router.push("/post/moments").then((value) {
+                  router.push("/post/new/moments").then((value) {
                     if (value == true) paginationController.refresh();
                   });
                 },

lib/screens/posts/screen.dart

@@ -0,0 +1,64 @@
+import 'dart:convert';
+
+import 'package:flutter/material.dart';
+import 'package:http/http.dart';
+import 'package:solaragent/models/feed.dart';
+import 'package:solaragent/widgets/feed.dart';
+
+class PostScreen extends StatefulWidget {
+  final Client client = Client();
+
+  final String modelType;
+  final String alias;
+
+  PostScreen({super.key, required this.modelType, required this.alias});
+
+  @override
+  State<PostScreen> createState() => _PostScreenState();
+}
+
+class _PostScreenState extends State<PostScreen> {
+  Future<Feed?> pullPost(BuildContext context) async {
+    var uri = Uri.parse(
+      "https://co.solsynth.dev/api/p/${widget.modelType}s/${widget.alias}",
+    );
+    var res = await widget.client.get(uri);
+    if (res.statusCode != 200) {
+      var err = utf8.decode(res.bodyBytes);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $err")),
+      );
+      return null;
+    } else {
+      return Feed.fromJson(jsonDecode(utf8.decode(res.bodyBytes)));
+    }
+  }
+
+  Widget buildItem(BuildContext context, Feed item) {
+    return FeedItem(
+      item: item,
+      brief: false,
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text("Post")),
+      body: FutureBuilder(
+        future: pullPost(context),
+        builder: (context, snapshot) {
+          if (snapshot.hasData && snapshot.data != null) {
+            return SingleChildScrollView(
+              child: buildItem(context, snapshot.data!),
+            );
+          } else {
+            return const Center(
+              child: CircularProgressIndicator(),
+            );
+          }
+        },
+      ),
+    );
+  }
+}

lib/screens/publish/attachment_list.dart

@@ -0,0 +1,212 @@
+import 'dart:convert';
+import 'dart:io';
+import 'dart:math' as math;
+
+import 'package:crypto/crypto.dart';
+import 'package:flutter/material.dart';
+import 'package:http/http.dart';
+import 'package:image_picker/image_picker.dart';
+import 'package:solaragent/auth.dart';
+import 'package:solaragent/models/feed.dart';
+
+class AttachmentList extends StatefulWidget {
+  final List<Attachment> current;
+  final void Function(List<Attachment> data) onUpdate;
+
+  const AttachmentList(
+      {super.key, required this.current, required this.onUpdate});
+
+  @override
+  State<AttachmentList> createState() => _AttachmentListState();
+}
+
+class _AttachmentListState extends State<AttachmentList> {
+  final imagePicker = ImagePicker();
+
+  bool isSubmitting = false;
+
+  List<Attachment> attachments = List.empty(growable: true);
+
+  Future<void> pickImageToUpload(BuildContext context) async {
+    if (!await authClient.isAuthorized()) return;
+
+    final image = await imagePicker.pickImage(source: ImageSource.gallery);
+    if (image == null) return;
+
+    final file = File(image.path);
+    final hashcode = await calculateSha256(file);
+
+    try {
+      await uploadAttachment(file, hashcode);
+    } catch (err) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $err")),
+      );
+    }
+  }
+
+  Future<void> uploadAttachment(File file, String hashcode) async {
+    var req = MultipartRequest(
+      'POST',
+      Uri.parse('https://co.solsynth.dev/api/attachments'),
+    );
+    req.files.add(await MultipartFile.fromPath('attachment', file.path));
+    req.fields['hashcode'] = hashcode;
+
+    setState(() => isSubmitting = true);
+    var res = await authClient.client!.send(req);
+    if (res.statusCode == 200) {
+      var result = Attachment.fromJson(
+        jsonDecode(utf8.decode(await res.stream.toBytes()))["info"],
+      );
+      setState(() => attachments.add(result));
+      widget.onUpdate(attachments);
+    } else {
+      throw Exception(utf8.decode(await res.stream.toBytes()));
+    }
+    setState(() => isSubmitting = false);
+  }
+
+  Future<void> disposeAttachment(
+      BuildContext context, Attachment item, int index) async {
+    var req = MultipartRequest(
+      'DELETE',
+      Uri.parse('https://co.solsynth.dev/api/attachments/${item.id}'),
+    );
+
+    setState(() => isSubmitting = true);
+    var res = await authClient.client!.send(req);
+    if (res.statusCode == 200) {
+      setState(() => attachments.removeAt(index));
+      widget.onUpdate(attachments);
+    } else {
+      final err = utf8.decode(await res.stream.toBytes());
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $err")),
+      );
+    }
+    setState(() => isSubmitting = false);
+  }
+
+  Future<String> calculateSha256(File file) async {
+    final bytes = await file.readAsBytes();
+    final digest = sha256.convert(bytes);
+    return digest.toString();
+  }
+
+  String getFileName(Attachment item) {
+    return item.filename.replaceAll(RegExp(r'\.[^/.]+$'), '');
+  }
+
+  String getFileType(Attachment item) {
+    switch (item.type) {
+      case 1:
+        return 'Photo';
+      case 2:
+        return 'Video';
+      case 3:
+        return 'Audio';
+      default:
+        return 'Others';
+    }
+  }
+
+  String formatBytes(int bytes, {int decimals = 2}) {
+    if (bytes == 0) return '0 Bytes';
+    const k = 1024;
+    final dm = decimals < 0 ? 0 : decimals;
+    final sizes = [
+      'Bytes',
+      'KiB',
+      'MiB',
+      'GiB',
+      'TiB',
+      'PiB',
+      'EiB',
+      'ZiB',
+      'YiB'
+    ];
+    final i = (math.log(bytes) / math.log(k)).floor().toInt();
+    return '${(bytes / math.pow(k, i)).toStringAsFixed(dm)} ${sizes[i]}';
+  }
+
+  @override
+  void initState() {
+    attachments = widget.current;
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Container(
+          padding: const EdgeInsets.only(left: 10, right: 10, top: 20),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Padding(
+                padding: const EdgeInsets.symmetric(
+                  horizontal: 8.0,
+                  vertical: 12.0,
+                ),
+                child: Text(
+                  'Attachments',
+                  style: Theme.of(context).textTheme.headlineSmall,
+                ),
+              ),
+              FutureBuilder(
+                future: authClient.isAuthorized(),
+                builder: (context, snapshot) {
+                  if (snapshot.hasData && snapshot.data == true) {
+                    return Tooltip(
+                      message: "Add a photo",
+                      child: TextButton(
+                        onPressed: isSubmitting
+                            ? null
+                            : () => pickImageToUpload(context),
+                        style: TextButton.styleFrom(
+                          shape: const CircleBorder(),
+                        ),
+                        child: const Icon(Icons.add_photo_alternate),
+                      ),
+                    );
+                  } else {
+                    return Container();
+                  }
+                },
+              ),
+            ],
+          ),
+        ),
+        isSubmitting ? const LinearProgressIndicator() : Container(),
+        Expanded(
+          child: ListView.separated(
+            itemCount: attachments.length,
+            itemBuilder: (context, index) {
+              var element = attachments[index];
+              return Container(
+                padding: const EdgeInsets.only(left: 8.0),
+                child: ListTile(
+                  title: Text(getFileName(element)),
+                  subtitle: Text(
+                    "${getFileType(element)} · ${formatBytes(element.filesize)}",
+                  ),
+                  trailing: TextButton(
+                    style: TextButton.styleFrom(
+                      shape: const CircleBorder(),
+                      foregroundColor: Colors.red,
+                    ),
+                    child: const Icon(Icons.delete),
+                    onPressed: () => disposeAttachment(context, element, index),
+                  ),
+                ),
+              );
+            },
+            separatorBuilder: (context, index) => const Divider(),
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/screens/publish/comment_editor.dart

@@ -1,6 +1,5 @@
 import 'dart:convert';
 
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'package:solaragent/auth.dart';
@@ -133,7 +132,9 @@ class _CommentEditorScreenState extends State<CommentEditorScreen> {
                             child: const Text('OPEN'),
                             onPressed: () async {
                               await launchUrl(
-                                  Uri.parse("https://co.solsynth.dev"));
+                                Uri.parse("https://co.solsynth.dev"),
+                                mode: LaunchMode.externalApplication,
+                              );
                             },
                           ),
                           TextButton(

lib/screens/publish/moment_editor.dart

@@ -1,11 +1,11 @@
 import 'dart:convert';
 
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
-import 'package:image_picker/image_picker.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'package:solaragent/auth.dart';
+import 'package:solaragent/models/feed.dart';
 import 'package:solaragent/router.dart';
+import 'package:solaragent/screens/publish/attachment_list.dart';
 import 'package:url_launcher/url_launcher.dart';
 
 class MomentEditorScreen extends StatefulWidget {
@@ -16,13 +16,14 @@ class MomentEditorScreen extends StatefulWidget {
 }
 
 class _MomentEditorScreenState extends State<MomentEditorScreen> {
-  final picker = ImagePicker();
   final contentController = TextEditingController();
 
   bool isSubmitting = false;
 
   bool showRecommendationBanner = true;
 
+  List<Attachment> attachments = List.empty(growable: true);
+
   Future<void> postMoment() async {
     if (!await authClient.isAuthorized()) return;
 
@@ -34,6 +35,7 @@ class _MomentEditorScreenState extends State<MomentEditorScreen> {
       },
       body: jsonEncode(<String, dynamic>{
         'content': contentController.value.text,
+        'attachments': attachments,
       }),
     );
     if (res.statusCode != 200) {
@@ -49,6 +51,16 @@ class _MomentEditorScreenState extends State<MomentEditorScreen> {
     setState(() => isSubmitting = false);
   }
 
+  void viewAttachments(BuildContext context) {
+    showModalBottomSheet(
+      context: context,
+      builder: (context) => AttachmentList(
+        current: attachments,
+        onUpdate: (value) => attachments = value,
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -112,9 +124,9 @@ class _MomentEditorScreenState extends State<MomentEditorScreen> {
             child: Row(
               children: [
                 TextButton(
-                  onPressed: null,
                   style: TextButton.styleFrom(shape: const CircleBorder()),
                   child: const Icon(Icons.camera_alt),
+                  onPressed: () => viewAttachments(context),
                 )
               ],
             ),
@@ -142,7 +154,9 @@ class _MomentEditorScreenState extends State<MomentEditorScreen> {
                             child: const Text('OPEN'),
                             onPressed: () async {
                               await launchUrl(
-                                  Uri.parse("https://co.solsynth.dev"));
+                                Uri.parse("https://co.solsynth.dev"),
+                                mode: LaunchMode.externalApplication,
+                              );
                             },
                           ),
                           TextButton(

lib/widgets/feed.dart

@@ -1,15 +1,20 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_carousel_widget/flutter_carousel_widget.dart';
 import 'package:flutter_markdown/flutter_markdown.dart';
+import 'package:go_router/go_router.dart';
 import 'package:solaragent/models/feed.dart';
+import 'package:solaragent/router.dart';
 import 'package:solaragent/widgets/image.dart';
 import 'package:solaragent/widgets/posts/comments.dart';
+import 'package:solaragent/widgets/posts/content/article.dart';
+import 'package:solaragent/widgets/posts/content/moment.dart';
 import 'package:solaragent/widgets/posts/reactions.dart';
 
 class FeedItem extends StatefulWidget {
   final Feed item;
+  final bool? brief;
 
-  const FeedItem({super.key, required this.item});
+  const FeedItem({super.key, required this.item, this.brief});
 
   @override
   State<FeedItem> createState() => _FeedItemState();
@@ -47,7 +52,9 @@ class _FeedItemState extends State<FeedItem> {
   }
 
   bool hasAttachments() =>
-      widget.item.attachments != null && widget.item.attachments!.isNotEmpty;
+      widget.item.modelType == "moment" &&
+      widget.item.attachments != null &&
+      widget.item.attachments!.isNotEmpty;
 
   String getDescription(String desc) =>
       desc.isEmpty ? "No description yet." : desc;
@@ -55,18 +62,18 @@ class _FeedItemState extends State<FeedItem> {
   String getFileUrl(String fileId) =>
       'https://co.solsynth.dev/api/attachments/o/$fileId';
 
-  @override
-  void initState() {
-    reactionCount = widget.item.reactionCount;
-    reactionList = widget.item.reactionList ?? <String, dynamic>{};
-    super.initState();
+  Widget buildContent() {
+    switch (widget.item.modelType) {
+      case "article":
+        return ArticleContent(item: widget.item, brief: widget.brief ?? false);
+      default:
+        return MomentContent(item: widget.item, brief: widget.brief ?? false);
+    }
   }
 
-  @override
-  Widget build(BuildContext context) {
+  Widget buildItem(BuildContext context) {
     return Column(
       children: [
-        // Author info
         Container(
           color: Colors.grey[50],
           child: ListTile(
@@ -82,13 +89,7 @@ class _FeedItemState extends State<FeedItem> {
             ),
           ),
         ),
-        // Content
-        Markdown(
-          data: widget.item.content,
-          shrinkWrap: true,
-          physics: const NeverScrollableScrollPhysics(),
-        ),
-        // Attachments view
+        buildContent(),
         hasAttachments()
             ? Container(
                 decoration: const BoxDecoration(
@@ -97,7 +98,7 @@ class _FeedItemState extends State<FeedItem> {
                 ),
                 child: FlutterCarousel(
                   options: CarouselOptions(
-                    height: 240.0,
+                    height: 360.0,
                     viewportFraction: 1.0,
                     showIndicator: true,
                     slideIndicator: const CircularSlideIndicator(),
@@ -128,12 +129,12 @@ class _FeedItemState extends State<FeedItem> {
                 ),
               )
             : Container(),
-        // Actions
         Container(
           padding: const EdgeInsets.symmetric(horizontal: 8),
           decoration: const BoxDecoration(
-            border:
-                Border(top: BorderSide(width: 0.3, color: Color(0xffdedede))),
+            border: Border(
+              top: BorderSide(width: 0.3, color: Color(0xffdedede)),
+            ),
           ),
           child: Row(
             children: [
@@ -154,4 +155,23 @@ class _FeedItemState extends State<FeedItem> {
       ],
     );
   }
+
+  @override
+  void initState() {
+    reactionCount = widget.item.reactionCount;
+    reactionList = widget.item.reactionList ?? <String, dynamic>{};
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return (widget.brief ?? false)
+        ? GestureDetector(
+            child: buildItem(context),
+            onTap: () => router.push(
+              "/post/${widget.item.modelType}/${widget.item.alias}",
+            ),
+          )
+        : buildItem(context);
+  }
 }

lib/widgets/posts/comments.dart

@@ -93,7 +93,7 @@ class _CommentListState extends State<CommentList> {
                       label: const Text("LEAVE COMMENT"),
                       onPressed: () {
                         router
-                            .push("/post/comments", extra: widget.parent)
+                            .push("/post/new/comments", extra: widget.parent)
                             .then((value) {
                           if (value == true) paginationController.refresh();
                         });
@@ -113,6 +113,7 @@ class _CommentListState extends State<CommentList> {
             builderDelegate: PagedChildBuilderDelegate<Feed>(
               itemBuilder: (context, item, index) => FeedItem(
                 item: item,
+                brief: true,
               ),
             ),
           ),

lib/widgets/posts/content/article.dart

@@ -0,0 +1,47 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_markdown/flutter_markdown.dart';
+import 'package:solaragent/models/feed.dart';
+import 'package:markdown/markdown.dart' as md;
+import 'package:url_launcher/url_launcher.dart';
+import 'package:url_launcher/url_launcher_string.dart';
+
+class ArticleContent extends StatelessWidget {
+  final Feed item;
+  final bool brief;
+
+  const ArticleContent({super.key, required this.item, required this.brief});
+
+  @override
+  Widget build(BuildContext context) {
+    return brief
+        ? ListTile(
+            title: Text(item.title),
+            subtitle: Text(item.description),
+          )
+        : Column(
+            children: [
+              ListTile(
+                title: Text(item.title),
+                subtitle: Text(item.description),
+              ),
+              const Divider(color: Color(0xffefefef)),
+              Markdown(
+                  selectable: !brief,
+                  data: item.content,
+                  shrinkWrap: true,
+                  physics: const NeverScrollableScrollPhysics(),
+                  extensionSet: md.ExtensionSet(
+                    md.ExtensionSet.gitHubFlavored.blockSyntaxes,
+                    md.ExtensionSet.gitHubFlavored.inlineSyntaxes,
+                  ),
+                  onTapLink: (text, href, title) async {
+                    if (href == null) return;
+                    await launchUrlString(
+                      href,
+                      mode: LaunchMode.externalApplication,
+                    );
+                  }),
+            ],
+          );
+  }
+}

lib/widgets/posts/content/moment.dart

@@ -0,0 +1,20 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_markdown/flutter_markdown.dart';
+import 'package:solaragent/models/feed.dart';
+
+class MomentContent extends StatelessWidget {
+  final Feed item;
+  final bool brief;
+
+  const MomentContent({super.key, required this.brief, required this.item});
+
+  @override
+  Widget build(BuildContext context) {
+    return Markdown(
+      selectable: !brief,
+      data: item.content,
+      shrinkWrap: true,
+      physics: const NeverScrollableScrollPhysics(),
+    );
+  }
+}

lib/widgets/posts/reactions.dart

@@ -74,8 +74,18 @@ class _ReactionListState extends State<ReactionList> {
     );
     if (res.statusCode == 201) {
       widget.onReact(symbol, 1);
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(
+          content: Text("Your reaction has been added onto this post."),
+        ),
+      );
     } else if (res.statusCode == 204) {
       widget.onReact(symbol, -1);
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(
+          content: Text("Your reaction has been removed from this post."),
+        ),
+      );
     } else {
       var message = utf8.decode(res.bodyBytes);
       ScaffoldMessenger.of(context).showSnackBar(
@@ -105,10 +115,7 @@ class _ReactionListState extends State<ReactionList> {
                 ),
                 child: Text(
                   'Reactions',
-                  style: Theme
-                      .of(context)
-                      .textTheme
-                      .headlineSmall,
+                  style: Theme.of(context).textTheme.headlineSmall,
                 ),
               ),
               FutureBuilder(
@@ -119,7 +126,7 @@ class _ReactionListState extends State<ReactionList> {
                       icon: const Icon(Icons.add_reaction),
                       label: const Text("REACT"),
                       onPressed:
-                      isSubmitting ? null : () => viewReactMenu(context),
+                          isSubmitting ? null : () => viewReactMenu(context),
                     );
                   } else {
                     return Container();
@@ -141,17 +148,16 @@ class _ReactionListState extends State<ReactionList> {
                   onTap: isSubmitting
                       ? null
                       : () {
-                    doReact(
-                      element.key,
-                      ReactionList.emojis[element.key]!['attitude'],
-                    );
-                  },
+                          doReact(
+                            element.key,
+                            ReactionList.emojis[element.key]!['attitude'],
+                          );
+                        },
                   child: Container(
                     padding: const EdgeInsets.symmetric(horizontal: 6.0),
                     child: ListTile(
                       title: Text(
-                        "${ReactionList.emojis[element.key]!['icon']} x${element
-                            .value.toString()}",
+                        "${ReactionList.emojis[element.key]!['icon']} x${element.value.toString()}",
                       ),
                       subtitle: Text(
                         ":${element.key}:",

pubspec.lock

@@ -90,7 +90,7 @@ packages:
     source: hosted
     version: "0.3.3+8"
   crypto:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: crypto
       sha256: ff625774173754681d66daaf4a448684fb04b78f902da9cb3d308c19cc5e8bab
@@ -129,6 +129,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "7.0.0"
+  file_picker:
+    dependency: "direct main"
+    description:
+      name: file_picker
+      sha256: d1d0ac3966b36dc3e66eeefb40280c17feb87fa2099c6e22e6a1fc959327bd03
+      url: "https://pub.dev"
+    source: hosted
+    version: "8.0.0+1"
   file_selector_linux:
     dependency: transitive
     description:
@@ -441,7 +449,7 @@ packages:
     source: hosted
     version: "1.2.0"
   markdown:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: markdown
       sha256: ef2a1298144e3f985cc736b22e0ccdaf188b5b3970648f2d9dc13efd1d9df051

pubspec.yaml

@@ -48,6 +48,9 @@ dependencies:
   flutter_carousel_widget: ^2.2.0
   image_picker: ^1.0.7
   sentry_flutter: ^7.18.0
+  crypto: ^3.0.3
+  file_picker: ^8.0.0+1
+  markdown: ^7.2.2
 
 dev_dependencies:
   flutter_test: