martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

updating text style on theme change

Browse Source
This commit is contained in:
Roland Osborne 2024-03-02 22:25:54 -08:00
parent 3629f30029
commit 06618102c9
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
net/web/src/session/conversation/Conversation.jsx
View File

@ -19,6 +19,7 @@ export function Conversation({ closeConversation, openDetails, cardId, channelId
update={(text) => actions.updateTopic(topic, text)}
sealed={state.sealed && !state.contentKey}
strings={state.strings}
colors={state.colors}
menuStyle={state.menuStyle}
/>)
}

6
net/web/src/session/conversation/topicItem/TopicItem.jsx
View File

@ -9,7 +9,7 @@ import { ExclamationCircleOutlined, DeleteOutlined, EditOutlined, FireOutlined,
import { Carousel } from 'carousel/Carousel';
import { useTopicItem } from './useTopicItem.hook';
export function TopicItem({ host, contentKey, sealed, topic, update, remove, strings, menuStyle }) {
export function TopicItem({ host, contentKey, sealed, topic, update, remove, strings, colors, menuStyle }) {
const [ modal, modalContext ] = Modal.useModal();
const { state, actions } = useTopicItem(topic, contentKey);
@ -106,7 +106,7 @@ export function TopicItem({ host, contentKey, sealed, topic, update, remove, str
<>
{ topic.transform === 'error' && (
<div className="asset-placeholder">
<FireOutlined style={{ fontSize: 32, color: '#ff8888' }} />
<FireOutlined style={{ fontSize: 32, color: colors.alertText }} />
</div>
)}
{ topic.transform === 'incomplete' && (
@ -126,7 +126,7 @@ export function TopicItem({ host, contentKey, sealed, topic, update, remove, str
)}
{ !sealed && !state.editing && (
<div className="message">
<div style={{ color: topic.textColor, fontSize: topic.textSize }}>{ topic.clickable }</div>
<div style={{ color: topic.textColor ? topic.textColor : colors.mainText, fontSize: topic.textSize }}>{ topic.clickable }</div>
</div>
)}
{ state.editing && (

4
net/web/src/session/conversation/useConversation.hook.js
View File

@ -239,7 +239,7 @@ export function useConversation(cardId, channelId) {
item.assets = message.assets;
item.text = message.text;
item.clickable = clickableText(message.text);
item.textColor = message.textColor ? message.textColor : state.colors.mainText;
item.textColor = message.textColor ? message.textColor : null;
item.textSize = message.textSize ? message.textSize : 14;
}
if (detail.dataType === 'sealedtopic' && state.contentKey) {
@ -247,7 +247,7 @@ export function useConversation(cardId, channelId) {
item.assets = subject.message.assets;
item.text = subject.message.text;
item.clickable = clickableText(subject.message.text);
item.textColor = subject.message.textColor ? subject.message.textColor : state.colors.mainText;
item.textColor = subject.message.textColor ? subject.message.textColor : null;
item.textSize = subject.message.textSize ? subject.message.textSize : 14;
}
}