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

rendering formatted text

Browse Source
This commit is contained in:
balzack 2022-10-06 23:09:56 -07:00
parent 446b974aed
commit f7d06e1644
3 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/mobile/src/session/conversation/topicItem/TopicItem.jsx
View File

@ -73,7 +73,7 @@ export function TopicItem({ item }) {
<AntIcons name="cloudo" size={32} color={Colors.alert} />
)}
{ state.message && (
<Text style={styles.message}>{ state.message }</Text>
<Text style={{ paddingLeft: 52, fontSize: state.fontSize, color: state.fontColor }}>{ state.message }</Text>
)}
</>
)}

3
app/mobile/src/session/conversation/topicItem/TopicItem.styled.js
View File

@ -22,9 +22,6 @@ export const styles = StyleSheet.create({
paddingTop: 2,
color: Colors.grey,
},
message: {
paddingLeft: 52,
},
carousel: {
paddingLeft: 52,
marginTop: 4,

23
app/mobile/src/session/conversation/topicItem/useTopicItem.hook.js
View File

@ -3,6 +3,7 @@ import { CardContext } from 'context/CardContext';
import { ProfileContext } from 'context/ProfileContext';
import moment from 'moment';
import { useWindowDimensions } from 'react-native';
import Colors from 'constants/Colors';
export function useTopicItem(item) {
@ -17,6 +18,8 @@ export function useTopicItem(item) {
width: null,
height: null,
activeId: null,
fontSize: 14,
fontColor: Colors.text,
});
const profile = useContext(ProfileContext);
@ -78,16 +81,32 @@ export function useTopicItem(item) {
}
}
let message, assets;
let message, assets, fontSize, fontColor;
try {
const data = JSON.parse(item.detail.data);
message = data.text;
assets = data.assets;
if (data.textSize === 'small') {
fontSize = 10;
}
else if (data.textSize === 'large') {
fontSize = 20;
}
else {
fontSize = 14;
}
if (data.textColor) {
fontColor = data.textColor;
}
else {
fontColor = Colors.text;
}
}
catch (err) {
console.log("empty message");
}
let timestamp;
const date = new Date(item.detail.created * 1000);
const now = new Date();
@ -102,7 +121,7 @@ export function useTopicItem(item) {
timestamp = moment(date).format('M/DD/YYYY');
}
updateState({ logo, name, known, message, timestamp, transform, status, assets });
updateState({ logo, name, known, message, fontSize, fontColor, timestamp, transform, status, assets });
}, [card, item]);
const actions = {