feat: extend UserListPage with new Button

js/src/admin/extendUserListPage.tsx

@@ -0,0 +1,16 @@
+import app from 'flarum/admin/app';
+import { extend } from 'flarum/common/extend';
+import UserListPage from 'flarum/admin/components/UserListPage';
+import LoginAsUserButton from '../common/components/LoginAsUserButton';
+
+import type ItemList from 'flarum/common/utils/ItemList';
+import type User from 'flarum/common/models/User';
+
+import type Mithril from 'mithril';
+export default function extendUserListPage() {
+ extend(UserListPage.prototype, 'userActionItems', function (items: ItemList<Mithril.Children>, user: User) {
+ const forumBaseUrl = app.forum.attribute('baseUrl');
+
+ items.add('impersonate', <LoginAsUserButton user={user} redirectTo={`${forumBaseUrl}/u/${user.slug()}`} />);
+ });
+}

js/src/admin/index.ts

@@ -1,4 +1,6 @@
 import app from 'flarum/admin/app';
+import extendUserListPage from './extendUserListPage';
+
 export { default as extend } from './extend';
 
 app.initializers.add('fof-impersonate', () => {
@@ -18,4 +20,6 @@ app.initializers.add('fof-impersonate', () => {
  label: app.translator.trans('fof-impersonate.admin.settings.require_reason'),
  });
  }
+
+ extendUserListPage();
 });