From 21de45c7d27730afa676bafce7c08a2ffc38f49e Mon Sep 17 00:00:00 2001
From: Surinna Curtis <ekiru.0@gmail.com>
Date: Tue, 26 Sep 2017 04:13:04 +0000
Subject: [PATCH] Use Toggle in place of checkbox in the mute modal.

---
 app/javascript/mastodon/features/ui/components/mute_modal.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/javascript/mastodon/features/ui/components/mute_modal.js b/app/javascript/mastodon/features/ui/components/mute_modal.js
index b5e83bb71..875a7faca 100644
--- a/app/javascript/mastodon/features/ui/components/mute_modal.js
+++ b/app/javascript/mastodon/features/ui/components/mute_modal.js
@@ -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>