Revert "Unify workspace dropdowns; Update layouts (#458)"

This reverts commit 4bc8448a1d.
This commit is contained in:
gbuomprisco
2026-03-11 14:47:47 +08:00
parent 4bc8448a1d
commit 4912e402a3
530 changed files with 11182 additions and 14382 deletions

View File

@@ -1,79 +0,0 @@
import 'server-only';
import { SupabaseClient } from '@supabase/supabase-js';
import { loadTeamWorkspace } from '~/home/[account]/_lib/server/team-account-workspace.loader';
import { Database } from '~/lib/database.types';
/**
* Load data for the members page
* @param client
* @param slug
*/
export async function loadMembersPageData(
client: SupabaseClient<Database>,
slug: string,
) {
return Promise.all([
loadAccountMembers(client, slug),
loadInvitations(client, slug),
canAddMember,
loadTeamWorkspace(slug),
]);
}
/**
* @name canAddMember
* @description Check if the current user can add a member to the account
*
* This needs additional logic to determine if the user can add a member to the account
* Please implement the logic and return a boolean value
*
* The same check needs to be added when creating an invitation
*
*/
async function canAddMember() {
return Promise.resolve(true);
}
/**
* Load account members
* @param client
* @param account
*/
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 ?? [];
}
/**
* Load account invitations
* @param client
* @param account
*/
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 ?? [];
}

View File

@@ -1,131 +0,0 @@
import { PlusCircle } from 'lucide-react';
import { getTranslations } from 'next-intl/server';
import { getSupabaseServerClient } from '@kit/supabase/server-client';
import {
AccountInvitationsTable,
AccountMembersTable,
InviteMembersDialogContainer,
} from '@kit/team-accounts/components';
import { AppBreadcrumbs } from '@kit/ui/app-breadcrumbs';
import { Button } from '@kit/ui/button';
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from '@kit/ui/card';
import { If } from '@kit/ui/if';
import { PageBody } from '@kit/ui/page';
import { Trans } from '@kit/ui/trans';
// local imports
import { TeamAccountLayoutPageHeader } from '../_components/team-account-layout-page-header';
import { loadMembersPageData } from './_lib/server/members-page.loader';
interface TeamAccountMembersPageProps {
params: Promise<{ account: string }>;
}
export const generateMetadata = async () => {
const t = await getTranslations('teams');
const title = t('members.pageTitle');
return {
title,
};
};
async function TeamAccountMembersPage({ params }: TeamAccountMembersPageProps) {
const client = getSupabaseServerClient();
const slug = (await params).account;
const [members, invitations, canAddMember, { user, account }] =
await loadMembersPageData(client, slug);
const canManageRoles = account.permissions.includes('roles.manage');
const canManageInvitations = account.permissions.includes('invites.manage');
const isPrimaryOwner = account.primary_owner_user_id === user.id;
const currentUserRoleHierarchy = account.role_hierarchy_level;
return (
<PageBody>
<TeamAccountLayoutPageHeader
title={<Trans i18nKey={'common.routes.members'} />}
description={<AppBreadcrumbs />}
account={account.slug}
/>
<div className={'flex w-full max-w-4xl flex-col space-y-4 pb-32'}>
<Card>
<CardHeader className={'flex flex-row justify-between'}>
<div className={'flex flex-col space-y-1.5'}>
<CardTitle>
<Trans i18nKey={'common.accountMembers'} />
</CardTitle>
<CardDescription>
<Trans i18nKey={'common.membersTabDescription'} />
</CardDescription>
</div>
<If condition={canManageInvitations && canAddMember}>
<InviteMembersDialogContainer
userRoleHierarchy={currentUserRoleHierarchy}
accountSlug={account.slug}
>
<Button size={'sm'} data-test={'invite-members-form-trigger'}>
<PlusCircle className={'w-4'} />
<span>
<Trans i18nKey={'teams.inviteMembersButton'} />
</span>
</Button>
</InviteMembersDialogContainer>
</If>
</CardHeader>
<CardContent>
<AccountMembersTable
userRoleHierarchy={currentUserRoleHierarchy}
currentUserId={user.id}
currentAccountId={account.id}
members={members}
isPrimaryOwner={isPrimaryOwner}
canManageRoles={canManageRoles}
/>
</CardContent>
</Card>
<Card>
<CardHeader className={'flex flex-row justify-between'}>
<div className={'flex flex-col space-y-1.5'}>
<CardTitle>
<Trans i18nKey={'teams.pendingInvitesHeading'} />
</CardTitle>
<CardDescription>
<Trans i18nKey={'teams.pendingInvitesDescription'} />
</CardDescription>
</div>
</CardHeader>
<CardContent>
<AccountInvitationsTable
permissions={{
canUpdateInvitation: canManageRoles,
canRemoveInvitation: canManageRoles,
currentUserRoleHierarchy,
}}
invitations={invitations}
/>
</CardContent>
</Card>
</div>
</PageBody>
);
}
export default TeamAccountMembersPage;

View File

@@ -1,69 +0,0 @@
import { NextResponse } from 'next/server';
import * as z from 'zod';
import { enhanceRouteHandler } from '@kit/next/routes';
import { getSupabaseServerClient } from '@kit/supabase/server-client';
import {
createInvitationContextBuilder,
createInvitationsPolicyEvaluator,
} from '@kit/team-accounts/policies';
export const GET = enhanceRouteHandler(
async function ({ params, user }) {
const client = getSupabaseServerClient();
const { account } = z.object({ account: z.string() }).parse(params);
try {
// Evaluate with standard evaluator
const evaluator = createInvitationsPolicyEvaluator();
const hasPolicies = await evaluator.hasPoliciesForStage('preliminary');
if (!hasPolicies) {
return NextResponse.json({
allowed: true,
reasons: [],
metadata: {
policiesEvaluated: 0,
timestamp: new Date().toISOString(),
noPoliciesConfigured: true,
},
});
}
// Build context for policy evaluation (empty invitations for testing)
const contextBuilder = createInvitationContextBuilder(client);
const context = await contextBuilder.buildContext(
{
invitations: [],
accountSlug: account,
},
user,
);
// validate against policies
const result = await evaluator.canInvite(context, 'preliminary');
return NextResponse.json(result);
} catch (error) {
return NextResponse.json(
{
allowed: false,
reasons: [
error instanceof Error ? error.message : 'Unknown error occurred',
],
metadata: {
error: true,
originalError:
error instanceof Error ? error.message : String(error),
},
},
{ status: 500 },
);
}
},
{
auth: true,
},
);