From 57cb15017788eddae9ecc41bdb275520e7c1850e Mon Sep 17 00:00:00 2001
From: JustSong <songquanpeng@foxmail.com>
Date: Sun, 14 May 2023 16:13:42 +0800
Subject: [PATCH] perf: load cached about content first (#60)

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

diff --git a/web/src/pages/About/index.js b/web/src/pages/About/index.js
index eba6e0e9..04db5127 100644
--- a/web/src/pages/About/index.js
+++ b/web/src/pages/About/index.js
@@ -5,18 +5,21 @@ import { marked } from 'marked';
 
 const About = () => {
   const [about, setAbout] = useState('');
+  const [aboutLoaded, setAboutLoaded] = useState(false);
 
   const displayAbout = async () => {
+    setAbout(localStorage.getItem('about') || '');
     const res = await API.get('/api/about');
     const { success, message, data } = res.data;
     if (success) {
       let HTMLAbout = marked.parse(data);
-      localStorage.setItem('about', HTMLAbout);
       setAbout(HTMLAbout);
+      localStorage.setItem('about', HTMLAbout);
     } else {
       showError(message);
       setAbout('加载关于内容失败...');
     }
+    setAboutLoaded(true);
   };
 
   useEffect(() => {
@@ -27,7 +30,7 @@ const About = () => {
     <>
       <Segment>
         {
-          about === '' ? <>
+          aboutLoaded && about === '' ? <>
             <Header as='h3'>关于</Header>
             <p>可在设置页面设置关于内容，支持 HTML & Markdown</p>
             项目仓库地址：