chore: convert to ts

js/src/forum/components/TwoFactorDisableConfirmModal .js → js/src/forum/components/TwoFactorDisableConfirmModal .tsx

@@ -1,9 +1,17 @@
 import app from 'flarum/forum/app';
 import Modal from 'flarum/common/components/Modal';
 import Button from 'flarum/common/components/Button';
+import User from 'flarum/common/models/User';
+import { ILoginModalAttrs } from 'flarum/forum/components/LogInModal';
+import type Mithril from 'mithril';
 
-export default class TwoFactorDisableConfirmModal extends Modal {
-  oninit(vnode) {
+export interface TwoFactorDisableConfirmModalAttrs extends ILoginModalAttrs {
+  user: User;
+  onDisabled: () => void;
+}
+
+export default class TwoFactorDisableConfirmModal extends Modal<TwoFactorDisableConfirmModalAttrs> {
+  oninit(vnode: Mithril.Vnode<TwoFactorDisableConfirmModalAttrs, this>) {
     super.oninit(vnode);
 
     this.loading = false;

js/src/forum/components/TwoFactorGrid.js → js/src/forum/components/TwoFactorGrid.tsx

@@ -1,15 +1,26 @@
 import app from 'flarum/forum/app';
-import Component from 'flarum/common/Component';
+import Component, { ComponentAttrs } from 'flarum/common/Component';
 import Button from 'flarum/common/components/Button';
 import ItemList from 'flarum/common/utils/ItemList';
 import listItems from 'flarum/common/helpers/listItems';
 import TwoFactorGridItem from './TwoFactorGridItem';
 import Tooltip from 'flarum/common/components/Tooltip';
 import TwoFactorEnableModal from './TwoFactorEnableModal';
 import TwoFactorDisableConfirmModal from './TwoFactorDisableConfirmModal ';
+import type Mithril from 'mithril';
+import User from 'flarum/common/models/User';
 
-export default class TwoFactorGrid extends Component {
-  oninit(vnode) {
+export interface TwoFactorGridAttrs extends ComponentAttrs {
+  user: User;
+}
+
+export default class TwoFactorGrid extends Component<TwoFactorGridAttrs> {
+  user!: User;
+  twoFactorEnabled!: boolean;
+  canDisableTwoFactor!: boolean;
+  backupCodesRemaining!: number;
+
+  oninit(vnode: Mithril.Vnode<ComponentAttrs, this>) {
     super.oninit(vnode);
 
     this.user = this.attrs.user;

js/src/forum/components/TwoFactorGridItem.js → js/src/forum/components/TwoFactorGridItem.tsx

@@ -1,7 +1,16 @@
-import Component from 'flarum/common/Component';
+import Component, { ComponentAttrs } from 'flarum/common/Component';
 import icon from 'flarum/common/helpers/icon';
+import type Mithril from 'mithril';
 
-export default class TwoFactorGridItem extends Component {
+export interface TwoFactorGridItemAttrs extends ComponentAttrs {
+  icon: string;
+  title: string;
+  value: string;
+  action?: Mithril.Children;
+  helpText?: string;
+}
+
+export default class TwoFactorGridItem extends Component<TwoFactorGridItemAttrs> {
   view() {
     const { icon: iconName, title, value, action, helpText } = this.attrs;
 

js/src/forum/components/TwoFactorSettings.tsx

@@ -0,0 +1,27 @@
+import app from 'flarum/forum/app';
+import Component, { ComponentAttrs } from 'flarum/common/Component';
+import TwoFactorGrid from './TwoFactorGrid';
+import type Mithril from 'mithril';
+import User from 'flarum/common/models/User';
+
+export interface TwoFactorSettingsAttrs extends ComponentAttrs {
+  user: User;
+}
+
+export default class TwoFactorSettings extends Component<TwoFactorSettingsAttrs> {
+  oninit(vnode: Mithril.Vnode<ComponentAttrs, this>) {
+    super.oninit(vnode);
+
+    // this.twoFactorEnabled = this.attrs.user.twoFactorEnabled();
+    // this.canDisableTwoFactor = this.attrs.user.canDisable2FA();
+    // this.loading = false;
+  }
+
+  view() {
+    return (
+      <div>
+        <TwoFactorGrid user={this.attrs.user} />
+      </div>
+    );
+  }
+}