blsmedia/sign
2
0
Fork 0
Code Issues Packages Releases Activity

feat: show recipient as expired on document page view

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2024-11-17 17:52:28 +00:00
parent 6e9d17f8ea
commit ba627e22c5
4 changed files with 73 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/web/src/components/document/document-read-only-fields.tsx
View File

@@ -4,7 +4,7 @@ import { useState } from 'react';
import { Trans } from '@lingui/macro';
import { useLingui } from '@lingui/react';
import { Clock, EyeOffIcon } from 'lucide-react';
import { AlertTriangle, Clock, EyeOffIcon, Timer } from 'lucide-react';
import { P, match } from 'ts-pattern';
import {
@@ -75,6 +75,9 @@ export const DocumentReadOnlyFields = ({
variant={
field.Recipient.signingStatus === SigningStatus.SIGNED
? 'default'
: field.Recipient.signingStatus === SigningStatus.REJECTED ||
field.Recipient.signingStatus === SigningStatus.EXPIRED
? 'destructive'
: 'secondary'
}
>
@@ -83,6 +86,16 @@ export const DocumentReadOnlyFields = ({
<SignatureIcon className="mr-1 h-3 w-3" />
<Trans>Signed</Trans>
</>
) : field.Recipient.signingStatus === SigningStatus.REJECTED ? (
<>
<AlertTriangle className="mr-1 h-3 w-3" />
<Trans>Rejected</Trans>
</>
) : field.Recipient.signingStatus === SigningStatus.EXPIRED ? (
<>
<Timer className="mr-1 h-3 w-3" />
<Trans>Expired</Trans>
</>
) : (
<>
<Clock className="mr-1 h-3 w-3" />