From 2281714c59936d37594703ac790b415e6f2956f0 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Fri, 29 Mar 2024 20:12:59 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/10792

---
 app/src/config/about.ts          | 3 ++-
 app/src/mobile/settings/about.ts | 5 ++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/src/config/about.ts b/app/src/config/about.ts
index dd58986be..dfc9afa8b 100644
--- a/app/src/config/about.ts
+++ b/app/src/config/about.ts
@@ -155,7 +155,7 @@ export const about = {
 <div class="fn__flex config__item  b3-label">
     <div class="fn__flex-1">
         ${window.siyuan.languages.about13}
-         <div class="b3-label__text">${window.siyuan.languages.about14.replace("${token}", window.siyuan.config.api.token)}</div>
+         <div class="b3-label__text" id="tokenTip">${window.siyuan.languages.about14.replace("${token}", window.siyuan.config.api.token)}</div>
     </div>
     <span class="fn__space"></span>
     <input class="b3-text-field fn__flex-center fn__size200" id="token" value="${window.siyuan.config.api.token}">
@@ -204,6 +204,7 @@ export const about = {
         tokenElement.addEventListener("change", () => {
             fetchPost("/api/system/setAPIToken", {token: tokenElement.value}, () => {
                 window.siyuan.config.api.token = tokenElement.value;
+                about.element.querySelector("#tokenTip").innerHTML = window.siyuan.languages.about14.replace("${token}", window.siyuan.config.api.token)
             });
         });
         about.element.querySelector("#exportLog").addEventListener("click", () => {
diff --git a/app/src/mobile/settings/about.ts b/app/src/mobile/settings/about.ts
index 68e34f4a3..a16c2458d 100644
--- a/app/src/mobile/settings/about.ts
+++ b/app/src/mobile/settings/about.ts
@@ -98,7 +98,6 @@ export const initAbout = () => {
     <button class="b3-button b3-button--outline fn__block" id="exportData">
        <svg><use xlink:href="#iconUpload"></use></svg>${window.siyuan.languages.export}
     </button>
-    <div class="fn__hr"></div>
     <div class="b3-label__text">${window.siyuan.languages.exportDataTip}</div>
 </div>
 <div class="b3-label${window.siyuan.config.readonly ? " fn__none" : ""}">
@@ -110,7 +109,6 @@ export const initAbout = () => {
         <input id="importData" class="b3-form__upload" type="file">
         <svg><use xlink:href="#iconDownload"></use></svg> ${window.siyuan.languages.import}
     </button>
-    <div class="fn__hr"></div>
     <div class="b3-label__text">${window.siyuan.languages.importDataTip}</div>
 </div>
 <div class="b3-label${(!window.siyuan.config.readonly && (isInAndroid() || isInIOS())) ? "" : " fn__none"}">
@@ -131,7 +129,7 @@ export const initAbout = () => {
             <svg><use xlink:href="#iconCopy"></use></svg>${window.siyuan.languages.copy}
         </button>
     </div>
-    <div class="b3-label__text">${window.siyuan.languages.about14.replace("${token}", window.siyuan.config.api.token)}</div>
+    <div class="b3-label__text" id="tokenTip">${window.siyuan.languages.about14.replace("${token}", window.siyuan.config.api.token)}</div>
 </div>
 <div class="b3-label">
     <div class="config-about__logo">
@@ -369,6 +367,7 @@ export const initAbout = () => {
             tokenElement.addEventListener("change", () => {
                 fetchPost("/api/system/setAPIToken", {token: tokenElement.value}, () => {
                     window.siyuan.config.api.token = tokenElement.value;
+                    modelMainElement.querySelector("#tokenTip").innerHTML = window.siyuan.languages.about14.replace("${token}", window.siyuan.config.api.token)
                 });
             });
         }