完成更新日志页面

2024-08-16 13:00:02 +08:00
parent 6690118146
commit 86562203b8
5 changed files with 91 additions and 24 deletions
--- a/src/pages/Iterative/index.tsx
+++ b/src/pages/Iterative/index.tsx
@@ -0,0 +1,64 @@
+import { Card, Timeline, TimelineItemProps } from 'antd';
+import { useEffect, useState } from 'react';
+import Title from '@/components/Title';
+
+const Home = () => {
+    const [blog_iterativeRecording, setBlog_IterativeRecording] = useState<TimelineItemProps[]>([])
+    const [admin_iterativeRecording, setAdmin_IterativeRecording] = useState<TimelineItemProps[]>([])
+    const [server_iterativeRecording, setServer_IterativeRecording] = useState<TimelineItemProps[]>([])
+
+    // 从github获取最近10次迭代记录
+    const getCommitData = async (project: string) => {
+        const res = await fetch(`https://api.github.com/repos/LiuYuYang01/${project}/commits?per_page=10`)
+        const data = await res.json()
+        const result = data.map((item: { commit: { message: string } }) => ({ children: item.commit.message }))
+
+        sessionStorage.setItem('blog_project_iterative', JSON.stringify(result))
+        project === "Thrive_Blog" && setBlog_IterativeRecording(result)
+
+        sessionStorage.setItem('admin_project_iterative', JSON.stringify(result))
+        project === "Thrive_Admin" && setAdmin_IterativeRecording(result)
+
+        sessionStorage.setItem('server_project_iterative', JSON.stringify(result))
+        project === "Thrive_Api_Py" && setServer_IterativeRecording(result)
+    }
+
+    useEffect(() => {
+        // 如果缓存中有值就无需重新调接口
+        const blog_project_iterative = JSON.parse(sessionStorage.getItem('blog_project_iterative') || '[]')
+        blog_project_iterative.length ? setBlog_IterativeRecording(blog_project_iterative) : getCommitData("Thrive_Blog")
+
+        const admin_project_iterative = JSON.parse(sessionStorage.getItem('admin_project_iterative') || '[]')
+        admin_project_iterative.length ? setAdmin_IterativeRecording(admin_project_iterative) : getCommitData("Thrive_Admin")
+
+        const server_project_iterative = JSON.parse(sessionStorage.getItem('server_project_iterative') || '[]')
+        server_project_iterative.length ? setServer_IterativeRecording(server_project_iterative) : getCommitData("Thrive_Api_Py")
+    }, [])
+
+    return (
+        <>
+            <Title value='项目迭代记录'></Title>
+
+            <Card className='mt-2'>
+                <div className='flex justify-around'>
+                    <div>
+                        <h3 className='text-xl text-center pb-6 font-bold'>Thrive_Blog</h3>
+                        <Timeline items={blog_iterativeRecording} />
+                    </div>
+
+                    <div>
+                        <h3 className='text-xl text-center pb-6 font-bold'>Thrive_Admin</h3>
+                        <Timeline items={admin_iterativeRecording} />
+                    </div>
+
+                    <div>
+                        <h3 className='text-xl text-center pb-6 font-bold'>Thrive_Server</h3>
+                        <Timeline items={server_iterativeRecording} />
+                    </div>
+                </div>
+            </Card>
+        </>
+    );
+};
+
+export default Home;