mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-24 21:45:59 +03:00
Code Issues Projects Releases Packages Wiki Activity

Use user color for name change messages

Browse source
This commit is contained in:
Gabe Kangas 2022-06-28 20:40:18 -07:00
parent 23e3751303
commit 5e4334ac01
No known key found for this signature in database
GPG key ID: 9A56337728BC81EA
1 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
web/components/chat/ChatContainer/ChatContainer.tsx
View file

@ -7,7 +7,6 @@ import { MessageType, NameChangeEvent } from '../../../interfaces/socket-events'
import s from './ChatContainer.module.scss';
import { ChatMessage } from '../../../interfaces/chat-message.model';
import { ChatUserMessage } from '..';
import ChatActionMessage from '../ChatActionMessage';
interface Props {
messages: ChatMessage[];
@ -24,11 +23,15 @@ export default function ChatContainer(props: Props) {
const spinIcon = <LoadingOutlined style={{ fontSize: '32px' }} spin />;
const getNameChangeViewForMessage = (message: NameChangeEvent) => {
const { oldName } = message;
const { user } = message;
const { displayName } = user;
const body = `<strong>${oldName}</strong> is now known as <strong>${displayName}</strong>`;
return <ChatActionMessage body={body} />;
const { oldName, user } = message;
const { displayName, displayColor } = user;
const color = `var(--theme-user-colors-${displayColor})`;
return (
<div>
<span style={{ color }}>{oldName}</span> is now known as {displayName}
</div>
);
};
const getViewForMessage = message => {