Mithril/typing redo for upload image button and settings modal

js/src/admin/compat.ts

@@ -1,7 +1,11 @@
 import compat from '../common/compat';
 
 import Admin from './Admin';
+import SettingsModal from './components/SettingsModal';
+import UploadImageButton from './components/UploadImageButton';
 
 export default Object.assign(compat, {
     Admin: Admin,
+    SettingsModal: SettingsModal,
+    UploadImageButton: UploadImageButton,
 }) as any;

js/src/admin/components/SettingsModal.tsx

@@ -1,12 +1,12 @@
+import app from '../app';
+
 import Modal from '../../common/components/Modal';
 import Button from '../../common/components/Button';
 import saveSettings from '../utils/saveSettings';
 
-export default class SettingsModal extends Modal {
+export default abstract class SettingsModal extends Modal {
-    init() {
+    settings: object = {};
-        this.settings = {};
+    loading: boolean = false;
-        this.loading = false;
-    }
 
     form() {
         return '';

js/src/admin/components/UploadImageButton.tsx

@@ -1,9 +1,9 @@
-import Button from '../../common/components/Button';
+import app from '../app';
 
-export default class UploadImageButton extends Button {
+import Button, { ButtonProps } from '../../common/components/Button';
-    init() {
+
-        this.loading = false;
+export default class UploadImageButton<T extends ButtonProps = ButtonProps> extends Button<T> {
-    }
+    loading: boolean = false;
 
     view() {
         this.props.loading = this.loading;
@@ -35,7 +35,7 @@ export default class UploadImageButton extends Button {
     upload() {
         if (this.loading) return;
 
-        const $input = $('<input type="file">');
+        const $input = this.$('<input type="file">');
 
         $input
             .appendTo('body')