add admin dialog to warn him about leaving for v2 closed group
Audric Ackermann
4 years ago
parent
d43ae09eb0
commit
cbd0e63641
@ -0,0 +1,43 @@
|
||||
/* global Whisper */
|
||||
|
||||
// eslint-disable-next-line func-names
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
window.Whisper = window.Whisper || {};
|
||||
|
||||
Whisper.AdminLeaveClosedGroupDialog = Whisper.View.extend({
|
||||
className: 'loki-dialog modal',
|
||||
initialize(convo) {
|
||||
this.close = this.close.bind(this);
|
||||
this.submit = this.submit.bind(this);
|
||||
this.theme = convo.theme;
|
||||
this.groupName = convo.get('name');
|
||||
this.convo = convo;
|
||||
|
||||
this.$el.focus();
|
||||
this.render();
|
||||
},
|
||||
render() {
|
||||
const view = new Whisper.ReactWrapperView({
|
||||
className: 'admin-leave-closed-group',
|
||||
Component: window.Signal.Components.AdminLeaveClosedGroupDialog,
|
||||
props: {
|
||||
onSubmit: this.submit,
|
||||
onClose: this.close,
|
||||
groupName: this.groupName,
|
||||
theme: this.theme,
|
||||
},
|
||||
});
|
||||
|
||||
this.$el.append(view.el);
|
||||
return this;
|
||||
},
|
||||
close() {
|
||||
this.remove();
|
||||
},
|
||||
submit() {
|
||||
this.convo.leaveGroup();
|
||||
},
|
||||
});
|
||||
})();
|
||||
@ -0,0 +1,58 @@
|
||||
import React from 'react';
|
||||
|
||||
import { SessionModal } from '../session/SessionModal';
|
||||
import { SessionButton, SessionButtonColor } from '../session/SessionButton';
|
||||
import { DefaultTheme } from 'styled-components';
|
||||
|
||||
interface Props {
|
||||
groupName: string;
|
||||
onSubmit: any;
|
||||
onClose: any;
|
||||
theme: DefaultTheme;
|
||||
}
|
||||
|
||||
class AdminLeaveClosedGroupDialogInner extends React.Component<Props> {
|
||||
constructor(props: any) {
|
||||
super(props);
|
||||
|
||||
this.closeDialog = this.closeDialog.bind(this);
|
||||
this.onClickOK = this.onClickOK.bind(this);
|
||||
}
|
||||
|
||||
public render() {
|
||||
const titleText = `${window.i18n('leaveGroup')} ${this.props.groupName}`;
|
||||
const warningAsAdmin = `${window.i18n('leaveGroupConfirmationAdmin')}`;
|
||||
const okText = window.i18n('leaveAndRemoveForEveryone');
|
||||
|
||||
return (
|
||||
<SessionModal
|
||||
title={titleText}
|
||||
onOk={() => null}
|
||||
onClose={this.closeDialog}
|
||||
theme={this.props.theme}
|
||||
>
|
||||
<div className="spacer-lg" />
|
||||
<p>{warningAsAdmin}</p>
|
||||
|
||||
<div className="session-modal__button-group">
|
||||
<SessionButton
|
||||
text={okText}
|
||||
onClick={this.onClickOK}
|
||||
buttonColor={SessionButtonColor.Danger}
|
||||
/>
|
||||
</div>
|
||||
</SessionModal>
|
||||
);
|
||||
}
|
||||
|
||||
private onClickOK() {
|
||||
this.props.onSubmit();
|
||||
this.closeDialog();
|
||||
}
|
||||
|
||||
private closeDialog() {
|
||||
this.props.onClose();
|
||||
}
|
||||
}
|
||||
|
||||
export const AdminLeaveClosedGroupDialog = AdminLeaveClosedGroupDialogInner;
|
||||
Loading…
Reference in New Issue