Styles and copy

This commit is contained in:
Belen Curcio
2017-09-18 12:42:21 -03:00
parent 5d153e764d
commit aa3327945e
3 changed files with 26 additions and 9 deletions
@@ -6,15 +6,16 @@ import {Dialog, Button} from 'plugin-api/beta/client/components/ui';
export default ({showBanDialog, closeBanDialog, banUser}) => (
<Dialog open={showBanDialog} className={styles.dialog}>
<span className={styles.close} onClick={closeBanDialog}>×</span>
<h3>{t('talk-plugin-moderation-actions.ban_user_dialog_headline')}</h3>
<p>
<h2>{t('talk-plugin-moderation-actions.ban_user_dialog_headline')}</h2>
<h3>{t('talk-plugin-moderation-actions.ban_user_dialog_sub')}</h3>
<p className={styles.copy}>
{t('talk-plugin-moderation-actions.ban_user_dialog_copy')}
</p>
<div className={styles.buttons}>
<Button cStyle="cancel" onClick={closeBanDialog} raised>
<Button cStyle="cancel" onClick={closeBanDialog} className={styles.cancel} raised>
{t('talk-plugin-moderation-actions.ban_user_dialog_cancel')}
</Button>
<Button cStyle="black" onClick={banUser} raised>
<Button cStyle="black" onClick={banUser} className={styles.confirm} raised>
{t('talk-plugin-moderation-actions.ban_user_dialog_yes')}
</Button>
</div>