From 7d4b7bbba1db3a2e304ceef49bbcb35b90d63672 Mon Sep 17 00:00:00 2001
From: Jimmy Liow <lyj@hainatravel.com>
Date: Thu, 5 Sep 2024 16:25:36 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BD=BF=E7=94=A8Message=E5=85=A8?=
 =?UTF-8?q?=E5=B1=80=E6=8F=90=E7=A4=BA=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/App.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/views/App.jsx b/src/views/App.jsx
index 69b558e..f525e51 100644
--- a/src/views/App.jsx
+++ b/src/views/App.jsx
@@ -1,6 +1,6 @@
 import { Outlet, Link, useHref, useNavigate, NavLink } from 'react-router-dom'
 import { useEffect, useState } from 'react'
-import { Layout, Menu, ConfigProvider, theme, Dropdown, FloatButton, Space, Row, Col, Badge, App as AntApp } from 'antd'
+import { Layout, Menu, ConfigProvider, theme, Dropdown, message, FloatButton, Space, Row, Col, Badge, App as AntApp } from 'antd'
 import { DownOutlined } from '@ant-design/icons'
 import 'antd/dist/reset.css'
 import AppLogo from '@/assets/logo-gh.png'
@@ -34,7 +34,7 @@ function App() {
 
   const { loginToken } = usingStorage()
 
-  const { message, notification } = AntApp.useApp()
+  const [messageApi, contextHolder] = message.useMessage()
 
   const noticeUnRead = useNoticeStore((state) => state.noticeUnRead)
 	const href = useHref()
@@ -65,9 +65,9 @@ function App() {
   const uploadLog = () => {
     if (window.$pageSpy) {
       window.$pageSpy.triggerPlugins('onOfflineLog', 'upload')
-      alert('Success.')
+      messageApi.info('Success')
     } else {
-      alert('Failure.')
+      messageApi.error('Failure')
     }
   }
 
@@ -83,6 +83,7 @@ function App() {
 			}}>
 			<AntApp>
       <FloatButton icon={<BugOutlined />} onClick={() => uploadLog()} />
+      {contextHolder}
       <ErrorBoundary>
 				<Layout className='min-h-screen'>
 					<Header className='sticky top-0 z-10 w-full'>