1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
import React from "react";
import { HeartTwoTone, SmileTwoTone } from "@ant-design/icons";
import { Card, Typography, Alert } from "antd";
import { PageHeaderWrapper } from "@ant-design/pro-layout";
import { useIntl } from "umi";
const Admin = () => {
const intl = useIntl();
return (
<PageHeaderWrapper
content={intl.formatMessage({
id: "pages.admin.subPage.title",
defaultMessage: "This page can only be viewed by admin",
})}
>
<Card>
<Alert
message={intl.formatMessage({
id: "pages.welcome.alertMessage",
defaultMessage:
"Faster and stronger heavy-duty components have been released.",
})}
type="success"
showIcon
banner
style={{
margin: -12,
marginBottom: 48,
}}
/>
<Typography.Title
level={2}
style={{
textAlign: "center",
}}
>
<SmileTwoTone /> Ant Design Pro{" "}
<HeartTwoTone twoToneColor="#eb2f96" /> You
</Typography.Title>
</Card>
<p
style={{
textAlign: "center",
marginTop: 24,
}}
>
Want to add more pages? Please refer to{" "}
<a
href="https://pro.ant.design/docs/block-cn"
target="_blank"
rel="noopener noreferrer"
>
use block
</a>
。
</p>
</PageHeaderWrapper>
);
};
export default Admin;