From 9fa80ff325c7648021c0fb42fa7cf65dad009002 Mon Sep 17 00:00:00 2001
From: ljt990218 <50509815+ljt990218@users.noreply.github.com>
Date: Mon, 8 Jul 2024 09:55:02 +0800
Subject: [PATCH] fix: navigation to channel url when clicking author's name or
 avatar in top bar popups (#888)

* fix: UserPanelPop hover Inconsistent animation

* fix(VideoCard): `moreBtn` Button issue from `#829`, add cursor-pointer class to enhance UX

* style(videoPage): add border radius to bp-docker-minor element

* feat(MomentsPop,HistoryPop): Realize clickable author's name and avatar in the top bar pop-up window

* Update videoPage.scss

* Update videoPage.scss
---
 src/components/TopBar/components/HistoryPop.vue |  7 ++++++-
 src/components/TopBar/components/MomentsPop.vue | 14 ++++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/TopBar/components/HistoryPop.vue b/src/components/TopBar/components/HistoryPop.vue
index 1e1b75d4..14c8a048 100644
--- a/src/components/TopBar/components/HistoryPop.vue
+++ b/src/components/TopBar/components/HistoryPop.vue
@@ -359,7 +359,12 @@ function getHistoryList(type: Business, view_at = 0 as number) {
                   {{ historyItem.title }}
                 </h3>
                 <div text="$bew-text-2 sm" m="t-4" flex="~" align="items-center">
-                  {{ historyItem.author_name }}
+                  <a
+                    :href="`https://space.bilibili.com/${historyItem.author_mid}`"
+                    :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
+                  >
+                    {{ historyItem.author_name }}
+                  </a>
                   <span
                     v-if="historyItem.live_status === 1"
                     text="$bew-theme-color"
diff --git a/src/components/TopBar/components/MomentsPop.vue b/src/components/TopBar/components/MomentsPop.vue
index 75b4539f..2ce4ef5f 100644
--- a/src/components/TopBar/components/MomentsPop.vue
+++ b/src/components/TopBar/components/MomentsPop.vue
@@ -18,6 +18,7 @@ interface MomentCard {
   title: string
   author: string
   authorFace: string
+  authorJumpUrl?: string
   pubTime?: string
   cover: string
   link: string
@@ -132,6 +133,7 @@ function checkIfHasNewMomentsThenUpdateMoments() {
             title: items[i].title,
             author: items[i].author.name,
             authorFace: items[i].author.face,
+            authorJumpUrl: items[i].author.jump_url,
             pubTime: items[i].pub_time,
             cover: items[i].cover,
             link: items[i].jump_url,
@@ -184,6 +186,7 @@ function getTopBarMoments() {
             title: item.title,
             author: item.author.name,
             authorFace: item.author.face,
+            authorJumpUrl: item.author.jump_url,
             pubTime: item.pub_time,
             cover: item.cover,
             link: item.jump_url,
@@ -366,7 +369,7 @@ defineExpose({
               style="box-shadow: 0 0 4px var(--bew-theme-color)"
             />
             <a
-              :href="moment.link"
+              :href="moment.authorJumpUrl"
               :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
               rounded="1/2"
               w="40px" h="40px" m="r-4"
@@ -383,7 +386,14 @@ defineExpose({
               <div>
                 <!-- <span v-if="selectedTab !== 1">{{ `${moment.name} ${t('topbar.moments_dropdown.uploaded')}` }}</span> -->
                 <!-- <span v-else>{{ `${moment.name} ${t('topbar.moments_dropdown.now_streaming')}` }}</span> -->
-                <span font-bold>{{ moment.author }}</span>
+
+                <a
+                  :href="moment.authorJumpUrl"
+                  :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
+                  font-bold
+                >
+                  {{ moment.author }}
+                </a>
                 <div overflow-hidden text-ellipsis break-anywhere>
                   {{ moment.title }}
                 </div>