fix(InviteAgents): initials on avatar

livechat · Sep 27, 2024 · 9162137 · 9162137
1 parent 6ecc7fc
commit 9162137
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/packages/react-components/src/components/InviteAgents/InviteAgents.stories.tsx b/packages/react-components/src/components/InviteAgents/InviteAgents.stories.tsx
@@ -23,13 +23,13 @@ const mockAgents = [
     name: 'Bob Smith',
     email: 'bob@example.com',
     status: 'unknown' as const,
-    avatar: 'https://via.placeholder.com/150',
+    avatar: '',
   },
   {
     name: 'Alice Johnson',
     email: 'alice@example.com',
     status: 'available' as const,
-    avatar: 'https://via.placeholder.com/150',
+    avatar: undefined,
   },
   {
     name: 'Alice Johnson 2',

diff --git a/packages/react-components/src/components/InviteAgents/InviteAgents.tsx b/packages/react-components/src/components/InviteAgents/InviteAgents.tsx
@@ -128,9 +128,10 @@ const InviteAgentsComponent: FC<InviteAgentsProps> = ({
                 <div className={styles[`${baseClass}__avatar-container`]}>
                   {visibleAgents.map((agent, index) => (
                     <Avatar
+                      text={agent.name}
                       className={styles[`${baseClass}__avatar`]}
                       key={agent.email}
-                      type="image"
+                      type={agent.avatar ? 'image' : 'text'}
                       size="xsmall"
                       status={agent.status}
                       src={agent.avatar}

diff --git a/packages/react-components/src/components/InviteAgents/types.ts b/packages/react-components/src/components/InviteAgents/types.ts
@@ -4,7 +4,7 @@ export interface Agent {
   name: string;
   email: string;
   status: 'available' | 'unavailable' | 'unknown';
-  avatar: string;
+  avatar?: string;
 }
 
 export interface InviteAgentsProps extends ComponentCoreProps {