Use Toggle in place of checkbox in the mute modal.

This commit is contained in:
Surinna Curtis 2017-09-26 04:13:04 +00:00 committed by aschmitz
parent 88e52f3a2a
commit 21de45c7d2

View file

@ -2,6 +2,7 @@ import React from 'react';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';
import { injectIntl, FormattedMessage } from 'react-intl';
import Toggle from 'react-toggle';
import Button from '../../../components/button';
import { closeModal } from '../../../actions/modal';
import { muteAccount } from '../../../actions/accounts';
@ -81,9 +82,9 @@ export default class MuteModal extends React.PureComponent {
/>
</p>
<p>
<label htmlFor='mute-modal__hide-notifications-checkbox'>
<label htmlFor='mute-modal__hide-notifications-heckbox'>
<FormattedMessage id='mute_modal.hide_notifications' defaultMessage='Hide notifications from this user?' />
<input id='mute-modal__hide-notifications-checkbox' type='checkbox' checked={notifications} onChange={this.toggleNotifications} />
<Toggle id='mute-modal__hide-notifications-checkbox' checked={notifications} onChange={this.toggleNotifications} />
</label>
</p>
</div>