✨ Select & Featured Answer

assets/translations/en-US.json

@@ -615,5 +615,7 @@
   "trayMenuExit": "Exit",
   "postQuestionUnanswered": "Unanswered Question",
   "postQuestionUnansweredWithReward": "Unanswered Question, reward source points {}",
-  "postQuestionAnswered": "Answered Question"
+  "postQuestionAnswered": "Answered Question",
+  "postQuestionAnswerSelect": "Select as Answer",
+  "postQuestionAnswerSelected": "Answer has been selected, reward has been applied."
 }

assets/translations/zh-CN.json

@@ -613,5 +613,8 @@
   "trayMenuExit": "退出",
   "postQuestionUnanswered": "未解答的问题",
   "postQuestionUnansweredWithReward": "未解答的问题，悬赏源点 {}",
-  "postQuestionAnswered": "已解答的问题"
+  "postQuestionAnswered": "已解答的问题",
+  "postQuestionAnswerTitle": "精选解答",
+  "postQuestionAnswerSelect": "选择解答",
+  "postQuestionAnswerSelected": "解答已选择，奖励已发放。"
 }

assets/translations/zh-HK.json

@@ -138,9 +138,11 @@
   "fieldPublisherBelongToRealmUnset": "未設置發佈者所屬領域",
   "writePostTypeStory": "發動態",
   "writePostTypeArticle": "寫文章",
+  "writePostTypeQuestion": "提問題",
   "fieldPostPublisher": "帖子發佈者",
   "fieldPostContent": "發生什麼事了？！",
   "fieldPostTitle": "標題",
+  "fieldPostQuestionReward": "回答獎勵源點",
   "fieldPostDescription": "描述",
   "fieldPostTags": "標籤",
   "fieldPostCategories": "分類",
@@ -607,5 +609,12 @@
     "other": "{} 源點"
   },
   "aiThinkingProcess": "AI 思考過程",
-  "accountSettingsApplied": "帳號設置已應用。"
+  "accountSettingsApplied": "帳號設置已應用。",
+  "trayMenuExit": "退出",
+  "postQuestionUnanswered": "未解答的問題",
+  "postQuestionUnansweredWithReward": "未解答的問題，懸賞源點 {}",
+  "postQuestionAnswered": "已解答的問題",
+  "postQuestionAnswerTitle": "精選解答",
+  "postQuestionAnswerSelect": "選擇解答",
+  "postQuestionAnswerSelected": "解答已選擇，獎勵已發放。"
 }

assets/translations/zh-TW.json

@@ -138,9 +138,11 @@
   "fieldPublisherBelongToRealmUnset": "未設置發佈者所屬領域",
   "writePostTypeStory": "發動態",
   "writePostTypeArticle": "寫文章",
+  "writePostTypeQuestion": "提問題",
   "fieldPostPublisher": "帖子發佈者",
   "fieldPostContent": "發生什麼事了？！",
   "fieldPostTitle": "標題",
+  "fieldPostQuestionReward": "回答獎勵源點",
   "fieldPostDescription": "描述",
   "fieldPostTags": "標籤",
   "fieldPostCategories": "分類",
@@ -607,5 +609,12 @@
     "other": "{} 源點"
   },
   "aiThinkingProcess": "AI 思考過程",
-  "accountSettingsApplied": "帳號設置已應用。"
+  "accountSettingsApplied": "帳號設置已應用。",
+  "trayMenuExit": "退出",
+  "postQuestionUnanswered": "未解答的問題",
+  "postQuestionUnansweredWithReward": "未解答的問題，懸賞源點 {}",
+  "postQuestionAnswered": "已解答的問題",
+  "postQuestionAnswerTitle": "精選解答",
+  "postQuestionAnswerSelect": "選擇解答",
+  "postQuestionAnswerSelected": "解答已選擇，獎勵已發放。"
 }

lib/screens/post/post_detail.dart

