Update the chat moderation modal with slightly better layout. Closes #2073

This commit is contained in:
Gabe Kangas
2022-10-02 11:02:21 -07:00
parent 65b6feb40d
commit a931fe0ddf
3 changed files with 90 additions and 86 deletions

View File

@ -4,13 +4,14 @@ import {
EyeInvisibleOutlined,
SmallDashOutlined,
} from '@ant-design/icons';
import { Dropdown, Menu, MenuProps, Space, Modal, message } from 'antd';
import { Dropdown, Menu, MenuProps, Space, message, Modal as AntModal } from 'antd';
import { FC, useState } from 'react';
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 } = Modal;
const { confirm } = AntModal;
export type ChatModerationActionMenuProps = {
accessToken: string;
@ -119,11 +120,9 @@ export const ChatModerationActionMenu: FC<ChatModerationActionMenuProps> = ({
</button>
</Dropdown>
<Modal
title={userDisplayName}
visible={showUserDetailsModal}
okText="Ban User"
okButtonProps={{ danger: true }}
onOk={handleBanUser}
onCancel={() => {
handleCancel={() => {
setShowUserDetailsModal(false);
}}
>