diff --git a/packages/client/src/pages/instance-info.vue b/packages/client/src/pages/instance-info.vue
index 6d52f2a871..4eaa60112d 100644
--- a/packages/client/src/pages/instance-info.vue
+++ b/packages/client/src/pages/instance-info.vue
@@ -95,6 +95,13 @@
+
+
+
+
+
+
+
@@ -121,6 +128,8 @@ import bytes from '@/filters/bytes';
import { iAmModerator } from '@/account';
import { definePageMetadata } from '@/scripts/page-metadata';
import { i18n } from '@/i18n';
+import MkUserCardMini from '@/components/user-card-mini.vue';
+import MkPagination from '@/components/ui/pagination.vue';
const props = defineProps<{
host: string;
@@ -133,6 +142,18 @@ let instance = $ref(null);
let suspended = $ref(false);
let isBlocked = $ref(false);
+const usersPagination = {
+ endpoint: 'admin/show-users' as const,
+ limit: 10,
+ params: {
+ sort: '+updatedAt',
+ state: 'all',
+ origin: 'remote',
+ hostname: props.host,
+ },
+ offsetMode: true,
+};
+
async function fetch() {
instance = await os.api('federation/show-instance', {
host: props.host,
@@ -182,6 +203,10 @@ const headerTabs = $computed(() => [{
key: 'chart',
title: i18n.ts.charts,
icon: 'fas fa-chart-simple',
+}, {
+ key: 'users',
+ title: i18n.ts.users,
+ icon: 'fas fa-users',
}, {
key: 'raw',
title: 'Raw data',