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.
54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
import { trpc } from '@documenso/trpc/react';
|
|
import { cn } from '@documenso/ui/lib/utils';
|
|
import { Button } from '@documenso/ui/primitives/button';
|
|
import { useToast } from '@documenso/ui/primitives/use-toast';
|
|
|
|
export type PendingUserTeamsDataTableActionsProps = {
|
|
className?: string;
|
|
pendingTeamId: number;
|
|
onPayClick: (pendingTeamId: number) => void;
|
|
};
|
|
|
|
export const PendingUserTeamsDataTableActions = ({
|
|
className,
|
|
pendingTeamId,
|
|
onPayClick,
|
|
}: PendingUserTeamsDataTableActionsProps) => {
|
|
const { toast } = useToast();
|
|
|
|
const { mutateAsync: deleteTeamPending, isLoading: deletingTeam } =
|
|
trpc.team.deleteTeamPending.useMutation({
|
|
onSuccess: () => {
|
|
toast({
|
|
title: 'Success',
|
|
description: 'Pending team deleted.',
|
|
});
|
|
},
|
|
onError: () => {
|
|
toast({
|
|
title: 'Something went wrong',
|
|
description:
|
|
'We encountered an unknown error while attempting to delete the pending team. Please try again later.',
|
|
duration: 10000,
|
|
variant: 'destructive',
|
|
});
|
|
},
|
|
});
|
|
|
|
return (
|
|
<fieldset disabled={deletingTeam} className={cn('flex justify-end space-x-2', className)}>
|
|
<Button variant="outline" onClick={() => onPayClick(pendingTeamId)}>
|
|
Pay
|
|
</Button>
|
|
|
|
<Button
|
|
variant="destructive"
|
|
loading={deletingTeam}
|
|
onClick={async () => deleteTeamPending({ pendingTeamId: pendingTeamId })}
|
|
>
|
|
Remove
|
|
</Button>
|
|
</fieldset>
|
|
);
|
|
};
|