mirror of
https://github.com/hanzoai/sign.git
synced 2026-10-21 01:21:51 +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.
48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
|
|
import type { Recipient } from '@prisma/client';
|
|
|
|
import {
|
|
getExtraRecipientsType,
|
|
getRecipientType,
|
|
} from '@hanzo/esign-lib/client-only/recipient-type';
|
|
import { recipientAbbreviation } from '@hanzo/esign-lib/utils/recipient-formatter';
|
|
|
|
import { StackAvatar } from './stack-avatar';
|
|
|
|
export function StackAvatars({ recipients }: { recipients: Recipient[] }) {
|
|
const renderStackAvatars = (recipients: Recipient[]) => {
|
|
const zIndex = 50;
|
|
const itemsToRender = recipients.slice(0, 5);
|
|
const remainingItems = recipients.length - itemsToRender.length;
|
|
|
|
return itemsToRender.map((recipient: Recipient, index: number) => {
|
|
const first = index === 0;
|
|
|
|
if (index === 4 && remainingItems > 0) {
|
|
return (
|
|
<StackAvatar
|
|
key="extra-recipient"
|
|
first={first}
|
|
zIndex={String(zIndex - index * 10)}
|
|
type={getExtraRecipientsType(recipients.slice(4))}
|
|
fallbackText={`+${remainingItems + 1}`}
|
|
/>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<StackAvatar
|
|
key={recipient.id}
|
|
first={first}
|
|
zIndex={String(zIndex - index * 10)}
|
|
type={getRecipientType(recipient)}
|
|
fallbackText={recipientAbbreviation(recipient)}
|
|
/>
|
|
);
|
|
});
|
|
};
|
|
|
|
return <>{renderStackAvatars(recipients)}</>;
|
|
}
|