From e338de45b6f46406e6feb0118c91c8ef461fd1a7 Mon Sep 17 00:00:00 2001
From: Mikey <openresty@hotmail.com>
Date: Fri, 13 Oct 2023 21:42:07 -0700
Subject: [PATCH] fix: 404 Component is missing (#592)

* fix: 404 Component is missing

* chore: update 404 page style

---------

Co-authored-by: JustSong <songquanpeng@foxmail.com>
---
 web/src/App.js                  |  4 +++-
 web/src/pages/NotFound/index.js | 17 +++++------------
 2 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/web/src/App.js b/web/src/App.js
index c967ce2c..13c884dc 100644
--- a/web/src/App.js
+++ b/web/src/App.js
@@ -283,7 +283,9 @@ function App() {
           </Suspense>
         }
       />
-      <Route path='*' element={NotFound} />
+      <Route path='*' element={
+          <NotFound />
+      } />
     </Routes>
   );
 }
diff --git a/web/src/pages/NotFound/index.js b/web/src/pages/NotFound/index.js
index 08a95f9d..f92dbc90 100644
--- a/web/src/pages/NotFound/index.js
+++ b/web/src/pages/NotFound/index.js
@@ -1,19 +1,12 @@
 import React from 'react';
-import { Segment, Header } from 'semantic-ui-react';
+import { Message } from 'semantic-ui-react';
 
 const NotFound = () => (
   <>
-    <Header
-      block
-      as="h4"
-      content="404"
-      attached="top"
-      icon="info"
-      className="small-icon"
-    />
-    <Segment attached="bottom">
-      未找到所请求的页面
-    </Segment>
+    <Message negative>
+      <Message.Header>页面不存在</Message.Header>
+      <p>请检查你的浏览器地址是否正确</p>
+    </Message>
   </>
 );