From 3b0b9707c6f5b97f067b802a0224b6e435fbee9c Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 19 Feb 2025 10:51:38 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20Web=E7=95=8C=E9=9D=A2=EF=BC=8C=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E6=9B=B4=E6=96=B0=E8=A6=81=E6=9B=B4=E6=98=8E=E6=98=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/DesktopApp.jsx   |  2 +-
 src/views/ReloadPrompt.jsx | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/views/DesktopApp.jsx b/src/views/DesktopApp.jsx
index 21ecce4..a94568b 100644
--- a/src/views/DesktopApp.jsx
+++ b/src/views/DesktopApp.jsx
@@ -188,7 +188,7 @@ function DesktopApp() {
               display: 'flex',
               justifyContent: 'end',
             }}>
-            <ReloadPrompt />
+            <ReloadPrompt style={{marginRight: 'auto'}} />
             <Dropdown
               menu={{
                 items: [
diff --git a/src/views/ReloadPrompt.jsx b/src/views/ReloadPrompt.jsx
index 8e65aa4..647bd03 100644
--- a/src/views/ReloadPrompt.jsx
+++ b/src/views/ReloadPrompt.jsx
@@ -4,10 +4,11 @@ import { useRegisterSW } from 'virtual:pwa-register/react';
 // import { pwaInfo } from 'virtual:pwa-info';
 
 import { BUILD_VERSION, BUILD_DATE } from '@/config'
+import { Alert } from 'antd';
 
 // console.log(pwaInfo, 'pwaInfo');
 
-function ReloadPrompt({ force }) {
+function ReloadPrompt({ force, ...props }) {
 
   const {
     offlineReady: [offlineReady, setOfflineReady],
@@ -57,13 +58,14 @@ function ReloadPrompt({ force }) {
     <>
       {/* {offlineReady && (<span>{APP_VERSION}</span>) } */}
       {(force || needRefresh) && (
-        <a
-          className=' text-sky-600 pr-2'
-          onClick={() => {
-            needRefresh ? updateServiceWorker(true) : forceReload()
-          }}>
-          系统更新{needRefresh && '🚀'}
-        </a>
+        <Alert {...props} banner closable={false}
+          message={<a
+            className=' text-sky-600 pr-2'
+            onClick={() => {
+              needRefresh ? updateServiceWorker(true) : forceReload()
+            }}>
+              {force ? '系统更新' : `新版本发布了，点击👉马上更新`}{needRefresh && '🚀'}
+          </a>} type="info" showIcon icon={'🎉'} />
       )}
     </>