first commit
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
import React from 'react';
|
||||
import {CloseCircleOutlined} from '@ant-design/icons';
|
||||
import {Button, Card, Result, Typography} from 'antd';
|
||||
|
||||
const {Paragraph, Text} = Typography;
|
||||
|
||||
const App: React.FC = () => (
|
||||
<Card variant={"borderless"}>
|
||||
<Result
|
||||
status="error"
|
||||
title="Submission Failed"
|
||||
subTitle="Please check and modify the following information before resubmitting."
|
||||
extra={[
|
||||
<Button type="primary" key="console">
|
||||
Go Console
|
||||
</Button>,
|
||||
<Button key="buy">Buy Again</Button>,
|
||||
]}
|
||||
>
|
||||
<div className="desc">
|
||||
<Paragraph>
|
||||
<Text
|
||||
strong
|
||||
style={{
|
||||
fontSize: 16,
|
||||
}}
|
||||
>
|
||||
The content you submitted has the following error:
|
||||
</Text>
|
||||
</Paragraph>
|
||||
<Paragraph>
|
||||
<CloseCircleOutlined className="site-result-demo-error-icon"/> Your account has been
|
||||
frozen. <a>Thaw immediately ></a>
|
||||
</Paragraph>
|
||||
<Paragraph>
|
||||
<CloseCircleOutlined className="site-result-demo-error-icon"/> Your account is not yet
|
||||
eligible to apply. <a>Apply Unlock ></a>
|
||||
</Paragraph>
|
||||
</div>
|
||||
</Result>
|
||||
</Card>
|
||||
);
|
||||
|
||||
export default App;
|
||||
@@ -0,0 +1,17 @@
|
||||
import React from 'react';
|
||||
import {Button, Card, Result} from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<Card variant={"borderless"}>
|
||||
<Result
|
||||
title="Your operation has been executed"
|
||||
extra={
|
||||
<Button type="primary" key="console">
|
||||
Go Console
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
</Card>
|
||||
);
|
||||
|
||||
export default App;
|
||||
@@ -0,0 +1,20 @@
|
||||
import React from 'react';
|
||||
import {Button, Card, Result} from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<Card variant={"borderless"}>
|
||||
<Result
|
||||
status="success"
|
||||
title="Successfully Purchased Cloud Server ECS!"
|
||||
subTitle="Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait."
|
||||
extra={[
|
||||
<Button type="primary" key="console">
|
||||
Go Console
|
||||
</Button>,
|
||||
<Button key="buy">Buy Again</Button>,
|
||||
]}
|
||||
/>
|
||||
</Card>
|
||||
);
|
||||
|
||||
export default App;
|
||||
@@ -0,0 +1,18 @@
|
||||
import React from 'react';
|
||||
import {Button, Card, Result} from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<Card variant={"borderless"}>
|
||||
<Result
|
||||
status="warning"
|
||||
title="There are some problems with your operation."
|
||||
extra={
|
||||
<Button type="primary" key="console">
|
||||
Go Console
|
||||
</Button>
|
||||
}
|
||||
/>
|
||||
</Card>
|
||||
);
|
||||
|
||||
export default App;
|
||||
Reference in New Issue
Block a user