From d434c370ab92c9b0b23b07e733ef10a015a3dc18 Mon Sep 17 00:00:00 2001
From: JustSong <songquanpeng@foxmail.com>
Date: Sun, 14 May 2023 16:13:12 +0800
Subject: [PATCH] perf: load cached about content first

---
 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 d6bfd77..3288ea9 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(() => {
@@ -26,7 +29,7 @@ const About = () => {
   return (
     <>
       <Segment>
-        {about === '' ? (
+        {aboutLoaded && about === '' ? (
           <>
             <Header as='h3'>关于</Header>
             <p>可在设置页面设置关于内容，支持 HTML & Markdown</p>