Updated styles to match design for chat msgs

This commit is contained in:
t1enne
2022-09-30 09:57:12 +02:00
parent a9f97346a7
commit f90295269e
2 changed files with 19 additions and 13 deletions

View File

@ -53,9 +53,10 @@ function shouldCollapseMessages(messages: ChatMessage[], index: number): boolean
return id === lastMessage?.user.id;
}
function checkIsModerator(message) {
const { user } = message;
const { scopes } = user;
function checkIsModerator(message: ChatMessage | ConnectedClientInfoEvent) {
const {
user: { scopes },
} = message;
if (!scopes || scopes.length === 0) {
return false;
@ -97,8 +98,9 @@ export const ChatContainer: FC<ChatContainerProps> = ({
};
const getUserJoinedMessage = (message: ChatMessage) => {
const { user } = message;
const { displayName, displayColor } = user;
const {
user: { displayName, displayColor },
} = message;
const isAuthorModerator = checkIsModerator(message);
return (
<ChatJoinMessage