diff --git a/extensions/akismet/js/admin/src/components/AkismetSettingsModal.js b/extensions/akismet/js/admin/src/components/AkismetSettingsModal.js index dd0c62661..c6b274b93 100644 --- a/extensions/akismet/js/admin/src/components/AkismetSettingsModal.js +++ b/extensions/akismet/js/admin/src/components/AkismetSettingsModal.js @@ -1,14 +1,6 @@ -import Modal from 'flarum/components/Modal'; -import Button from 'flarum/components/Button'; -import saveConfig from 'flarum/utils/saveConfig'; - -export default class AkismetSettingsModal extends Modal { - constructor(...args) { - super(...args); - - this.apiKey = m.prop(app.config['akismet.api_key'] || ''); - } +import SettingsModal from 'flarum/components/SettingsModal'; +export default class AkismetSettingsModal extends SettingsModal { className() { return 'AkismetSettingsModal Modal--small'; } @@ -17,41 +9,12 @@ export default class AkismetSettingsModal extends Modal { return 'Akismet Settings'; } - content() { - return ( -
-
-
- - -
- -
- {Button.component({ - type: 'submit', - className: 'Button Button--primary AkismetSettingsModal-save', - loading: this.loading, - children: 'Save Changes' - })} -
-
+ form() { + return [ +
+ +
- ); - } - - onsubmit(e) { - e.preventDefault(); - - this.loading = true; - - saveConfig({ - 'akismet.api_key': this.apiKey() - }).then( - () => this.hide(), - () => { - this.loading = false; - m.redraw(); - } - ); + ]; } }