mirror of
https://github.com/documenso/documenso.git
synced 2025-11-20 19:51:32 +10:00
0c339b78b6
## Description Add support for teams which will allow users to collaborate on documents. Teams features allows users to: - Create, manage and transfer teams - Manage team members - Manage team emails - Manage a shared team inbox and documents These changes do NOT include the following, which are planned for a future release: - Team templates - Team API - Search menu integration ## Testing Performed - Added E2E tests for general team management - Added E2E tests to validate document counts ## Checklist - [X] I have tested these changes locally and they work as expected. - [X] I have added/updated tests that prove the effectiveness of these changes. - [ ] I have updated the documentation to reflect these changes, if applicable. - [X] I have followed the project's coding style guidelines.
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
'use client';
|
|
|
|
import { AnimatePresence } from 'framer-motion';
|
|
|
|
import { trpc } from '@documenso/trpc/react';
|
|
import { AnimateGenericFadeInOut } from '@documenso/ui/components/animate/animate-generic-fade-in-out';
|
|
|
|
import { SettingsHeader } from '~/components/(dashboard)/settings/layout/header';
|
|
import { CreateTeamDialog } from '~/components/(teams)/dialogs/create-team-dialog';
|
|
import { UserSettingsTeamsPageDataTable } from '~/components/(teams)/tables/user-settings-teams-page-data-table';
|
|
|
|
import { TeamEmailUsage } from './team-email-usage';
|
|
import { TeamInvitations } from './team-invitations';
|
|
|
|
export default function TeamsSettingsPage() {
|
|
const { data: teamEmail } = trpc.team.getTeamEmailByEmail.useQuery();
|
|
|
|
return (
|
|
<div>
|
|
<SettingsHeader title="Teams" subtitle="Manage all teams you are currently associated with.">
|
|
<CreateTeamDialog />
|
|
</SettingsHeader>
|
|
|
|
<UserSettingsTeamsPageDataTable />
|
|
|
|
<div className="mt-8 space-y-8">
|
|
<AnimatePresence>
|
|
{teamEmail && (
|
|
<AnimateGenericFadeInOut>
|
|
<TeamEmailUsage teamEmail={teamEmail} />
|
|
</AnimateGenericFadeInOut>
|
|
)}
|
|
</AnimatePresence>
|
|
|
|
<TeamInvitations />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|