theluyuan
38ba663466
Some checks failed
Close stale issues and PRs / stale (push) Has been cancelled
63 lines
1.4 KiB
TypeScript
63 lines
1.4 KiB
TypeScript
import React, { useEffect } from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { makeStyles } from 'tss-react/mui';
|
|
|
|
import Dialog from '../../../base/ui/components/web/Dialog';
|
|
|
|
const useStyles = makeStyles()(theme => {
|
|
return {
|
|
dialog: {
|
|
marginBottom: theme.spacing(1)
|
|
},
|
|
|
|
text: {
|
|
fontSize: '1.25rem'
|
|
}
|
|
};
|
|
});
|
|
|
|
/**
|
|
* The type of the React {@code Component} props of {@link LeaveReasonDialog}.
|
|
*/
|
|
interface IProps {
|
|
|
|
/**
|
|
* Callback invoked when {@code LeaveReasonDialog} is unmounted.
|
|
*/
|
|
onClose: () => void;
|
|
|
|
/**
|
|
* The title to display in the dialog.
|
|
*/
|
|
title?: string;
|
|
}
|
|
|
|
/**
|
|
* A React {@code Component} for displaying a dialog with a reason that ended the conference.
|
|
*
|
|
* @param {IProps} props - Component's props.
|
|
* @returns {JSX}
|
|
*/
|
|
const LeaveReasonDialog = ({ onClose, title }: IProps) => {
|
|
const { classes } = useStyles();
|
|
const { t } = useTranslation();
|
|
|
|
useEffect(() => () => {
|
|
onClose?.();
|
|
}, []);
|
|
|
|
return (
|
|
<Dialog
|
|
cancel = {{ hidden: true }}
|
|
onSubmit = { onClose }
|
|
size = 'medium'
|
|
testId = 'dialog.leaveReason'>
|
|
<div className = { classes.dialog }>
|
|
{title ? <div className = { classes.text }>{t(title)}</div> : null}
|
|
</div>
|
|
</Dialog>
|
|
);
|
|
};
|
|
|
|
export default LeaveReasonDialog;
|