D3708.id11327.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D3708.id11327.diff
View Options

	diff --git a/web/modals/threads/cant-leave-thread-modal.css b/web/modals/threads/cant-leave-thread-modal.css
	new file mode 100644
	--- /dev/null
	+++ b/web/modals/threads/cant-leave-thread-modal.css
	@@ -0,0 +1,14 @@
	+div.modal_body {
	+ padding: 20px;
	+ color: var(--fg);
	+ background-color: var(--modal-bg);
	+ border-radius: 16px;
	+ flex: 1;
	+ display: flex;
	+ flex-direction: column;
	+}
	+
	+.ok_button {
	+ width: 100%;
	+ margin-top: 24px;
	+}
	diff --git a/web/modals/threads/cant-leave-thread-modal.react.js b/web/modals/threads/cant-leave-thread-modal.react.js
	--- a/web/modals/threads/cant-leave-thread-modal.react.js
	+++ b/web/modals/threads/cant-leave-thread-modal.react.js
	@@ -2,8 +2,9 @@

	import * as React from 'react';

	-import css from '../../style.css';
	+import Button from '../../components/button.react.js';
	import Modal from '../modal.react';
	+import css from './cant-leave-thread-modal.css';

	type Props = {
	+onClose: () => void,
	@@ -11,11 +12,19 @@
	function CantLeaveThreadModal(props: Props): React.Node {
	return (
	<Modal name="Cannot leave thread" onClose={props.onClose}>
	- <div className={css['modal-body']}>
	+ <div className={css.modal_body}>
	<p>
	You are the only admin left of this thread. Please promote somebody
	else to admin before leaving.
	</p>
	+ <Button
	+ onClick={props.onClose}
	+ type="submit"
	+ variant="primary"
	+ className={css.ok_button}
	+ >
	+ OK
	+ </Button>
	</div>
	</Modal>
	);