You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
session-desktop/ts/components/conversation/AdminLeaveClosedGroupDialog...

46 lines
1.3 KiB
TypeScript

import React from 'react';
import { SessionButton, SessionButtonColor } from '../session/SessionButton';
import { DefaultTheme } from 'styled-components';
import { SessionWrapperModal } from '../session/SessionWrapperModal';
import { SpacerLG } from '../basic/Text';
type Props = {
groupName: string;
onSubmit: () => any;
onClose: any;
theme: DefaultTheme;
};
const AdminLeaveClosedGroupDialogInner = (props: Props) => {
const { groupName, theme, onSubmit, onClose } = props;
const titleText = `${window.i18n('leaveGroup')} ${groupName}`;
const warningAsAdmin = `${window.i18n('leaveGroupConfirmationAdmin')}`;
const okText = window.i18n('leaveAndRemoveForEveryone');
const cancelText = window.i18n('cancel');
const onClickOK = () => {
void onSubmit();
closeDialog();
};
const closeDialog = () => {
onClose();
};
return (
<SessionWrapperModal title={titleText} onClose={closeDialog} theme={theme}>
<SpacerLG />
<p>{warningAsAdmin}</p>
<div className="session-modal__button-group">
<SessionButton text={okText} onClick={onClickOK} buttonColor={SessionButtonColor.Danger} />
<SessionButton text={cancelText} onClick={closeDialog} />
</div>
</SessionWrapperModal>
);
};
export const AdminLeaveClosedGroupDialog = AdminLeaveClosedGroupDialogInner;