mirror of
https://github.com/hanzoai/sign.git
synced 2026-10-30 14:57:59 +00:00
zooqueen
fb4e3df0e3
The product is branded Hanzo eSign (esign.hanzo.ai, repo hanzoai/esign). Rename all workspace packages @hanzo/sign-* → @hanzo/esign-* (1052 files) and align docker/Dockerfile turbo --scope/--filter to the actual remix package name @hanzo/esign (was a pre-existing mismatch with -remix that broke the build). Protected deps (@hanzo/insights, @hanzo/logo) untouched.
72 lines
2.3 KiB
TypeScript
72 lines
2.3 KiB
TypeScript
import { msg } from '@lingui/core/macro';
|
|
import { useLingui } from '@lingui/react';
|
|
import type { Recipient } from '@prisma/client';
|
|
import { DocumentStatus } from '@prisma/client';
|
|
|
|
import { useCopyToClipboard } from '@hanzo/esign-lib/client-only/hooks/use-copy-to-clipboard';
|
|
import { getRecipientType } from '@hanzo/esign-lib/client-only/recipient-type';
|
|
import { NEXT_PUBLIC_WEBAPP_URL } from '@hanzo/esign-lib/constants/app';
|
|
import { RECIPIENT_ROLES_DESCRIPTION } from '@hanzo/esign-lib/constants/recipient-roles';
|
|
import { recipientAbbreviation } from '@hanzo/esign-lib/utils/recipient-formatter';
|
|
import { cn } from '@hanzo/esign-ui/lib/utils';
|
|
import { useToast } from '@hanzo/esign-ui/primitives/use-toast';
|
|
|
|
import { StackAvatar } from './stack-avatar';
|
|
|
|
export type AvatarWithRecipientProps = {
|
|
recipient: Recipient;
|
|
documentStatus: DocumentStatus;
|
|
};
|
|
|
|
export function AvatarWithRecipient({ recipient, documentStatus }: AvatarWithRecipientProps) {
|
|
const [, copy] = useCopyToClipboard();
|
|
|
|
const { _ } = useLingui();
|
|
const { toast } = useToast();
|
|
|
|
const signingToken = documentStatus === DocumentStatus.PENDING ? recipient.token : null;
|
|
|
|
const onRecipientClick = () => {
|
|
if (!signingToken) {
|
|
return;
|
|
}
|
|
|
|
void copy(`${NEXT_PUBLIC_WEBAPP_URL()}/sign/${signingToken}`).then(() => {
|
|
toast({
|
|
title: _(msg`Copied to clipboard`),
|
|
description: _(msg`The signing link has been copied to your clipboard.`),
|
|
});
|
|
});
|
|
};
|
|
|
|
return (
|
|
<div
|
|
className={cn('my-1 flex items-center gap-2', {
|
|
'cursor-pointer hover:underline': signingToken,
|
|
})}
|
|
role={signingToken ? 'button' : undefined}
|
|
title={signingToken ? _(msg`Click to copy signing link for sending to recipient`) : undefined}
|
|
onClick={onRecipientClick}
|
|
>
|
|
<StackAvatar
|
|
first={true}
|
|
key={recipient.id}
|
|
type={getRecipientType(recipient)}
|
|
fallbackText={recipientAbbreviation(recipient)}
|
|
/>
|
|
|
|
<div
|
|
className="text-sm text-muted-foreground"
|
|
title={
|
|
signingToken ? _(msg`Click to copy signing link for sending to recipient`) : undefined
|
|
}
|
|
>
|
|
<p>{recipient.email || recipient.name}</p>
|
|
<p className="text-xs text-muted-foreground/70">
|
|
{_(RECIPIENT_ROLES_DESCRIPTION[recipient.role].roleName)}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|