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 ( -
+

You are the only admin left of this thread. Please promote somebody else to admin before leaving.

+
);