LogalDeveloper/owncast
0
Fork 0
Code Activity

Fix chat user color variable

Browse Source
This commit is contained in:
Gabe Kangas
2022-09-01 19:37:11 -07:00
parent e0926b9350
commit aa0b43074f
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -33,7 +33,7 @@ export default function ChatContainer(props: Props) {
const getNameChangeViewForMessage = (message: NameChangeEvent) => { const getNameChangeViewForMessage = (message: NameChangeEvent) => {
const { oldName, user } = message; const { oldName, user } = message;
const { displayName, displayColor } = user; const { displayName, displayColor } = user;
const color = `var(--theme-user-colors-${displayColor})`; const color = `var(--theme-color-users-${displayColor})`;
return ( return (
<div className={s.nameChangeView}> <div className={s.nameChangeView}>

2
web/components/chat/ChatModerationActionMenu/ChatModerationDetailsModal.tsx
View File

@@ -86,7 +86,7 @@ const ConnectedClient = ({ client }: { client: Client }) => {
// eslint-disable-next-line react/prop-types // eslint-disable-next-line react/prop-types
const UserColorBlock = ({ color }) => { const UserColorBlock = ({ color }) => {
const bg = `var(--theme-user-colors-${color})`; const bg = `var(--theme-color-users-${color})`;
return ( return (
<Row justify="space-around" align="middle"> <Row justify="space-around" align="middle">
<Col span={12}>Color</Col> <Col span={12}>Color</Col>

2
web/components/chat/ChatUserMessage/ChatUserMessage.tsx
View File

@@ -32,7 +32,7 @@ export default function ChatUserMessage({
const { id: messageId, body, user, timestamp } = message; const { id: messageId, body, user, timestamp } = message;
const { id: userId, displayName, displayColor } = user; const { id: userId, displayName, displayColor } = user;
const color = `var(--theme-user-colors-${displayColor})`; const color = `var(--theme-color-users-${displayColor})`;
const formattedTimestamp = `Sent ${formatTimestamp(timestamp)}`; const formattedTimestamp = `Sent ${formatTimestamp(timestamp)}`;
const [formattedMessage, setFormattedMessage] = useState<string>(body); const [formattedMessage, setFormattedMessage] = useState<string>(body);