notification.js
1.5 KB
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
import React, { Component, Fragment } from 'react';
import { formatMessage } from 'umi/locale';
import { Switch, List } from 'antd';
class NotificationView extends Component {
getData = () => {
const Action = (
<Switch
checkedChildren={formatMessage({ id: 'BLOCK_BAME.settings.open' })}
unCheckedChildren={formatMessage({ id: 'BLOCK_BAME.settings.close' })}
defaultChecked
/>
);
return [
{
title: formatMessage({ id: 'BLOCK_BAME.notification.password' }, {}),
description: formatMessage({ id: 'BLOCK_BAME.notification.password-description' }, {}),
actions: [Action],
},
{
title: formatMessage({ id: 'BLOCK_BAME.notification.messages' }, {}),
description: formatMessage({ id: 'BLOCK_BAME.notification.messages-description' }, {}),
actions: [Action],
},
{
title: formatMessage({ id: 'BLOCK_BAME.notification.todo' }, {}),
description: formatMessage({ id: 'BLOCK_BAME.notification.todo-description' }, {}),
actions: [Action],
},
];
};
render() {
return (
<Fragment>
<List
itemLayout="horizontal"
dataSource={this.getData()}
renderItem={item => (
<List.Item actions={item.actions}>
<List.Item.Meta title={item.title} description={item.description} />
</List.Item>
)}
/>
</Fragment>
);
}
}
export default NotificationView;