D3615.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D3615.diff
View Options

	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 = <SWMansionIcon size={24} icon={icon} />;
	+ }
	+
	return (
	<div
	className={overlayClasses}
	@@ -55,7 +63,10 @@
	<span className={css['modal-close']} onClick={onClose}>
	×
	</span>
	- <h2>{name}</h2>
	+ <h2>
	+ {headerIcon}
	+ {name}
	+ </h2>
	</div>
	{children}
	</div>