From 4ae7290de115e6d352d84282b8470bcd15a115c4 Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Thu, 16 Jan 2025 10:22:22 +0800
Subject: [PATCH] fix: crash when using Google Translate, close #2121

https://github.com/facebook/react/issues/11538
Static text nodes must be wrapped when they are preceeded by a conditional expression.
This case looks like it cannot be captured using eslint.
---
 apps/renderer/src/modules/entry-content/index.shared.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/renderer/src/modules/entry-content/index.shared.tsx b/apps/renderer/src/modules/entry-content/index.shared.tsx
index f0b1490d8..c9ad6abab 100644
--- a/apps/renderer/src/modules/entry-content/index.shared.tsx
+++ b/apps/renderer/src/modules/entry-content/index.shared.tsx
@@ -302,7 +302,8 @@ const BackTopIndicator: Component = memo(({ className }) => {
           icon2={<CircleProgress percent={readPercent} size={14} strokeWidth={2} />}
           status={readPercent === 0 ? "init" : "done"}
         />
-        {readPercent}%<br />
+        <span>{readPercent}%</span>
+        <br />
       </div>
       <MotionButtonBase
         onClick={() => {