From 8d2e50d1fe05ee7c54f7028e0f351defecc20035 Mon Sep 17 00:00:00 2001
From: Catalin Pit <catalinpit@gmail.com>
Date: Mon, 16 Oct 2023 17:36:12 +0300
Subject: [PATCH] fix: user avatar on admin documents table (#570)

Co-authored-by: pit <pit@pits-MacBook-Pro.local>
---
 apps/web/src/app/(dashboard)/admin/documents/data-table.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/app/(dashboard)/admin/documents/data-table.tsx b/apps/web/src/app/(dashboard)/admin/documents/data-table.tsx
index 3b098c2fd..5f7a32561 100644
--- a/apps/web/src/app/(dashboard)/admin/documents/data-table.tsx
+++ b/apps/web/src/app/(dashboard)/admin/documents/data-table.tsx
@@ -8,6 +8,7 @@ import { Loader } from 'lucide-react';
 
 import { useUpdateSearchParams } from '@documenso/lib/client-only/hooks/use-update-search-params';
 import { FindResultSet } from '@documenso/lib/types/find-result-set';
+import { recipientInitials } from '@documenso/lib/utils/recipient-formatter';
 import { Document, User } from '@documenso/prisma/client';
 import { Avatar, AvatarFallback } from '@documenso/ui/primitives/avatar';
 import { DataTable } from '@documenso/ui/primitives/data-table';
@@ -62,7 +63,9 @@ export const DocumentsDataTable = ({ results }: DocumentsDataTableProps) => {
                 <Link href={`/admin/users/${row.original.User.id}`}>
                   <Avatar className="dark:border-border h-12 w-12 border-2 border-solid border-white">
                     <AvatarFallback className="text-gray-400">
-                      <span className="text-xs">{row.original.User.name}</span>
+                      <span className="text-sm">
+                        {recipientInitials(row.original.User.name ?? '')}
+                      </span>
                     </AvatarFallback>
                   </Avatar>
                 </Link>