add avatar to conversation
Change-Id: I8112f60dfd1c4af86c5f2ac25cf0007b49e349eb
diff --git a/client/src/components/ConversationAvatar.js b/client/src/components/ConversationAvatar.js
index e50c383..9d19f25 100644
--- a/client/src/components/ConversationAvatar.js
+++ b/client/src/components/ConversationAvatar.js
@@ -1,9 +1,10 @@
import React from 'react'
import { Avatar } from '@mui/material'
-import { PersonRounded } from '@mui/icons-material'
-export default function ConversationAvatar(props) {
- return <Avatar>
- {props.displayName ? props.displayName[0].toUpperCase() : <PersonRounded />}
- </Avatar>
+export default function ConversationAvatar({displayName,...props}) {
+ return <Avatar
+ {...props}
+ alt={displayName}
+ src="/broken"
+ />
}