Refactored classes according to new convention

apps/web/app/(dashboard)/home/[account]/members/page.tsx

@@ -1,5 +1,3 @@
-import { SupabaseClient } from '@supabase/supabase-js';
-
 import { PlusCircle } from 'lucide-react';
 
 import { getSupabaseServerComponentClient } from '@kit/supabase/server-component-client';
@@ -20,12 +18,11 @@ import { If } from '@kit/ui/if';
 import { PageBody } from '@kit/ui/page';
 import { Trans } from '@kit/ui/trans';
 
-import { Database } from '~/lib/database.types';
 import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
 import { withI18n } from '~/lib/i18n/with-i18n';
 
 import { AccountLayoutHeader } from '../_components/account-layout-header';
-import { loadTeamWorkspace } from '../_lib/server/team-account-workspace.loader';
+import { loadMembersPageData } from './_lib/server/members-page.loader';
 
 interface Params {
   params: {
@@ -33,57 +30,6 @@ interface Params {
   };
 }
 
-async function loadUser(client: SupabaseClient<Database>) {
-  const { data, error } = await client.auth.getUser();
-
-  if (error) {
-    throw error;
-  }
-
-  return data.user;
-}
-
-async function loadAccountMembers(
-  client: SupabaseClient<Database>,
-  account: string,
-) {
-  const { data, error } = await client.rpc('get_account_members', {
-    account_slug: account,
-  });
-
-  if (error) {
-    console.error(error);
-    throw error;
-  }
-
-  return data ?? [];
-}
-
-async function loadInvitations(
-  client: SupabaseClient<Database>,
-  account: string,
-) {
-  const { data, error } = await client.rpc('get_account_invitations', {
-    account_slug: account,
-  });
-
-  if (error) {
-    console.error(error);
-    throw error;
-  }
-
-  return data ?? [];
-}
-
-async function loadData(client: SupabaseClient<Database>, slug: string) {
-  return Promise.all([
-    loadTeamWorkspace(slug),
-    loadAccountMembers(client, slug),
-    loadInvitations(client, slug),
-    loadUser(client),
-  ]);
-}
-
 export const generateMetadata = async () => {
   const i18n = await createI18nServerInstance();
   const title = i18n.t('teams:members.pageTitle');
@@ -96,10 +42,8 @@ export const generateMetadata = async () => {
 async function TeamAccountMembersPage({ params }: Params) {
   const client = getSupabaseServerComponentClient();
 
-  const [{ account }, members, invitations, user] = await loadData(
-    client,
-    params.account,
-  );
+  const [{ account }, members, invitations, user, canAddMember] =
+    await loadMembersPageData(client, params.account);
 
   const canManageRoles = account.permissions.includes('roles.manage');
   const canManageInvitations = account.permissions.includes('invites.manage');
@@ -131,7 +75,7 @@ async function TeamAccountMembersPage({ params }: Params) {
                 </CardDescription>
               </div>
 
-              <If condition={canManageInvitations}>
+              <If condition={canManageInvitations && canAddMember}>
                 <InviteMembersDialogContainer
                   userRoleHierarchy={currentUserRoleHierarchy}
                   accountId={account.id}