mirror of
https://github.com/documenso/documenso.git
synced 2025-11-13 08:13:56 +10:00
63a4bab0fe
Improves the existing document rejection process by actually marking a document as completed cancelling further actions. ## Related Issue N/A ## Changes Made - Added a new rejection status for documents - Updated a million areas that check for document completion - Updated email sending, so rejection is confirmed for the rejecting recipient while other recipients are notified that the document is now cancelled. ## Testing Performed - Ran the testing suite to ensure there are no regressions. - Performed manual testing of current core flows.
86 lines
2.2 KiB
TypeScript
86 lines
2.2 KiB
TypeScript
import type { HTMLAttributes } from 'react';
|
|
|
|
import type { MessageDescriptor } from '@lingui/core';
|
|
import { msg } from '@lingui/core/macro';
|
|
import { useLingui } from '@lingui/react';
|
|
import { CheckCircle2, Clock, File, XCircle } from 'lucide-react';
|
|
import type { LucideIcon } from 'lucide-react/dist/lucide-react';
|
|
|
|
import type { ExtendedDocumentStatus } from '@documenso/prisma/types/extended-document-status';
|
|
import { SignatureIcon } from '@documenso/ui/icons/signature';
|
|
import { cn } from '@documenso/ui/lib/utils';
|
|
|
|
type FriendlyStatus = {
|
|
label: MessageDescriptor;
|
|
labelExtended: MessageDescriptor;
|
|
icon?: LucideIcon;
|
|
color: string;
|
|
};
|
|
|
|
export const FRIENDLY_STATUS_MAP: Record<ExtendedDocumentStatus, FriendlyStatus> = {
|
|
PENDING: {
|
|
label: msg`Pending`,
|
|
labelExtended: msg`Document pending`,
|
|
icon: Clock,
|
|
color: 'text-blue-600 dark:text-blue-300',
|
|
},
|
|
COMPLETED: {
|
|
label: msg`Completed`,
|
|
labelExtended: msg`Document completed`,
|
|
icon: CheckCircle2,
|
|
color: 'text-green-500 dark:text-green-300',
|
|
},
|
|
DRAFT: {
|
|
label: msg`Draft`,
|
|
labelExtended: msg`Document draft`,
|
|
icon: File,
|
|
color: 'text-yellow-500 dark:text-yellow-200',
|
|
},
|
|
REJECTED: {
|
|
label: msg`Rejected`,
|
|
labelExtended: msg`Document rejected`,
|
|
icon: XCircle,
|
|
color: 'text-red-500 dark:text-red-300',
|
|
},
|
|
INBOX: {
|
|
label: msg`Inbox`,
|
|
labelExtended: msg`Document inbox`,
|
|
icon: SignatureIcon,
|
|
color: 'text-muted-foreground',
|
|
},
|
|
ALL: {
|
|
label: msg`All`,
|
|
labelExtended: msg`Document All`,
|
|
color: 'text-muted-foreground',
|
|
},
|
|
};
|
|
|
|
export type DocumentStatusProps = HTMLAttributes<HTMLSpanElement> & {
|
|
status: ExtendedDocumentStatus;
|
|
inheritColor?: boolean;
|
|
};
|
|
|
|
export const DocumentStatus = ({
|
|
className,
|
|
status,
|
|
inheritColor,
|
|
...props
|
|
}: DocumentStatusProps) => {
|
|
const { _ } = useLingui();
|
|
|
|
const { label, icon: Icon, color } = FRIENDLY_STATUS_MAP[status];
|
|
|
|
return (
|
|
<span className={cn('flex items-center', className)} {...props}>
|
|
{Icon && (
|
|
<Icon
|
|
className={cn('mr-2 inline-block h-4 w-4', {
|
|
[color]: !inheritColor,
|
|
})}
|
|
/>
|
|
)}
|
|
{_(label)}
|
|
</span>
|
|
);
|
|
};
|