✨ Post draft

2024-07-09 21:23:38 +08:00 · 2024-07-09 21:23:38 +08:00 · a0fe3f918e
commit a0fe3f918e
parent 10ed44d2e2
14 changed files with 396 additions and 65 deletions
--- a/lib/models/post.dart
+++ b/lib/models/post.dart
@ -20,6 +20,7 @@ class Post {
  Post? repostTo;
  Realm? realm;
  DateTime? publishedAt;
+  bool? isDraft;
  int authorId;
  Account author;
  int replyCount;
@ -44,6 +45,7 @@ class Post {
    required this.repostTo,
    required this.realm,
    required this.publishedAt,
+    required this.isDraft,
    required this.authorId,
    required this.author,
    required this.replyCount,
@ -80,6 +82,7 @@ class Post {
        publishedAt: json['published_at'] != null
            ? DateTime.parse(json['published_at'])
            : null,
+        isDraft: json['is_draft'],
        authorId: json['author_id'],
        author: Account.fromJson(json['author']),
        replyCount: json['reply_count'],
@ -112,6 +115,7 @@ class Post {
        'repost_to': repostTo?.toJson(),
        'realm': realm?.toJson(),
        'published_at': publishedAt?.toIso8601String(),
+        'is_draft': isDraft,
        'author_id': authorId,
        'author': author.toJson(),
        'reply_count': replyCount,
--- a/lib/router.dart
+++ b/lib/router.dart
@ -4,12 +4,14 @@ import 'package:solian/screens/about.dart';
 import 'package:solian/screens/account.dart';
 import 'package:solian/screens/account/friend.dart';
 import 'package:solian/screens/account/personalize.dart';
+import 'package:solian/screens/articles/article_publish.dart';
 import 'package:solian/screens/channel/channel_chat.dart';
 import 'package:solian/screens/channel/channel_detail.dart';
 import 'package:solian/screens/channel/channel_organize.dart';
 import 'package:solian/screens/chat.dart';
-import 'package:solian/screens/feed_search.dart';
+import 'package:solian/screens/feed/search.dart';
 import 'package:solian/screens/posts/post_detail.dart';
+import 'package:solian/screens/feed/draft_box.dart';
 import 'package:solian/screens/realms.dart';
 import 'package:solian/screens/realms/realm_detail.dart';
 import 'package:solian/screens/realms/realm_organize.dart';
@ -59,6 +61,11 @@ abstract class AppRouter {
          ),
        ),
      ),
+      GoRoute(
+        path: '/drafts',
+        name: 'draftBox',
+        builder: (context, state) => const DraftBoxScreen(),
+      ),
      GoRoute(
        path: '/posts/view/:alias',
        name: 'postDetail',
@ -71,10 +78,10 @@ abstract class AppRouter {
      ),
      GoRoute(
        path: '/posts/publish',
-        name: 'postPublishing',
+        name: 'postCreate',
        builder: (context, state) {
-          final arguments = state.extra as PostPublishingArguments?;
-          return PostPublishingScreen(
+          final arguments = state.extra as PostPublishArguments?;
+          return PostPublishScreen(
            edit: arguments?.edit,
            reply: arguments?.reply,
            repost: arguments?.repost,
@ -82,6 +89,17 @@ abstract class AppRouter {
          );
        },
      ),
+      GoRoute(
+        path: '/articles/publish',
+        name: 'articleCreate',
+        builder: (context, state) {
+          final arguments = state.extra as ArticlePublishArguments?;
+          return ArticlePublishScreen(
+            edit: arguments?.edit,
+            realm: arguments?.realm,
+          );
+        },
+      )
    ],
  );

--- a/lib/screens/articles/article_publish.dart
+++ b/lib/screens/articles/article_publish.dart
@ -0,0 +1,247 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
+import 'package:get/get.dart';
+import 'package:solian/exts.dart';
+import 'package:solian/models/post.dart';
+import 'package:solian/models/realm.dart';
+import 'package:solian/providers/auth.dart';
+import 'package:solian/router.dart';
+import 'package:solian/theme.dart';
+import 'package:solian/widgets/app_bar_title.dart';
+import 'package:solian/widgets/attachments/attachment_publish.dart';
+import 'package:solian/widgets/posts/tags_field.dart';
+import 'package:solian/widgets/prev_page.dart';
+import 'package:textfield_tags/textfield_tags.dart';
+
+class ArticlePublishArguments {
+  final Post? edit;
+  final Realm? realm;
+
+  ArticlePublishArguments({this.edit, this.realm});
+}
+
+class ArticlePublishScreen extends StatefulWidget {
+  final Post? edit;
+  final Realm? realm;
+
+  const ArticlePublishScreen({
+    super.key,
+    this.edit,
+    this.realm,
+  });
+
+  @override
+  State<ArticlePublishScreen> createState() => _ArticlePublishScreenState();
+}
+
+class _ArticlePublishScreenState extends State<ArticlePublishScreen> {
+  final _titleController = TextEditingController();
+  final _descriptionController = TextEditingController();
+  final _contentController = TextEditingController();
+  final _tagsController = StringTagController();
+
+  bool _isBusy = false;
+
+  List<int> _attachments = List.empty();
+
+  void showAttachments() {
+    showModalBottomSheet(
+      context: context,
+      isScrollControlled: true,
+      builder: (context) => AttachmentPublishPopup(
+        usage: 'i.attachment',
+        current: _attachments,
+        onUpdate: (value) => _attachments = value,
+      ),
+    );
+  }
+
+  void applyPost() async {
+    final AuthProvider auth = Get.find();
+    if (!await auth.isAuthorized) return;
+    if (_contentController.value.text.isEmpty) return;
+
+    setState(() => _isBusy = true);
+
+    final client = auth.configureClient('interactive');
+
+    final payload = {
+      'title': _titleController.value.text,
+      'description': _descriptionController.value.text,
+      'content': _contentController.value.text,
+      'tags': _tagsController.getTags?.map((x) => {'alias': x}).toList() ??
+          List.empty(),
+      'attachments': _attachments,
+      if (widget.edit != null) 'alias': widget.edit!.alias,
+      if (widget.realm != null) 'realm': widget.realm!.alias,
+    };
+
+    Response resp;
+    if (widget.edit != null) {
+      resp = await client.put('/api/articles/${widget.edit!.id}', payload);
+    } else {
+      resp = await client.post('/api/articles', payload);
+    }
+    if (resp.statusCode != 200) {
+      context.showErrorDialog(resp.bodyString);
+    } else {
+      AppRouter.instance.pop(resp.body);
+    }
+
+    setState(() => _isBusy = false);
+  }
+
+  void syncWidget() {
+    if (widget.edit != null) {
+      _contentController.text = widget.edit!.content;
+      _attachments = widget.edit!.attachments ?? List.empty();
+    }
+  }
+
+  void cancelAction() {
+    AppRouter.instance.pop();
+  }
+
+  @override
+  void initState() {
+    syncWidget();
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final notifyBannerActions = [
+      TextButton(
+        onPressed: cancelAction,
+        child: Text('cancel'.tr),
+      )
+    ];
+
+    return Material(
+      color: Theme.of(context).colorScheme.surface,
+      child: Scaffold(
+        appBar: AppBar(
+          title: AppBarTitle('articlePublish'.tr),
+          centerTitle: false,
+          toolbarHeight: SolianTheme.toolbarHeight(context),
+          leading: const PrevPageButton(),
+          actions: [
+            TextButton(
+              onPressed: _isBusy ? null : () => applyPost(),
+              child: Text('postAction'.tr.toUpperCase()),
+            )
+          ],
+        ),
+        body: SafeArea(
+          top: false,
+          child: Stack(
+            children: [
+              ListView(
+                children: [
+                  if (_isBusy)
+                    const LinearProgressIndicator().animate().scaleX(),
+                  if (widget.edit != null)
+                    MaterialBanner(
+                      leading: const Icon(Icons.edit),
+                      leadingPadding:
+                          const EdgeInsets.only(left: 10, right: 20),
+                      dividerColor: Colors.transparent,
+                      content: Text('postEditingNotify'.tr),
+                      actions: notifyBannerActions,
+                    ),
+                  if (widget.realm != null)
+                    MaterialBanner(
+                      leading: const Icon(Icons.group),
+                      leadingPadding:
+                          const EdgeInsets.only(left: 10, right: 20),
+                      dividerColor: Colors.transparent,
+                      content: Text(
+                        'postInRealmNotify'
+                            .trParams({'realm': '#${widget.realm!.alias}'}),
+                      ),
+                      actions: notifyBannerActions,
+                    ),
+                  const Divider(thickness: 0.3, height: 0.3)
+                      .paddingOnly(bottom: 6),
+                  Container(
+                    padding:
+                        const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+                    child: TextField(
+                      maxLines: null,
+                      autofocus: true,
+                      autocorrect: true,
+                      keyboardType: TextInputType.multiline,
+                      controller: _titleController,
+                      decoration: InputDecoration.collapsed(
+                        hintText: 'articleTitlePlaceholder'.tr,
+                      ),
+                      onTapOutside: (_) =>
+                          FocusManager.instance.primaryFocus?.unfocus(),
+                    ),
+                  ),
+                  const Divider(thickness: 0.3, height: 0.3)
+                      .paddingSymmetric(vertical: 6),
+                  Container(
+                    padding:
+                        const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+                    child: TextField(
+                      maxLines: null,
+                      autofocus: true,
+                      autocorrect: true,
+                      keyboardType: TextInputType.multiline,
+                      controller: _contentController,
+                      decoration: InputDecoration.collapsed(
+                        hintText: 'articleContentPlaceholder'.tr,
+                      ),
+                      onTapOutside: (_) =>
+                          FocusManager.instance.primaryFocus?.unfocus(),
+                    ),
+                  ),
+                ],
+              ),
+              Positioned(
+                bottom: 0,
+                left: 0,
+                right: 0,
+                child: Column(
+                  children: [
+                    TagsField(
+                      initialTags:
+                          widget.edit?.tags?.map((x) => x.alias).toList(),
+                      tagsController: _tagsController,
+                      hintText: 'postTagsPlaceholder'.tr,
+                    ),
+                    const Divider(thickness: 0.3, height: 0.3),
+                    SizedBox(
+                      height: 56,
+                      child: Row(
+                        children: [
+                          TextButton(
+                            style: TextButton.styleFrom(
+                              shape: const CircleBorder(),
+                            ),
+                            child: const Icon(Icons.camera_alt),
+                            onPressed: () => showAttachments(),
+                          )
+                        ],
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  @override
+  void dispose() {
+    _titleController.dispose();
+    _descriptionController.dispose();
+    _contentController.dispose();
+    _tagsController.dispose();
+    super.dispose();
+  }
+}
--- a/lib/screens/feed.dart
+++ b/lib/screens/feed.dart
@ -101,7 +101,7 @@ class FeedCreationButton extends StatelessWidget {
        builder: (context, snapshot) {
          if (snapshot.hasData && snapshot.data == true) {
            return PopupMenuButton(
-              icon: const Icon(Icons.add_circle),
+              icon: const Icon(Icons.edit_square),
              itemBuilder: (BuildContext context) => [
                PopupMenuItem(
                  child: ListTile(
@ -110,7 +110,7 @@ class FeedCreationButton extends StatelessWidget {
                    contentPadding: const EdgeInsets.symmetric(horizontal: 8),
                  ),
                  onTap: () {
-                    AppRouter.instance.pushNamed('postPublishing').then((val) {
+                    AppRouter.instance.pushNamed('postCreate').then((val) {
                      if (val != null && onCreated != null) {
                        onCreated!();
                      }
@ -123,7 +123,13 @@ class FeedCreationButton extends StatelessWidget {
                    leading: const Icon(Icons.newspaper),
                    contentPadding: const EdgeInsets.symmetric(horizontal: 8),
                  ),
-                  onTap: () {},
+                  onTap: () {
+                    AppRouter.instance.pushNamed('articleCreate').then((val) {
+                      if (val != null && onCreated != null) {
+                        onCreated!();
+                      }
+                    });
+                  },
                ),
                PopupMenuItem(
                  child: ListTile(
@ -131,7 +137,9 @@ class FeedCreationButton extends StatelessWidget {
                    leading: const Icon(Icons.drafts),
                    contentPadding: const EdgeInsets.symmetric(horizontal: 8),
                  ),
-                  onTap: () {},
+                  onTap: () {
+                    AppRouter.instance.goNamed('draftBox');
+                  },
                ),
              ],
            );
--- a/lib/screens/feed/draft_box.dart
+++ b/lib/screens/feed/draft_box.dart
@ -0,0 +1,33 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:solian/screens/feed.dart';
+import 'package:solian/theme.dart';
+import 'package:solian/widgets/app_bar_title.dart';
+import 'package:solian/widgets/prev_page.dart';
+
+class DraftBoxScreen extends StatelessWidget {
+  const DraftBoxScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      color: Theme.of(context).colorScheme.surface,
+      child: Scaffold(
+        appBar: AppBar(
+          title: AppBarTitle('draftBox'.tr),
+          centerTitle: false,
+          toolbarHeight: SolianTheme.toolbarHeight(context),
+          leading: const PrevPageButton(),
+          actions: [
+            FeedCreationButton(
+              onCreated: () {},
+            ),
+            SizedBox(
+              width: SolianTheme.isLargeScreen(context) ? 8 : 16,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
--- a/lib/screens/feed/search.dart
+++ b/lib/screens/feed/search.dart
--- a/lib/screens/posts/post_publish.dart
+++ b/lib/screens/posts/post_publish.dart
@ -8,30 +8,30 @@ import 'package:solian/models/realm.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/router.dart';
 import 'package:solian/theme.dart';
-import 'package:solian/widgets/account/account_avatar.dart';
 import 'package:solian/widgets/app_bar_title.dart';
 import 'package:solian/widgets/attachments/attachment_publish.dart';
 import 'package:solian/widgets/posts/post_item.dart';
 import 'package:solian/widgets/posts/tags_field.dart';
 import 'package:solian/widgets/prev_page.dart';
 import 'package:textfield_tags/textfield_tags.dart';
+import 'package:badges/badges.dart' as badges;

-class PostPublishingArguments {
+class PostPublishArguments {
  final Post? edit;
  final Post? reply;
  final Post? repost;
  final Realm? realm;

-  PostPublishingArguments({this.edit, this.reply, this.repost, this.realm});
+  PostPublishArguments({this.edit, this.reply, this.repost, this.realm});
 }

-class PostPublishingScreen extends StatefulWidget {
+class PostPublishScreen extends StatefulWidget {
  final Post? edit;
  final Post? reply;
  final Post? repost;
  final Realm? realm;

-  const PostPublishingScreen({
+  const PostPublishScreen({
    super.key,
    this.edit,
    this.reply,
@ -40,10 +40,10 @@ class PostPublishingScreen extends StatefulWidget {
  });

  @override
-  State<PostPublishingScreen> createState() => _PostPublishingScreenState();
+  State<PostPublishScreen> createState() => _PostPublishScreenState();
 }

-class _PostPublishingScreenState extends State<PostPublishingScreen> {
+class _PostPublishScreenState extends State<PostPublishScreen> {
  final _contentController = TextEditingController();
  final _tagsController = StringTagController();

@ -51,6 +51,8 @@ class _PostPublishingScreenState extends State<PostPublishingScreen> {

  List<int> _attachments = List.empty();

+  bool _isDraft = false;
+
  void showAttachments() {
    showModalBottomSheet(
      context: context,
@ -77,6 +79,7 @@ class _PostPublishingScreenState extends State<PostPublishingScreen> {
      'tags': _tagsController.getTags?.map((x) => {'alias': x}).toList() ??
          List.empty(),
      'attachments': _attachments,
+      'is_draft': _isDraft,
      if (widget.edit != null) 'alias': widget.edit!.alias,
      if (widget.reply != null) 'reply_to': widget.reply!.id,
      if (widget.repost != null) 'repost_to': widget.repost!.id,
@ -102,6 +105,7 @@ class _PostPublishingScreenState extends State<PostPublishingScreen> {
    if (widget.edit != null) {
      _contentController.text = widget.edit!.content;
      _attachments = widget.edit!.attachments ?? List.empty();
+      _isDraft = widget.edit!.isDraft ?? false;
    }
  }

@ -117,8 +121,6 @@ class _PostPublishingScreenState extends State<PostPublishingScreen> {

  @override
  Widget build(BuildContext context) {
-    final AuthProvider auth = Get.find();
-
    final notifyBannerActions = [
      TextButton(
        onPressed: cancelAction,
@ -130,14 +132,18 @@ class _PostPublishingScreenState extends State<PostPublishingScreen> {
      color: Theme.of(context).colorScheme.surface,
      child: Scaffold(
        appBar: AppBar(
-          title: AppBarTitle('postPublishing'.tr),
+          title: AppBarTitle('postPublish'.tr),
          centerTitle: false,
          toolbarHeight: SolianTheme.toolbarHeight(context),
          leading: const PrevPageButton(),
          actions: [
            TextButton(
              onPressed: _isBusy ? null : () => applyPost(),
-              child: Text('postAction'.tr.toUpperCase()),
+              child: Text(
+                _isDraft
+                    ? 'draftSave'.tr.toUpperCase()
+                    : 'postAction'.tr.toUpperCase(),
+              ),
            )
          ],
        ),
@ -194,22 +200,6 @@ class _PostPublishingScreenState extends State<PostPublishingScreen> {
                        ).paddingOnly(bottom: 8),
                      ],
                    ),
-                  FutureBuilder(
-                    future: auth.getProfile(),
-                    builder: (context, snapshot) {
-                      if (snapshot.hasData) {
-                        return ListTile(
-                          leading: AccountAvatar(
-                              content: snapshot.data?.body!['avatar'],
-                              radius: 22),
-                          title: Text(snapshot.data?.body!['nick']),
-                          subtitle: Text('postIdentityNotify'.tr),
-                        );
-                      } else {
-                        return Container();
-                      }
-                    },
-                  ),
                  if (widget.realm != null)
                    MaterialBanner(
                      leading: const Icon(Icons.group),
@ -247,6 +237,7 @@ class _PostPublishingScreenState extends State<PostPublishingScreen> {
                left: 0,
                right: 0,
                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    TagsField(
                      initialTags:
@ -257,17 +248,30 @@ class _PostPublishingScreenState extends State<PostPublishingScreen> {
                    const Divider(thickness: 0.3, height: 0.3),
                    SizedBox(
                      height: 56,
-                      child: Row(
+                      child: ListView(
+                        scrollDirection: Axis.horizontal,
                        children: [
-                          TextButton(
-                            style: TextButton.styleFrom(
-                              shape: const CircleBorder(),
+                          IconButton(
+                            icon: _isDraft
+                                ? const Icon(Icons.drive_file_rename_outline)
+                                : const Icon(Icons.public),
+                            color: _isDraft
+                                ? Colors.grey.shade600
+                                : Colors.green.shade700,
+                            onPressed: () {
+                              setState(() => _isDraft = !_isDraft);
+                            },
+                          ),
+                          badges.Badge(
+                            badgeContent: Text(_attachments.length.toString()),
+                            showBadge: _attachments.isNotEmpty,
+                            child: IconButton(
+                              icon: const Icon(Icons.camera_alt),
+                              onPressed: () => showAttachments(),
                            ),
-                            child: const Icon(Icons.camera_alt),
-                            onPressed: () => showAttachments(),
                          )
                        ],
-                      ),
+                      ).paddingSymmetric(horizontal: 6, vertical: 8),
                    ),
                  ],
                ),
--- a/lib/screens/realms/realm_view.dart
+++ b/lib/screens/realms/realm_view.dart
@ -210,8 +210,8 @@ class _RealmPostListWidgetState extends State<RealmPostListWidget> {
              onTap: () {
                AppRouter.instance
                    .pushNamed(
-                  'postPublishing',
-                  extra: PostPublishingArguments(realm: widget.realm),
+                  'postCreate',
+                  extra: PostPublishArguments(realm: widget.realm),
                )
                    .then((value) {
                  if (value != null) _pagingController.refresh();
--- a/lib/translations.dart
+++ b/lib/translations.dart
@ -10,6 +10,9 @@ class SolianMessages extends Translations {
          'next': 'Next',
          'reset': 'Reset',
          'page': 'Page',
+          'draft': 'Draft',
+          'draftSave': 'Save',
+          'draftBox': 'Draft Box',
          'feed': 'Feed',
          'feedSearch': 'Search Feed',
          'feedSearchWithTag': 'Searching with tag #@key',
@ -91,7 +94,10 @@ class SolianMessages extends Translations {
          'postInRealm': 'In realm @realm',
          'postDetail': 'Post',
          'postReplies': 'Replies',
-          'postPublishing': 'Post a post',
+          'postPublish': 'Post a post',
+          'articlePublish': 'Write an article',
+          'articleTitlePlaceholder': 'Title',
+          'articleContentPlaceholder': 'Content',
          'postIdentityNotify': 'You will post this post as',
          'postContentPlaceholder': 'What\'s happened?!',
          'postTagsPlaceholder': 'Tags',
@ -270,6 +276,9 @@ class SolianMessages extends Translations {
          'edit': '编辑',
          'delete': '删除',
          'page': '页面',
+          'draft': '草稿',
+          'draftSave': '存为草稿',
+          'draftBox': '草稿箱',
          'feed': '资讯',
          'feedSearch': '搜索资讯',
          'feedSearchWithTag': '检索带有 #@key 标签的资讯',
@ -325,8 +334,8 @@ class SolianMessages extends Translations {
          'notifyAllRead': '已读所有通知',
          'notifyEmpty': '通知箱为空',
          'notifyEmptyCaption': '看起来最近没发生什么呢',
-          'postCreate': '发表帖子',
-          'articleCreate': '发表文章',
+          'postCreate': '发个帖子',
+          'articleCreate': '撰写文章',
          'draftBoxOpen': '打开草稿箱',
          'postNew': '创建新帖子',
          'postNewInRealmHint': '在领域 @realm 里发表新帖子',
@ -335,7 +344,7 @@ class SolianMessages extends Translations {
          'postInRealm': '发表于 @realm',
          'postDetail': '帖子详情',
          'postReplies': '帖子回复',
-          'postPublishing': '发表帖子',
+          'postPublish': '编辑帖子',
          'postIdentityNotify': '你将会以本身份发表帖子',
          'postContentPlaceholder': '发生什么事了？！',
          'postTagsPlaceholder': '标签',
--- a/lib/widgets/navigation/app_navigation_bottom_bar.dart
+++ b/lib/widgets/navigation/app_navigation_bottom_bar.dart
@ -29,8 +29,7 @@ class _AppNavigationBottomBarState extends State<AppNavigationBottomBar> {
      showUnselectedLabels: false,
      onTap: (idx) {
        setState(() => _selectedIndex = idx);
-        AppRouter.instance
-            .pushReplacementNamed(AppNavigation.destinations[idx].page);
+        AppRouter.instance.goNamed(AppNavigation.destinations[idx].page);
      },
    );
  }
--- a/lib/widgets/posts/post_action.dart
+++ b/lib/widgets/posts/post_action.dart
@ -72,8 +72,8 @@ class _PostActionState extends State<PostAction> {
                  title: Text('reply'.tr),
                  onTap: () async {
                    final value = await AppRouter.instance.pushNamed(
-                      'postPublishing',
-                      extra: PostPublishingArguments(reply: widget.item),
+                      'postCreate',
+                      extra: PostPublishArguments(reply: widget.item),
                    );
                    if (value != null) {
                      Navigator.pop(context, true);
@ -86,8 +86,8 @@ class _PostActionState extends State<PostAction> {
                  title: Text('repost'.tr),
                  onTap: () async {
                    final value = await AppRouter.instance.pushNamed(
-                      'postPublishing',
-                      extra: PostPublishingArguments(repost: widget.item),
+                      'postCreate',
+                      extra: PostPublishArguments(repost: widget.item),
                    );
                    if (value != null) {
                      Navigator.pop(context, true);
@ -104,8 +104,8 @@ class _PostActionState extends State<PostAction> {
                    title: Text('edit'.tr),
                    onTap: () async {
                      final value = await AppRouter.instance.pushNamed(
-                        'postPublishing',
-                        extra: PostPublishingArguments(edit: widget.item),
+                        'postCreate',
+                        extra: PostPublishArguments(edit: widget.item),
                      );
                      if (value != null) {
                        Navigator.pop(context, true);
--- a/lib/widgets/posts/post_item.dart
+++ b/lib/widgets/posts/post_item.dart
@ -133,7 +133,7 @@ class _PostItemState extends State<PostItem> {
      return Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: widgets,
-      );
+      ).paddingOnly(top: 4);
    }
  }

@ -222,7 +222,7 @@ class _PostItemState extends State<PostItem> {
            top: 2,
            bottom: hasAttachment ? 4 : 0,
          ),
-          buildFooter().paddingOnly(left: 16, top: 2),
+          buildFooter().paddingOnly(left: 16),
          AttachmentList(
            parentId: widget.overrideAttachmentParent ?? widget.item.alias,
            attachmentsId: item.attachments ?? List.empty(),
@ -284,7 +284,7 @@ class _PostItemState extends State<PostItem> {
                        );
                      },
                    ),
-                  buildFooter().paddingOnly(left: 12, top: 2),
+                  buildFooter().paddingOnly(left: 12),
                ],
              ),
            )
--- a/pubspec.lock
+++ b/pubspec.lock
@ -49,6 +49,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.11.0"
+  badges:
+    dependency: "direct main"
+    description:
+      name: badges
+      sha256: a7b6bbd60dce418df0db3058b53f9d083c22cdb5132a052145dc267494df0b84
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.2"
  boolean_selector:
    dependency: transitive
    description:
@ -522,10 +530,10 @@ packages:
    dependency: "direct main"
    description:
      name: flutter_local_notifications
-      sha256: ced76d337f54de33d7d9f06092137b4ac2da5079e00cee8a11a1794ffc7c61c6
+      sha256: "0a9068149f0225e81642b03562e99776106edbd967816ee68bc16310d457c60e"
      url: "https://pub.dev"
    source: hosted
-    version: "17.2.1"
+    version: "17.2.1+1"
  flutter_local_notifications_linux:
    dependency: transitive
    description:
@ -1076,10 +1084,10 @@ packages:
    dependency: transitive
    description:
      name: path_provider_android
-      sha256: bca87b0165ffd7cdb9cad8edd22d18d2201e886d9a9f19b4fb3452ea7df3a72a
+      sha256: "30c5aa827a6ae95ce2853cdc5fe3971daaac00f6f081c419c013f7f57bff2f5e"
      url: "https://pub.dev"
    source: hosted
-    version: "2.2.6"
+    version: "2.2.7"
  path_provider_foundation:
    dependency: transitive
    description:
@ -1108,10 +1116,10 @@ packages:
    dependency: transitive
    description:
      name: path_provider_windows
-      sha256: "8bc9f22eee8690981c22aa7fc602f5c85b497a6fb2ceb35ee5a5e5ed85ad8170"
+      sha256: bd6f00dbd873bfb70d0761682da2b3a2c2fccc2b9e84c495821639601d81afe7
      url: "https://pub.dev"
    source: hosted
-    version: "2.2.1"
+    version: "2.3.0"
  permission_handler:
    dependency: "direct main"
    description:
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -54,6 +54,7 @@ dependencies:
  mutex: ^3.1.0
  pasteboard: ^0.2.0
  desktop_drop: ^0.4.4
+  badges: ^3.1.2

 dev_dependencies:
  flutter_test: