LogalDeveloper/owncast
0
Fork 0
Code Activity

Add moderator status chat message. Closes #1999

Browse Source
This commit is contained in:
Gabe Kangas
2022-07-14 20:36:47 -07:00
parent 756ab368c1
commit 9a2a43d916
6 changed files with 88 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/components/chat/ChatModeratorNotification/ChatModeratorNotification.module.scss Normal file
View File

@@ -0,0 +1,19 @@
@import 'styles/mixins.scss';
.chatModerationNotification {
background-color: var(--theme-background-primary);
margin: 5px;
border-radius: 15px;
border-color: rgba(0, 0, 0, 0.3);
border-width: 1px;
border-style: solid;
padding: 10px 10px;
max-width: 400px;
@include flexCenter;
.icon {
margin-right: 10px;
width: 20px;
height: 20px;
}
}

12
web/components/chat/ChatModeratorNotification/ChatModeratorNotification.tsx Normal file
View File

@@ -0,0 +1,12 @@
import s from './ChatModeratorNotification.module.scss';
import Icon from '../../../assets/images/moderator.svg';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export default function ModeratorNotification() {
return (
<div className={s.chatModerationNotification}>
<Icon className={s.icon} />
You are now a moderator.
</div>
);
}