Added accounts table page in Admin

apps/web/app/admin/accounts/page.tsx

@@ -1,13 +1,70 @@
+import { ServerDataLoader } from '@makerkit/data-loader-supabase-nextjs';
+
+import { AccountsTable } from '@kit/admin/components/accounts-table';
 import { AdminGuard } from '@kit/admin/components/admin-guard';
+import { getSupabaseServerComponentClient } from '@kit/supabase/server-component-client';
 import { PageBody, PageHeader } from '@kit/ui/page';
 
-function AccountsPage() {
+interface SearchParams {
+  page?: string;
+  account_type?: 'all' | 'team' | 'personal';
+}
+
+function AccountsPage({ searchParams }: { searchParams: SearchParams }) {
+  const client = getSupabaseServerComponentClient({
+    admin: true,
+  });
+
+  const page = searchParams.page ? parseInt(searchParams.page) : 1;
+  const filters = getFilters(searchParams);
+
   return (
     <>
-      <PageHeader title={'Accounts'} />
-      <PageBody></PageBody>;
+      <PageHeader
+        title={'Accounts'}
+        description={`Manage your accounts, view their details, and more.`}
+      />
+
+      <PageBody>
+        <ServerDataLoader
+          table={'accounts'}
+          client={client}
+          page={page}
+          where={filters}
+        >
+          {({ data, page, pageSize, pageCount }) => {
+            return (
+              <AccountsTable
+                page={page}
+                pageSize={pageSize}
+                pageCount={pageCount}
+                data={data}
+                filters={{
+                  type: searchParams.account_type ?? 'all',
+                }}
+              />
+            );
+          }}
+        </ServerDataLoader>
+      </PageBody>
     </>
   );
 }
 
+function getFilters(params: SearchParams) {
+  const filters: {
+    [key: string]: {
+      eq: boolean;
+    };
+  } = {};
+
+  if (params.account_type && params.account_type !== 'all') {
+    filters.is_personal_account = {
+      eq: params.account_type === 'personal',
+    };
+  }
+
+  return filters;
+}
+
 export default AdminGuard(AccountsPage);

apps/web/next.config.mjs

@@ -7,6 +7,7 @@ const INTERNAL_PACKAGES = [
   '@kit/ui',
   '@kit/auth',
   '@kit/accounts',
+  '@kit/admin',
   '@kit/team-accounts',
   '@kit/shared',
   '@kit/supabase',

apps/web/package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "sideEffects": false,
+  "type": "module",
   "scripts": {
     "analyze": "ANALYZE=true pnpm run build",
     "build": "pnpm with-env next build",

apps/web/public/locales/en/common.json

@@ -45,6 +45,7 @@
   "skip": "Skip",
   "signedInAs": "Signed in as",
   "pageOfPages": "Page {{page}} of {{total}}",
+  "noData": "No data available",
   "roles": {
     "owner": {
       "label": "Owner",