diff --git a/web/modals/threads/confirm-leave-thread-modal.css b/web/modals/threads/confirm-leave-thread-modal.css new file mode 100644 index 000000000..5c8e1753c --- /dev/null +++ b/web/modals/threads/confirm-leave-thread-modal.css @@ -0,0 +1,15 @@ +div.modal_body { + padding: 20px; + color: var(--fg); + background-color: var(--modal-bg); + border-radius: 16px; + display: flex; + flex-direction: column; + text-align: center; + font-weight: var(--bold); +} + +.leave_button { + width: 100%; + margin-top: 24px; +} diff --git a/web/modals/threads/confirm-leave-thread-modal.react.js b/web/modals/threads/confirm-leave-thread-modal.react.js index 0982fb35d..422c3d11f 100644 --- a/web/modals/threads/confirm-leave-thread-modal.react.js +++ b/web/modals/threads/confirm-leave-thread-modal.react.js @@ -1,38 +1,37 @@ // @flow import * as React from 'react'; import { type ThreadInfo } from 'lib/types/thread-types'; import Button from '../../components/button.react'; -import css from '../../style.css'; import Modal from '../modal.react'; +import css from './confirm-leave-thread-modal.css'; type Props = { +threadInfo: ThreadInfo, +onClose: () => void, +onConfirm: () => void, }; function ConfirmLeaveThreadModal(props: Props): React.Node { const { threadInfo, onClose, onConfirm } = props; const { uiName } = threadInfo; return ( -
-

- {'Are you sure you want to leave "'} - {uiName} - {'"?'} -

-
- -
+
+

{`Are you sure you want to leave "${uiName}"?`}

+
); } export default ConfirmLeaveThreadModal;