You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.1 KiB
46 lines
1.1 KiB
import { List, Switch } from 'antd';
|
|
import React, { Fragment } from 'react';
|
|
|
|
type Unpacked<T> = T extends (infer U)[] ? U : T;
|
|
|
|
const NotificationView: React.FC = () => {
|
|
const getData = () => {
|
|
const Action = (
|
|
<Switch checkedChildren="开" unCheckedChildren="关" defaultChecked />
|
|
);
|
|
return [
|
|
{
|
|
title: '用户消息',
|
|
description: '其他用户的消息将以站内信的形式通知',
|
|
actions: [Action],
|
|
},
|
|
{
|
|
title: '系统消息',
|
|
description: '系统消息将以站内信的形式通知',
|
|
actions: [Action],
|
|
},
|
|
{
|
|
title: '待办任务',
|
|
description: '待办任务将以站内信的形式通知',
|
|
actions: [Action],
|
|
},
|
|
];
|
|
};
|
|
|
|
const data = getData();
|
|
return (
|
|
<Fragment>
|
|
<List<Unpacked<typeof data>>
|
|
itemLayout="horizontal"
|
|
dataSource={data}
|
|
renderItem={(item) => (
|
|
<List.Item actions={item.actions}>
|
|
<List.Item.Meta title={item.title} description={item.description} />
|
|
</List.Item>
|
|
)}
|
|
/>
|
|
</Fragment>
|
|
);
|
|
};
|
|
|
|
export default NotificationView;
|
|
|