diff --git a/web/modals/modal.react.js b/web/modals/modal.react.js --- a/web/modals/modal.react.js +++ b/web/modals/modal.react.js @@ -4,11 +4,13 @@ import invariant from 'invariant'; import * as React from 'react'; +import SWMansionIcon, { type Icon } from '../SWMansionIcon.react'; import css from './modal.css'; export type ModalSize = 'small' | 'large'; type Props = { - +name: string, + +name: React.Node, + +icon?: Icon, +onClose: () => void, +children?: React.Node, +size?: ModalSize, @@ -27,7 +29,7 @@ } render(): React.Node { - const { size, children, onClose, fixedHeight, name } = this.props; + const { size, children, onClose, fixedHeight, name, icon } = this.props; const overlayClasses = classNames( css['modal-overlay'], @@ -41,6 +43,12 @@ const modalClasses = classNames(css['modal'], { [css['fixed-height-modal']]: fixedHeight, }); + + let headerIcon; + if (icon) { + headerIcon = ; + } + return (
× -

{name}

+

+ {headerIcon} + {name} +

{children} diff --git a/web/modals/threads/confirm-leave-thread-modal.react.js b/web/modals/threads/confirm-leave-thread-modal.react.js --- a/web/modals/threads/confirm-leave-thread-modal.react.js +++ b/web/modals/threads/confirm-leave-thread-modal.react.js @@ -17,7 +17,7 @@ const { onClose, onConfirm } = props; return ( - +

Are you sure you want to leave thread? This and this will happen if