LogalDeveloper/owncast
0
Fork 0
Code Activity

Add action message type to chat. Closes #2226

Browse Source
This commit is contained in:
Gabe Kangas
2022-10-18 19:44:42 -07:00
parent a58d4d6997
commit 91c7bed0e8
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,6 +15,7 @@ import { ChatModeratorNotification } from '../ChatModeratorNotification/ChatMode
import { ChatSystemMessage } from '../ChatSystemMessage/ChatSystemMessage'; import { ChatSystemMessage } from '../ChatSystemMessage/ChatSystemMessage';
import { ChatJoinMessage } from '../ChatJoinMessage/ChatJoinMessage'; import { ChatJoinMessage } from '../ChatJoinMessage/ChatJoinMessage';
import { ScrollToBotBtn } from './ScrollToBotBtn'; import { ScrollToBotBtn } from './ScrollToBotBtn';
import { ChatActionMessage } from '../ChatActionMessage/ChatActionMessage';
export type ChatContainerProps = { export type ChatContainerProps = {
messages: ChatMessage[]; messages: ChatMessage[];
@@ -111,6 +112,10 @@ export const ChatContainer: FC<ChatContainerProps> = ({
); );
}; };
const getActionMessage = (message: ChatMessage) => {
const { body } = message;
return <ChatActionMessage body={body} />;
};
const getConnectedInfoMessage = (message: ConnectedClientInfoEvent) => { const getConnectedInfoMessage = (message: ConnectedClientInfoEvent) => {
const modStatusUpdate = checkIsModerator(message); const modStatusUpdate = checkIsModerator(message);
if (!modStatusUpdate) { if (!modStatusUpdate) {
@@ -148,6 +153,8 @@ export const ChatContainer: FC<ChatContainerProps> = ({
return getConnectedInfoMessage(message); return getConnectedInfoMessage(message);
case MessageType.USER_JOINED: case MessageType.USER_JOINED:
return getUserJoinedMessage(message as ChatMessage); return getUserJoinedMessage(message as ChatMessage);
case MessageType.CHAT_ACTION:
return getActionMessage(message as ChatMessage);
case MessageType.SYSTEM: case MessageType.SYSTEM:
return ( return (
<ChatSystemMessage <ChatSystemMessage

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

@@ -302,6 +302,9 @@ export const ClientConfigStore: FC = () => {
case MessageType.SYSTEM: case MessageType.SYSTEM:
setChatMessages(currentState => [...currentState, message as ChatEvent]); setChatMessages(currentState => [...currentState, message as ChatEvent]);
break; break;
case MessageType.CHAT_ACTION:
setChatMessages(currentState => [...currentState, message as ChatEvent]);
break;
case MessageType.VISIBILITY_UPDATE: case MessageType.VISIBILITY_UPDATE:
handleMessageVisibilityChange(message as MessageVisibilityEvent); handleMessageVisibilityChange(message as MessageVisibilityEvent);
break; break;