Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-15 09:12:02 +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 { LazyPDFViewer } from '@documenso/ui/primitives/lazy-pdf-viewer';
import { EditDocumentForm } from '~/app/(dashboard)/documents/[id]/edit-document'; 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'; import { DocumentStatus } from '~/components/formatter/document-status';
export type DocumentPageProps = { export type DocumentPageProps = {
@ -71,9 +71,9 @@ export default async function DocumentPage({ params }: DocumentPageProps) {
<div className="text-muted-foreground flex items-center"> <div className="text-muted-foreground flex items-center">
<Users2 className="mr-2 h-5 w-5" /> <Users2 className="mr-2 h-5 w-5" />
<StackAvatarsWithUI recipients={recipients} position="bottom"> <StackAvatarsUI recipients={recipients} position="bottom">
<span>{recipients.length} Recipient(s)</span> <span>{recipients.length} Recipient(s)</span>
</StackAvatarsWithUI> </StackAvatarsUI>
</div> </div>
)} )}
</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 { DataTable } from '@documenso/ui/primitives/data-table';
import { DataTablePagination } from '@documenso/ui/primitives/data-table-pagination'; 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 { DocumentStatus } from '~/components/formatter/document-status';
import { LocaleDate } from '~/components/formatter/locale-date'; import { LocaleDate } from '~/components/formatter/locale-date';
@ -64,7 +64,7 @@ export const DocumentsDataTable = ({ results }: DocumentsDataTableProps) => {
{ {
header: 'Recipient', header: 'Recipient',
accessorKey: 'recipient', accessorKey: 'recipient',
cell: ({ row }) => <StackAvatarsWithUI recipients={row.original.Recipient} />, cell: ({ row }) => <StackAvatarsUI recipients={row.original.Recipient} />,
}, },
{ {
header: 'Status', 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 { StackAvatars } from './stack-avatars';
import { StackAvatarsComponent } from './stack-avatars-component'; import { StackAvatarsComponent } from './stack-avatars-component';
export type StackAvatarsWithUIProps = { export type StackAvatarsUIProps = {
recipients: Recipient[]; recipients: Recipient[];
position?: 'top' | 'bottom'; position?: 'top' | 'bottom';
children?: React.ReactNode; children?: React.ReactNode;
}; };
export const StackAvatarsWithUI = ({ recipients, position, children }: StackAvatarsWithUIProps) => { export const StackAvatarsUI = ({ recipients, position, children }: StackAvatarsUIProps) => {
const size = useWindowSize(); const size = useWindowSize();
return ( return (
<> <>
{size.width > 1050 ? ( {size.width > 1050 ? (