diff --git a/client/coral-admin/src/components/BanUserDialog.css b/client/coral-admin/src/components/BanUserDialog.css index f13f0e6aa..17f971daa 100644 --- a/client/coral-admin/src/components/BanUserDialog.css +++ b/client/coral-admin/src/components/BanUserDialog.css @@ -4,7 +4,6 @@ width: 500px; top: 50%; transform: translateY(-50%); - height: 184px; padding: 20px; h2 { @@ -163,3 +162,16 @@ input.error{ margin: 20px; text-align: center; } + +.legend { + padding: 0; + font-weight: bold; +} + +.messageInput { + border-radius: 3px; + width: 100%; + padding: 10px; + font-size: 14px; + box-sizing: border-box; +} diff --git a/client/coral-admin/src/components/BanUserDialog.js b/client/coral-admin/src/components/BanUserDialog.js index 61fa3ca9d..9df28f984 100644 --- a/client/coral-admin/src/components/BanUserDialog.js +++ b/client/coral-admin/src/components/BanUserDialog.js @@ -7,7 +7,7 @@ import styles from './BanUserDialog.css'; import Button from 'coral-ui/components/Button'; import t from 'coral-framework/services/i18n'; -const BanUserDialog = ({open, onCancel, onPerform, username, info}) => ( +const BanUserDialog = ({open, onCancel, onPerform, username, info, handleMessageChange, message}) => ( (

{t('bandialog.are_you_sure', username)}

- {info} +

{info}

+
+ {t('bandialog.write_a_message')} +