LogalDeveloper/owncast
0
Fork 0
Code Activity

Add tooltip and tag colors

Browse Source
This commit is contained in:
Gabe Kangas
2021-01-05 16:59:55 -08:00
parent ae1e8c5e74
commit 8e7e6c1c08
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/pages/webhooks.tsx
View File

@@ -15,12 +15,12 @@ import {
} from "../utils/apis"; } from "../utils/apis";
const availableEvents = { const availableEvents = {
'CHAT': { name: 'Chat messages', description: 'When a user sends a chat message' }, 'CHAT': { name: 'Chat messages', description: 'When a user sends a chat message', color: 'purple' },
'USER_JOINED': { name: 'User joined', description: 'When a user joins the chat'}, 'USER_JOINED': { name: 'User joined', description: 'When a user joins the chat', color: 'green'},
'NAME_CHANGE': { name: 'User name changed', description: 'When a user changes their name'}, 'NAME_CHANGE': { name: 'User name changed', description: 'When a user changes their name', color: 'blue'},
'VISIBILITY-UPDATE': { name: 'Message visibility changed', description: 'When a message visibility changes, likely due to moderation'}, 'VISIBILITY-UPDATE': { name: 'Message visibility changed', description: 'When a message visibility changes, likely due to moderation', color: 'red'},
'STREAM_STARTED': {name: 'Stream started', description: 'When a stream starts'}, 'STREAM_STARTED': {name: 'Stream started', description: 'When a stream starts', color: 'orange'},
'STREAM_STOPPED': {name: 'Stream stopped', description: 'When a stream stops'} 'STREAM_STOPPED': {name: 'Stream stopped', description: 'When a stream stops', color: 'cyan'}
}; };
@@ -30,11 +30,10 @@ function convertEventStringToTag(eventString) {
} }
const event = availableEvents[eventString]; const event = availableEvents[eventString];
const color = 'purple';
return ( return (
<Tooltip key={eventString} title={event.description}> <Tooltip key={eventString} title={event.description}>
<Tag color={color} > <Tag color={event.color} >
{event.name} {event.name}
</Tag> </Tag>
</Tooltip> </Tooltip>