Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-15 01:01:49 +10:00
Code Issues Packages Projects Releases Wiki Activity

refactor: changed component name for better readability

Browse Source
This commit is contained in:
Ashraf
2023-12-29 19:29:13 +08:00
parent cf5841a895
commit ce67de9a1c
3 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/app/(dashboard)/documents/[id]/page.tsx
View File

@ -11,7 +11,7 @@ import { DocumentStatus as InternalDocumentStatus } from '@documenso/prisma/clie
import { LazyPDFViewer } from '@documenso/ui/primitives/lazy-pdf-viewer';
import { EditDocumentForm } from '~/app/(dashboard)/documents/[id]/edit-document';
import { StackAvatarsWithUI } from '~/components/(dashboard)/avatar/stack-avatars-with-ui';
import { StackAvatarsUI } from '~/components/(dashboard)/avatar/stack-avatars-ui';
import { DocumentStatus } from '~/components/formatter/document-status';
export type DocumentPageProps = {
@ -71,9 +71,9 @@ export default async function DocumentPage({ params }: DocumentPageProps) {
<div className="text-muted-foreground flex items-center">
<Users2 className="mr-2 h-5 w-5" />
<StackAvatarsWithUI recipients={recipients} position="bottom">
<StackAvatarsUI recipients={recipients} position="bottom">
<span>{recipients.length} Recipient(s)</span>
</StackAvatarsWithUI>
</StackAvatarsUI>
</div>
)}
</div>

4
apps/web/src/app/(dashboard)/documents/data-table.tsx
View File

@ -12,7 +12,7 @@ import { ExtendedDocumentStatus } from '@documenso/prisma/types/extended-documen
import { DataTable } from '@documenso/ui/primitives/data-table';
import { DataTablePagination } from '@documenso/ui/primitives/data-table-pagination';
import { StackAvatarsWithUI } from '~/components/(dashboard)/avatar/stack-avatars-with-ui';
import { StackAvatarsUI } from '~/components/(dashboard)/avatar/stack-avatars-ui';
import { DocumentStatus } from '~/components/formatter/document-status';
import { LocaleDate } from '~/components/formatter/locale-date';
@ -64,7 +64,7 @@ export const DocumentsDataTable = ({ results }: DocumentsDataTableProps) => {
{
header: 'Recipient',
accessorKey: 'recipient',
cell: ({ row }) => <StackAvatarsWithUI recipients={row.original.Recipient} />,
cell: ({ row }) => <StackAvatarsUI recipients={row.original.Recipient} />,
},
{
header: 'Status',

5
apps/web/src/components/(dashboard)/avatar/stack-avatars-with-ui.tsx → apps/web/src/components/(dashboard)/avatar/stack-avatars-ui.tsx
View File

@ -13,14 +13,15 @@ import {
import { StackAvatars } from './stack-avatars';
import { StackAvatarsComponent } from './stack-avatars-component';
export type StackAvatarsWithUIProps = {
export type StackAvatarsUIProps = {
recipients: Recipient[];
position?: 'top' | 'bottom';
children?: React.ReactNode;
};
export const StackAvatarsWithUI = ({ recipients, position, children }: StackAvatarsWithUIProps) => {
export const StackAvatarsUI = ({ recipients, position, children }: StackAvatarsUIProps) => {
const size = useWindowSize();
return (
<>
{size.width > 1050 ? (