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 { connect } from 'react-redux';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { injectIntl, FormattedMessage } from 'react-intl'; import { injectIntl, FormattedMessage } from 'react-intl';
import Toggle from 'react-toggle';
import Button from '../../../components/button'; import Button from '../../../components/button';
import { closeModal } from '../../../actions/modal'; import { closeModal } from '../../../actions/modal';
import { muteAccount } from '../../../actions/accounts'; import { muteAccount } from '../../../actions/accounts';
@ -81,9 +82,9 @@ export default class MuteModal extends React.PureComponent {
/> />
</p> </p>
<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?' /> <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> </label>
</p> </p>
</div> </div>