65 lines
2.9 KiB
TypeScript
65 lines
2.9 KiB
TypeScript
|
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;
|