LogalDeveloper/owncast
0
Fork 0
Code Activity

feat(chat): have unique icons for join and part messages. Closes #3421

Browse Source
This commit is contained in:
Gabe Kangas
2023-11-12 10:42:25 -08:00
parent c17a762067
commit 34a474b30d
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/chat/ChatJoinMessage/ChatJoinMessage.tsx
View File

@@ -6,7 +6,7 @@ import styles from './ChatJoinMessage.module.scss';
// Lazy loaded components // Lazy loaded components
const TeamOutlined = dynamic(() => import('@ant-design/icons/TeamOutlined'), { const UsergroupAddOutlined = dynamic(() => import('@ant-design/icons/UsergroupAddOutlined'), {
ssr: false, ssr: false,
}); });
@@ -27,7 +27,7 @@ export const ChatJoinMessage: FC<ChatJoinMessageProps> = ({
<div className={styles.root}> <div className={styles.root}>
<span style={{ color }}> <span style={{ color }}>
<span className={styles.icon}> <span className={styles.icon}>
<TeamOutlined /> <UsergroupAddOutlined />
</span> </span>
<span className={styles.user}>{displayName}</span> <span className={styles.user}>{displayName}</span>
{isAuthorModerator && ( {isAuthorModerator && (

4
web/components/chat/ChatPartMessage/ChatPartMessage.tsx
View File

@@ -6,7 +6,7 @@ import styles from './ChatPartMessage.module.scss';
// Lazy loaded components // Lazy loaded components
const TeamOutlined = dynamic(() => import('@ant-design/icons/TeamOutlined'), { const UsergroupDeleteOutlined = dynamic(() => import('@ant-design/icons/UsergroupDeleteOutlined'), {
ssr: false, ssr: false,
}); });
@@ -27,7 +27,7 @@ export const ChatPartMessage: FC<ChatPartMessageProps> = ({
<div className={styles.root}> <div className={styles.root}>
<span style={{ color }}> <span style={{ color }}>
<span className={styles.icon}> <span className={styles.icon}>
<TeamOutlined /> <UsergroupDeleteOutlined />
</span> </span>
<span className={styles.user}>{displayName}</span> <span className={styles.user}>{displayName}</span>
{isAuthorModerator && ( {isAuthorModerator && (