Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add chat join messages

Browse Source
This commit is contained in:
Gabe Kangas 2022-07-14 21:05:34 -07:00
parent 9a2a43d916
commit 2c8621c873
No known key found for this signature in database
GPG Key ID: 9A56337728BC81EA
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/components/chat/ChatContainer/ChatContainer.tsx
View File

@ -11,6 +11,7 @@ import s from './ChatContainer.module.scss';
import { ChatMessage } from '../../../interfaces/chat-message.model';
import { ChatTextField, ChatUserMessage } from '..';
import ChatModeratorNotification from '../ChatModeratorNotification/ChatModeratorNotification';
import ChatActionMessage from '../ChatAction/ChatActionMessage';
interface Props {
messages: ChatMessage[];
@ -48,6 +49,17 @@ export default function ChatContainer(props: Props) {
);
};
const getUserJoinedMessage = (message: ChatMessage) => {
const { user } = message;
const { displayName, displayColor } = user;
const color = `var(--theme-user-colors-${displayColor})`;
return (
<ChatActionMessage
body={`<span style="color: ${color}">${displayName}</span> joined the chat.`}
/>
);
};
const getConnectedInfoMessage = (message: ConnectedClientInfoEvent) => {
const modStatusUpdate = checkIsModerator(message);
if (!modStatusUpdate) {
@ -78,6 +90,8 @@ export default function ChatContainer(props: Props) {
return getNameChangeViewForMessage(message as NameChangeEvent);
case MessageType.CONNECTED_USER_INFO:
return getConnectedInfoMessage(message);
case MessageType.USER_JOINED:
return getUserJoinedMessage(message as ChatMessage);
default:
return null;

4
web/components/stores/ClientConfigStore.tsx
View File

@ -262,11 +262,13 @@ export function ClientConfigStore() {
break;
case MessageType.CHAT:
setChatMessages(currentState => [...currentState, message as ChatEvent]);
break;
case MessageType.NAME_CHANGE:
handleNameChangeEvent(message as ChatEvent, chatMessages, setChatMessages);
break;
case MessageType.USER_JOINED:
setChatMessages(currentState => [...currentState, message as ChatEvent]);
break;
default:
console.error('Unknown socket message type: ', message.type);
}