@@ -183,7 +183,7 @@ class _PostDetailScreenState extends State<PostDetailScreen> {
             if (_data != null)
               PostCommentSliverList(
                 key: _childListKey,
-                parentPostId: _data!.id,
+                parentPost: _data!,
                 maxWidth: 640,
               ),
             SliverGap(math.max(MediaQuery.of(context).padding.bottom, 16)),

lib/screens/post/post_editor.dart

@@ -1,14 +1,12 @@
 import 'dart:io';
 
 import 'package:collection/collection.dart';
-import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:gap/gap.dart';
-import 'package:go_router/go_router.dart';
 import 'package:hotkey_manager/hotkey_manager.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:pasteboard/pasteboard.dart';
@@ -23,7 +21,6 @@ import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/loading_indicator.dart';
 import 'package:surface/widgets/markdown_content.dart';
 import 'package:surface/widgets/navigation/app_scaffold.dart';
-import 'package:surface/widgets/post/post_item.dart';
 import 'package:surface/widgets/post/post_media_pending_list.dart';
 import 'package:surface/widgets/post/post_meta_editor.dart';
 import 'package:surface/widgets/dialog.dart';

lib/widgets/post/post_comment_list.dart

@@ -8,17 +8,23 @@ import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/post.dart';
 import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/post.dart';
+import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/post/post_item.dart';
 import 'package:surface/widgets/post/post_mini_editor.dart';
 import 'package:very_good_infinite_list/very_good_infinite_list.dart';
 
+import '../../providers/sn_network.dart';
+
 class PostCommentSliverList extends StatefulWidget {
-  final int parentPostId;
+  final SnPost parentPost;
   final double? maxWidth;
+  final Function(SnPost)? onSelectAnswer;
+
   const PostCommentSliverList({
     super.key,
-    required this.parentPostId,
+    required this.parentPost,
     this.maxWidth,
+    this.onSelectAnswer,
   });
 
   @override
@@ -37,7 +43,7 @@ class PostCommentSliverListState extends State<PostCommentSliverList> {
     setState(() => _isBusy = true);
 
     final pt = context.read<SnPostContentProvider>();
-    final result = await pt.listPostReplies(widget.parentPostId);
+    final result = await pt.listPostReplies(widget.parentPost.id);
     final List<SnPost> out = result.$1;
 
     if (!mounted) return;
@@ -48,6 +54,21 @@ class PostCommentSliverListState extends State<PostCommentSliverList> {
     if (mounted) setState(() => _isBusy = false);
   }
 
+  Future<void> _selectAnswer(SnPost answer) async {
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      await sn.client.put('/cgi/co/questions/${widget.parentPost.id}/answer', data: {
+        'publisher': answer.publisherId,
+        'answer_id': answer.id,
+      });
+      if (!mounted) return;
+      await refresh();
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    }
+  }
+
   Future<void> refresh() async {
     _posts.clear();
     _fetchPosts();
@@ -71,6 +92,7 @@ class PostCommentSliverListState extends State<PostCommentSliverList> {
           child: PostItem(
             data: _posts[idx],
             maxWidth: widget.maxWidth,
+            onSelectAnswer: widget.parentPost.type == 'question' ? () => _selectAnswer(_posts[idx]) : null,
             onChanged: (data) {
               setState(() => _posts[idx] = data);
             },
@@ -94,11 +116,12 @@ class PostCommentSliverListState extends State<PostCommentSliverList> {
 }
 
 class PostCommentListPopup extends StatefulWidget {
-  final int postId;
+  final SnPost post;
   final int commentCount;
+
   const PostCommentListPopup({
     super.key,
-    required this.postId,
+    required this.post,
     this.commentCount = 0,
   });
 
@@ -122,9 +145,7 @@ class _PostCommentListPopupState extends State<PostCommentListPopup> {
           children: [
             const Icon(Symbols.comment, size: 24),
             const Gap(16),
-            Text('postCommentsDetailed')
+            Text('postCommentsDetailed').plural(widget.commentCount).textStyle(Theme.of(context).textTheme.titleLarge!),
-                .plural(widget.commentCount)
-                .textStyle(Theme.of(context).textTheme.titleLarge!),
           ],
         ).padding(horizontal: 20, top: 16, bottom: 12),
         Expanded(
@@ -143,7 +164,7 @@ class _PostCommentListPopupState extends State<PostCommentListPopup> {
                       ),
                     ),
                     child: PostMiniEditor(
-                      postReplyId: widget.postId,
+                      postReplyId: widget.post.id,
                       onPost: () {
                         _childListKey.currentState!.refresh();
                       },
@@ -151,8 +172,8 @@ class _PostCommentListPopupState extends State<PostCommentListPopup> {
                   ),
                 ),
               PostCommentSliverList(
+                parentPost: widget.post,
                 key: _childListKey,
-                parentPostId: widget.postId,
               ),
             ],
           ),

lib/widgets/post/post_item.dart

@@ -47,6 +47,7 @@ class PostItem extends StatelessWidget {
   final double? maxWidth;
   final Function(SnPost data)? onChanged;
   final Function()? onDeleted;
+  final Function()? onSelectAnswer;
 
   const PostItem({
     super.key,
@@ -58,6 +59,7 @@ class PostItem extends StatelessWidget {
     this.maxWidth,
     this.onChanged,
     this.onDeleted,
+    this.onSelectAnswer,
   });
 
   void _onChanged(SnPost data) {
@@ -142,6 +144,7 @@ class PostItem extends StatelessWidget {
               isRelativeDate: !showFullPost,
               onShare: () => _doShare(context),
               onShareImage: () => _doShareViaPicture(context),
+              onSelectAnswer: onSelectAnswer,
               onDeleted: () {
                 if (onDeleted != null) {}
               },
@@ -224,6 +227,7 @@ class PostItem extends StatelessWidget {
                 showMenu: showMenu,
                 onShare: () => _doShare(context),
                 onShareImage: () => _doShareViaPicture(context),
+                onSelectAnswer: onSelectAnswer,
                 onDeleted: () {
                   if (onDeleted != null) onDeleted!();
                 },
@@ -456,9 +460,9 @@ class _PostQuestionHint extends StatelessWidget {
             '${data.body['reward']}',
           ])).opacity(0.75)
         else if (data.body['answer'] == null)
-          Text('postQuestionUnanswered').opacity(0.75)
+          Text('postQuestionUnanswered'.tr()).opacity(0.75)
         else
-          Text('postQuestionAnswered').opacity(0.75),
+          Text('postQuestionAnswered'.tr()).opacity(0.75),
       ],
     ).opacity(0.75);
   }
@@ -555,7 +559,7 @@ class _PostBottomAction extends StatelessWidget {
                       context: context,
                       useRootNavigator: true,
                       builder: (context) => PostCommentListPopup(
-                        postId: data.id,
+                        post: data,
                         commentCount: data.metric.replyCount,
                       ),
                     );
@@ -678,6 +682,7 @@ class _PostContentHeader extends StatelessWidget {
   final bool showMenu;
   final Function onDeleted;
   final Function() onShare, onShareImage;
+  final Function()? onSelectAnswer;
 
   const _PostContentHeader({
     required this.data,
@@ -688,6 +693,7 @@ class _PostContentHeader extends StatelessWidget {
     required this.onDeleted,
     required this.onShare,
     required this.onShareImage,
+    this.onSelectAnswer,
   });
 
   Future<void> _deletePost(BuildContext context) async {
@@ -786,6 +792,20 @@ class _PostContentHeader extends StatelessWidget {
               visualDensity: VisualDensity(horizontal: -4, vertical: -4),
             ),
             itemBuilder: (BuildContext context) => <PopupMenuEntry>[
+              if (isAuthor && onSelectAnswer != null)
+                PopupMenuItem(
+                  child: Row(
+                    children: [
+                      const Icon(Symbols.check_circle),
+                      const Gap(16),
+                      Text('postQuestionAnswerSelect').tr(),
+                    ],
+                  ),
+                  onTap: () {
+                    onSelectAnswer?.call();
+                  },
+                ),
+              if (isAuthor && onSelectAnswer != null) PopupMenuDivider(),
               if (isAuthor)
                 PopupMenuItem(
                   child: Row(
@@ -1165,8 +1185,18 @@ class _PostFeaturedComment extends StatefulWidget {
 
 class _PostFeaturedCommentState extends State<_PostFeaturedComment> {
   SnPost? _featuredComment;
+  bool _isAnswer = false;
 
   Future<void> _fetchComments() async {
+    // If this is a answered question, fetch the answer instead
+    if (widget.data.type == 'question' && widget.data.body['answer'] != null) {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get('/cgi/co/posts/${widget.data.body['answer']}');
+      _isAnswer = true;
+      setState(() => _featuredComment = SnPost.fromJson(resp.data));
+      return;
+    }
+
     try {
       final sn = context.read<SnNetworkProvider>();
       final resp = await sn.client.get('/cgi/co/posts/${widget.data.id}/replies/featured', queryParameters: {
@@ -1192,13 +1222,15 @@ class _PostFeaturedCommentState extends State<_PostFeaturedComment> {
     if (widget.data.metric.replyCount == 0) return const SizedBox.shrink();
     if (_featuredComment == null) return const SizedBox.shrink();
 
+    final sn = context.read<SnNetworkProvider>();
+
     return AnimateWidgetExtensions(Container(
       constraints: BoxConstraints(maxWidth: widget.maxWidth ?? double.infinity),
       margin: const EdgeInsets.only(top: 8),
       width: double.infinity,
       child: Material(
         borderRadius: const BorderRadius.all(Radius.circular(8)),
-        color: Theme.of(context).colorScheme.surfaceContainerHigh,
+        color: _isAnswer ? Colors.green.withOpacity(0.5) : Theme.of(context).colorScheme.surfaceContainerHigh,
         child: InkWell(
           borderRadius: const BorderRadius.all(Radius.circular(8)),
           onTap: () {
@@ -1206,7 +1238,7 @@ class _PostFeaturedCommentState extends State<_PostFeaturedComment> {
               context: context,
               useRootNavigator: true,
               builder: (context) => PostCommentListPopup(
-                postId: widget.data.id,
+                post: widget.data,
                 commentCount: widget.data.metric.replyCount,
               ),
             );
@@ -1214,7 +1246,18 @@ class _PostFeaturedCommentState extends State<_PostFeaturedComment> {
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
-              Text('postFeaturedComment', style: Theme.of(context).textTheme.titleMedium!.copyWith(fontSize: 16)).tr(),
+              Row(
+                crossAxisAlignment: CrossAxisAlignment.center,
+                children: [
+                  const Gap(2),
+                  Icon(_isAnswer ? Symbols.task_alt : Symbols.prompt_suggestion, size: 20),
+                  const Gap(10),
+                  Text(
+                    _isAnswer ? 'postQuestionAnswerTitle' : 'postFeaturedComment',
+                    style: Theme.of(context).textTheme.titleMedium!.copyWith(fontSize: 15),
+                  ).tr(),
+                ],
+              ),
               const Gap(4),
               Row(
                 crossAxisAlignment: CrossAxisAlignment.center,
@@ -1222,7 +1265,7 @@ class _PostFeaturedCommentState extends State<_PostFeaturedComment> {
                   CircleAvatar(
                     radius: 12,
                     backgroundImage: UniversalImage.provider(
-                      _featuredComment!.publisher.avatar,
+                      sn.getAttachmentUrl(_featuredComment!.publisher.avatar),
                     ),
                   ),
                   const Gap(8),