From 8547e4662b8045ebf2d984d7486a05aec2b6fc67 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Fri, 11 Jul 2025 18:09:09 +0800
Subject: [PATCH] feat: update timeline ui

---
 .../src/components/HeaderComponent.vue        |  4 +++-
 .../src/components/ReactionsGroup.vue         |  1 +
 open-isle-cli/src/views/MessagePageView.vue   |  6 +++---
 open-isle-cli/src/views/ProfileView.vue       | 20 +++++++++++++++++++
 4 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/open-isle-cli/src/components/HeaderComponent.vue b/open-isle-cli/src/components/HeaderComponent.vue
index e91232a3f..362606eb0 100644
--- a/open-isle-cli/src/components/HeaderComponent.vue
+++ b/open-isle-cli/src/components/HeaderComponent.vue
@@ -109,7 +109,9 @@ export default {
         }
       }
       if (id) {
-        this.$router.push(`/users/${id}`)
+        this.$router.push(`/users/${id}`).then(() => {
+          window.location.reload()
+        })
       }
     },
     goToSignup() {
diff --git a/open-isle-cli/src/components/ReactionsGroup.vue b/open-isle-cli/src/components/ReactionsGroup.vue
index 88b13002d..1feb6e6bb 100644
--- a/open-isle-cli/src/components/ReactionsGroup.vue
+++ b/open-isle-cli/src/components/ReactionsGroup.vue
@@ -260,6 +260,7 @@ export default {
   flex-wrap: wrap;
   z-index: 10;
   gap: 2px;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
 }
 
 .reaction-option {
diff --git a/open-isle-cli/src/views/MessagePageView.vue b/open-isle-cli/src/views/MessagePageView.vue
index d1341dd59..129dbdcad 100644
--- a/open-isle-cli/src/views/MessagePageView.vue
+++ b/open-isle-cli/src/views/MessagePageView.vue
@@ -18,7 +18,7 @@
           <span class="notif-type">
             <template v-if="item.type === 'COMMENT_REPLY' && item.parentComment">
               <div class="notif-content-container">
-                <span class="notif-user">{{ item.comment.author.username }} </span> 对我的评论
+                <router-link class="notif-content-text" @click="markRead(item.id)" :to="`/users/${item.comment.author.id}`">{{ item.comment.author.username }} </router-link> 对我的评论
                 <span>
                   <router-link class="notif-content-text" @click="markRead(item.id)"
                     :to="`/posts/${item.post.id}#comment-${item.parentComment.id}`">
@@ -33,7 +33,7 @@
             </template>
             <template v-else-if="item.type === 'COMMENT_REPLY' && !item.parentComment">
               <div class="notif-content-container">
-                <span class="notif-user">{{ item.comment.author.username }} </span> 对我的文章
+                <router-link class="notif-content-text" @click="markRead(item.id)" :to="`/users/${item.comment.author.id}`">{{ item.comment.author.username }} </router-link> 对我的文章
                 <span>
                   <router-link class="notif-content-text" @click="markRead(item.id)" :to="`/posts/${item.post.id}`">
                     {{ sanitizeDescription(item.post.title) }}
@@ -58,7 +58,7 @@
             </template>
             <template v-else-if="item.type === 'REACTION' && item.comment">
               <div class="notif-content-container">
-                <span class="notif-user">{{ item.fromUser.username }} </span> 对我的评论
+                <router-link class="notif-content-text" @click="markRead(item.id)" :to="`/users/${item.fromUser.id}`">{{ item.fromUser.username }} </router-link> 对我的评论
                 <span>
                   <router-link class="notif-content-text" @click="markRead(item.id)" :to="`/posts/${item.post.id}#comment-${item.comment.id}`">
                     {{ sanitizeDescription(item.comment.content) }}
diff --git a/open-isle-cli/src/views/ProfileView.vue b/open-isle-cli/src/views/ProfileView.vue
index 4b0bfeda2..463747214 100644
--- a/open-isle-cli/src/views/ProfileView.vue
+++ b/open-isle-cli/src/views/ProfileView.vue
@@ -157,6 +157,12 @@
       </div>
 
       <div v-else-if="selectedTab === 'timeline'" class="profile-timeline">
+        <div v-if="timelineItems.length === 0" class="no-timeline">
+          <i class="fas fa-inbox no-timeline-icon"></i>
+          <div class="no-timeline-text">
+            暂无时间线
+          </div>
+        </div>
         <BaseTimeline :items="timelineItems">
           <template #item="{ item }">
             <template v-if="item.type === 'post'">
@@ -627,4 +633,18 @@ export default {
   padding-left: 20px;
 }
 
+.no-timeline {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  justify-content: center;
+  align-items: center;
+  height: 300px;
+  opacity: 0.5;
+}
+
+.no-timeline-text {
+  font-size: 16px;
+  color: var(--text-color);
+}
 </style>