From 89df80baca7c3917448901b94b9ce61e245151e7 Mon Sep 17 00:00:00 2001
From: DacongDA <dacongda1@sina.com>
Date: Wed, 6 Mar 2024 20:30:54 +0800
Subject: [PATCH] feat: remove loading fallback in Suspense and use spin to
 display (#2780)

---
 web/src/App.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/App.js b/web/src/App.js
index c68645ac..7ea391fa 100644
--- a/web/src/App.js
+++ b/web/src/App.js
@@ -18,7 +18,7 @@ import {Helmet} from "react-helmet";
 import * as Setting from "./Setting";
 import {StyleProvider, legacyLogicalPropertiesTransformer} from "@ant-design/cssinjs";
 import {GithubOutlined, InfoCircleFilled, ShareAltOutlined} from "@ant-design/icons";
-import {Alert, Button, ConfigProvider, Drawer, FloatButton, Layout, Result, Tooltip} from "antd";
+import {Alert, Button, ConfigProvider, Drawer, FloatButton, Layout, Result, Spin, Tooltip} from "antd";
 import {Route, Switch, withRouter} from "react-router-dom";
 import CustomGithubCorner from "./common/CustomGithubCorner";
 import * as Conf from "./Conf";
@@ -366,7 +366,10 @@ class App extends Component {
         <FloatButton.BackTop />
         <CustomGithubCorner />
         {
-          <Suspense fallback={<div>loading</div>}>
+          <Suspense fallback={
+            <div className="loginBackground" style={{height: "100vh"}}>
+              <Spin size="large" spinning={true} tip={i18next.t("login:Loading")} style={{margin: "0 auto"}} />
+            </div>}>
             <Layout id="parent-area">
               <ManagementPage
                 account={this.state.account}