golang/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2025-11-01 10:55:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix deprecated antd dropdown warnings (#3171)

Browse Source 
* Fix deprecated antd dropdown warnings
This commit is contained in:
janWilejan
2023-07-13 20:28:12 +00:00
committed by GitHub
parent 5389554028
commit e15e2dc47c
5 changed files with 65 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/components/chat/ChatModerationActionMenu/ChatModerationActionMenu.module.scss
View File

@ -1,3 +0,0 @@
.icon {
padding-right: 10px;
}

67
web/components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx
View File

@ -1,9 +1,8 @@
import { Dropdown, Menu, MenuProps, Space, message, Modal as AntModal } from 'antd';
import { Dropdown, MenuProps, Space, message, Modal as AntModal } from 'antd';
import { FC, useState } from 'react';
import dynamic from 'next/dynamic';
import { Modal } from '../../ui/Modal/Modal';
import { ChatModerationDetailsModal } from '../ChatModerationDetailsModal/ChatModerationDetailsModal';
import styles from './ChatModerationActionMenu.module.scss';
import ChatModeration from '../../../services/moderation-service';
const { confirm } = AntModal;
@ -82,53 +81,29 @@ export const ChatModerationActionMenu: FC<ChatModerationActionMenuProps> = ({
});
};
const onMenuClick: MenuProps['onClick'] = ({ key }) => {
if (key === 'hide-message') {
confirmHideMessage();
} else if (key === 'ban-user') {
confirmBanUser();
} else if (key === 'more-info') {
setShowUserDetailsModal(true);
}
};
const menu = (
<Menu
onClick={onMenuClick}
items={[
{
label: (
<div>
<span className={styles.icon}>
<EyeInvisibleOutlined />
</span>
Hide Message
</div>
),
key: 'hide-message',
},
{
label: (
<div>
<span className={styles.icon}>
<CloseCircleOutlined />
</span>
Ban User
</div>
),
key: 'ban-user',
},
{
label: <div>More Info...</div>,
key: 'more-info',
},
]}
/>
);
const items: MenuProps['items'] = [
{
icon: <EyeInvisibleOutlined />,
label: 'Hide Message',
key: 'hide-message',
onClick: confirmHideMessage,
},
{
icon: <CloseCircleOutlined />,
label: 'Ban User',
key: 'ban-user',
onClick: confirmBanUser,
},
{
label: 'More Info...',
key: 'more-info',
onClick: () => setShowUserDetailsModal(true),
},
];
return (
<>
<Dropdown overlay={menu} trigger={['click']}>
<Dropdown menu={{ items }} trigger={['click']}>
<button type="button" onClick={e => e.preventDefault()}>
<Space>
<SmallDashOutlined />