From fb8fc667332a8b5155bca08c08512ea0f4cc7ec2 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Fri, 11 Jul 2025 17:05:41 +0800
Subject: [PATCH] refactor(menu): show delete/approve options conditionally

---
 open-isle-cli/src/components/CommentItem.vue | 11 ++++++-----
 open-isle-cli/src/views/PostPageView.vue     | 16 +++++++++++-----
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/open-isle-cli/src/components/CommentItem.vue b/open-isle-cli/src/components/CommentItem.vue
index d6aea1c5f..00aa24b7e 100644
--- a/open-isle-cli/src/components/CommentItem.vue
+++ b/open-isle-cli/src/components/CommentItem.vue
@@ -58,14 +58,14 @@
 </template>
 
 <script>
-import { ref, watch } from 'vue'
+import { ref, watch, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import CommentEditor from './CommentEditor.vue'
 import { renderMarkdown } from '../utils/markdown'
 import TimeManager from '../utils/time'
 import BaseTimeline from './BaseTimeline.vue'
 import { API_BASE_URL, toast } from '../main'
-import { getToken } from '../utils/auth'
+import { getToken, authState } from '../utils/auth'
 import ReactionsGroup from './ReactionsGroup.vue'
 import DropdownMenu from './DropdownMenu.vue'
 const CommentItem = {
@@ -101,9 +101,10 @@ const CommentItem = {
     const toggleEditor = () => {
       showEditor.value = !showEditor.value
     }
-    const commentMenuItems = ref([
-      { text: '删除评论', color: 'red', onClick: () => deleteComment() }
-    ])
+    const isAuthor = computed(() => authState.username === props.comment.userName)
+    const commentMenuItems = computed(() =>
+      isAuthor.value ? [{ text: '删除评论', color: 'red', onClick: () => deleteComment() }] : []
+    )
     const deleteComment = () => {
     }
     const submitReply = async (text) => {
diff --git a/open-isle-cli/src/views/PostPageView.vue b/open-isle-cli/src/views/PostPageView.vue
index 11a893919..d20fe1074 100644
--- a/open-isle-cli/src/views/PostPageView.vue
+++ b/open-isle-cli/src/views/PostPageView.vue
@@ -138,11 +138,17 @@ export default {
     const loggedIn = computed(() => authState.loggedIn)
     const isAdmin = computed(() => authState.role === 'ADMIN')
     const isAuthor = computed(() => authState.username === author.value.username)
-    const articleMenuItems = [
-      { text: '删除文章', color: 'red', onClick: () => deletePost() },
-      { text: '通过审核', onClick: () => approvePost() },
-      { text: '驳回', color: 'red', onClick: () => rejectPost() }
-    ]
+    const articleMenuItems = computed(() => {
+      const items = []
+      if (isAuthor.value) {
+        items.push({ text: '删除文章', color: 'red', onClick: () => deletePost() })
+      }
+      if (isAdmin.value && status.value === 'PENDING') {
+        items.push({ text: '通过审核', onClick: () => approvePost() })
+        items.push({ text: '驳回', color: 'red', onClick: () => rejectPost() })
+      }
+      return items
+    })
 
     const gatherPostItems = () => {
       const items = []