diff --git a/web/modals/chat/sidebar-promote-modal.css b/web/modals/chat/sidebar-promote-modal.css index 3dca55379..0468fe7bb 100644 --- a/web/modals/chat/sidebar-promote-modal.css +++ b/web/modals/chat/sidebar-promote-modal.css @@ -1,16 +1,16 @@ div.modal_body { - padding: 20px; + padding: 24px 32px 32px 32px; color: var(--fg); background-color: var(--modal-bg); border-radius: 16px; flex: 1; display: flex; flex-direction: column; } div.buttonContainer { padding-top: 32px; display: flex; gap: 24px; justify-content: flex-end; } diff --git a/web/modals/chat/sidebar-promote-modal.react.js b/web/modals/chat/sidebar-promote-modal.react.js index 12bac6cdc..ee2614a2c 100644 --- a/web/modals/chat/sidebar-promote-modal.react.js +++ b/web/modals/chat/sidebar-promote-modal.react.js @@ -1,54 +1,51 @@ // @flow import * as React from 'react'; import type { ThreadInfo } from 'lib/types/thread-types'; -import Button, { buttonThemes } from '../../components/button.react'; +import Button from '../../components/button.react'; import Modal from '../modal.react'; import css from './sidebar-promote-modal.css'; type Props = { +onClose: () => void, +onConfirm: () => void, +threadInfo: ThreadInfo, }; function SidebarPromoteModal(props: Props): React.Node { const { threadInfo, onClose, onConfirm } = props; const { uiName } = threadInfo; const handleConfirm = React.useCallback(() => { onConfirm(); onClose(); }, [onClose, onConfirm]); return (
-

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

-

Promoting a thread to a channel cannot be undone.

+

+ {`Are you sure you want to promote "${uiName}"? + Promoting a thread to a channel cannot be undone.`} +

-
); } export default SidebarPromoteModal;