Loading

src/pages/Changelog/index.js

@@ -1,22 +1,31 @@
 import { HistoryOutlined } from "@ant-design/icons";
-import { Avatar, Divider, List, Typography } from "antd";
+import { Avatar, Divider, List, Typography, notification } from "antd";
 import { Content } from "antd/lib/layout/layout";
 import axios from "axios";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { Helmet } from "react-helmet";
 
 const Changelog = () => {
 	const [logList, setLogList] = useState([]);
+	const [loading, setLoading] = useState(false);
 
 	useEffect(() => {
 		const fetchData = async () => {
 			try {
+				setLoading(true);
 				const res = await axios.get(
 					"https://api.github.com/repos/thangved/w5-tools/commits"
 				);
 
 				setLogList(res.data);
-			} catch (error) {}
+			} catch (error) {
+				notification.error({
+					message: "Lỗi",
+					description: error.message,
+				});
+			} finally {
+				setLoading(false);
+			}
 		};
 
 		fetchData();
@@ -35,6 +44,7 @@ const Changelog = () => {
 			<Divider />
 
 			<List
+				loading={loading}
 				bordered
 				header="Nhật ký thay đổi"
 				dataSource={logList}