From 5da3c4ef25ea421427f32a1e151bf67ca1f09fbc Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Fri, 8 Mar 2024 23:14:46 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/10545

---
 app/src/protyle/header/Title.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/src/protyle/header/Title.ts b/app/src/protyle/header/Title.ts
index 89011125904..bd92b796fa8 100644
--- a/app/src/protyle/header/Title.ts
+++ b/app/src/protyle/header/Title.ts
@@ -294,7 +294,14 @@ export class Title {
             nodeAttrHTML += `<div class="protyle-attr--memo b3-tooltips b3-tooltips__sw" aria-label="${Lute.EscapeHTMLStr(response.data.ial.memo)}"><svg><use xlink:href="#iconM"></use></svg></div>`;
         }
         if (response.data.ial["custom-avs"]) {
-            nodeAttrHTML += '<div class="protyle-attr--av"><svg><use xlink:href="#iconDatabase"></use></svg></div>';
+            let avTitle = "";
+            response.data.attrViews.forEach((item: { id: string, name: string }) => {
+                avTitle += `<span data-av-id="${item.id}" data-popover-url="/api/av/getMirrorDatabaseBlocks" class="popover__block">${item.name}</span>&nbsp;`
+            });
+            if (avTitle) {
+                avTitle = avTitle.substring(0, avTitle.length - 6);
+            }
+            nodeAttrHTML += `<div class="protyle-attr--av"><svg><use xlink:href="#iconDatabase"></use></svg>${avTitle}</div>`;
         }
         this.element.querySelector(".protyle-attr").innerHTML = nodeAttrHTML;
         if (response.data.refCount !== 0) {