Compare commits
1 Commits
develop
...
revert-292
| Author | SHA1 | Date |
|---|---|---|
Diego Mello
|
c49f837432 |
|
|
@ -39301,45 +39301,18 @@ exports[`Storyshots Message list message 1`] = `
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "transparent",
|
"backgroundColor": "transparent",
|
||||||
"fontFamily": "System",
|
"fontFamily": "System",
|
||||||
"fontSize": 16,
|
"fontSize": 14,
|
||||||
"fontWeight": "400",
|
"fontWeight": "400",
|
||||||
"textAlign": "left",
|
"textAlign": "left",
|
||||||
},
|
},
|
||||||
undefined,
|
|
||||||
Object {
|
Object {
|
||||||
"color": "#2f343d",
|
"color": "#2f343d",
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
>
|
|
||||||
<Text
|
|
||||||
accessibilityLabel="Value 1"
|
|
||||||
style={
|
|
||||||
Array [
|
|
||||||
Object {
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"fontFamily": "System",
|
|
||||||
"fontSize": 16,
|
|
||||||
"fontWeight": "400",
|
|
||||||
"textAlign": "left",
|
|
||||||
},
|
|
||||||
Array [
|
|
||||||
Object {},
|
|
||||||
Object {
|
|
||||||
"alignItems": "flex-start",
|
|
||||||
"flexDirection": "row",
|
|
||||||
"flexWrap": "wrap",
|
|
||||||
"justifyContent": "flex-start",
|
|
||||||
"marginBottom": 0,
|
|
||||||
"marginTop": 0,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]
|
|
||||||
}
|
|
||||||
>
|
>
|
||||||
Value 1
|
Value 1
|
||||||
</Text>
|
</Text>
|
||||||
</Text>
|
|
||||||
</View>
|
</View>
|
||||||
<View
|
<View
|
||||||
style={
|
style={
|
||||||
|
|
@ -39378,45 +39351,18 @@ exports[`Storyshots Message list message 1`] = `
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "transparent",
|
"backgroundColor": "transparent",
|
||||||
"fontFamily": "System",
|
"fontFamily": "System",
|
||||||
"fontSize": 16,
|
"fontSize": 14,
|
||||||
"fontWeight": "400",
|
"fontWeight": "400",
|
||||||
"textAlign": "left",
|
"textAlign": "left",
|
||||||
},
|
},
|
||||||
undefined,
|
|
||||||
Object {
|
Object {
|
||||||
"color": "#2f343d",
|
"color": "#2f343d",
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
>
|
|
||||||
<Text
|
|
||||||
accessibilityLabel="Value 2"
|
|
||||||
style={
|
|
||||||
Array [
|
|
||||||
Object {
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"fontFamily": "System",
|
|
||||||
"fontSize": 16,
|
|
||||||
"fontWeight": "400",
|
|
||||||
"textAlign": "left",
|
|
||||||
},
|
|
||||||
Array [
|
|
||||||
Object {},
|
|
||||||
Object {
|
|
||||||
"alignItems": "flex-start",
|
|
||||||
"flexDirection": "row",
|
|
||||||
"flexWrap": "wrap",
|
|
||||||
"justifyContent": "flex-start",
|
|
||||||
"marginBottom": 0,
|
|
||||||
"marginTop": 0,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]
|
|
||||||
}
|
|
||||||
>
|
>
|
||||||
Value 2
|
Value 2
|
||||||
</Text>
|
</Text>
|
||||||
</Text>
|
|
||||||
</View>
|
</View>
|
||||||
<View
|
<View
|
||||||
style={
|
style={
|
||||||
|
|
@ -39455,45 +39401,18 @@ exports[`Storyshots Message list message 1`] = `
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "transparent",
|
"backgroundColor": "transparent",
|
||||||
"fontFamily": "System",
|
"fontFamily": "System",
|
||||||
"fontSize": 16,
|
"fontSize": 14,
|
||||||
"fontWeight": "400",
|
"fontWeight": "400",
|
||||||
"textAlign": "left",
|
"textAlign": "left",
|
||||||
},
|
},
|
||||||
undefined,
|
|
||||||
Object {
|
Object {
|
||||||
"color": "#2f343d",
|
"color": "#2f343d",
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
>
|
|
||||||
<Text
|
|
||||||
accessibilityLabel="Value 3"
|
|
||||||
style={
|
|
||||||
Array [
|
|
||||||
Object {
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"fontFamily": "System",
|
|
||||||
"fontSize": 16,
|
|
||||||
"fontWeight": "400",
|
|
||||||
"textAlign": "left",
|
|
||||||
},
|
|
||||||
Array [
|
|
||||||
Object {},
|
|
||||||
Object {
|
|
||||||
"alignItems": "flex-start",
|
|
||||||
"flexDirection": "row",
|
|
||||||
"flexWrap": "wrap",
|
|
||||||
"justifyContent": "flex-start",
|
|
||||||
"marginBottom": 0,
|
|
||||||
"marginTop": 0,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]
|
|
||||||
}
|
|
||||||
>
|
>
|
||||||
Value 3
|
Value 3
|
||||||
</Text>
|
</Text>
|
||||||
</Text>
|
|
||||||
</View>
|
</View>
|
||||||
<View
|
<View
|
||||||
style={
|
style={
|
||||||
|
|
@ -39532,45 +39451,18 @@ exports[`Storyshots Message list message 1`] = `
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "transparent",
|
"backgroundColor": "transparent",
|
||||||
"fontFamily": "System",
|
"fontFamily": "System",
|
||||||
"fontSize": 16,
|
"fontSize": 14,
|
||||||
"fontWeight": "400",
|
"fontWeight": "400",
|
||||||
"textAlign": "left",
|
"textAlign": "left",
|
||||||
},
|
},
|
||||||
undefined,
|
|
||||||
Object {
|
Object {
|
||||||
"color": "#2f343d",
|
"color": "#2f343d",
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
>
|
|
||||||
<Text
|
|
||||||
accessibilityLabel="Value 4"
|
|
||||||
style={
|
|
||||||
Array [
|
|
||||||
Object {
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"fontFamily": "System",
|
|
||||||
"fontSize": 16,
|
|
||||||
"fontWeight": "400",
|
|
||||||
"textAlign": "left",
|
|
||||||
},
|
|
||||||
Array [
|
|
||||||
Object {},
|
|
||||||
Object {
|
|
||||||
"alignItems": "flex-start",
|
|
||||||
"flexDirection": "row",
|
|
||||||
"flexWrap": "wrap",
|
|
||||||
"justifyContent": "flex-start",
|
|
||||||
"marginBottom": 0,
|
|
||||||
"marginTop": 0,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]
|
|
||||||
}
|
|
||||||
>
|
>
|
||||||
Value 4
|
Value 4
|
||||||
</Text>
|
</Text>
|
||||||
</Text>
|
|
||||||
</View>
|
</View>
|
||||||
<View
|
<View
|
||||||
style={
|
style={
|
||||||
|
|
@ -39609,45 +39501,18 @@ exports[`Storyshots Message list message 1`] = `
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "transparent",
|
"backgroundColor": "transparent",
|
||||||
"fontFamily": "System",
|
"fontFamily": "System",
|
||||||
"fontSize": 16,
|
"fontSize": 14,
|
||||||
"fontWeight": "400",
|
"fontWeight": "400",
|
||||||
"textAlign": "left",
|
"textAlign": "left",
|
||||||
},
|
},
|
||||||
undefined,
|
|
||||||
Object {
|
Object {
|
||||||
"color": "#2f343d",
|
"color": "#2f343d",
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
>
|
|
||||||
<Text
|
|
||||||
accessibilityLabel="Value 5"
|
|
||||||
style={
|
|
||||||
Array [
|
|
||||||
Object {
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"fontFamily": "System",
|
|
||||||
"fontSize": 16,
|
|
||||||
"fontWeight": "400",
|
|
||||||
"textAlign": "left",
|
|
||||||
},
|
|
||||||
Array [
|
|
||||||
Object {},
|
|
||||||
Object {
|
|
||||||
"alignItems": "flex-start",
|
|
||||||
"flexDirection": "row",
|
|
||||||
"flexWrap": "wrap",
|
|
||||||
"justifyContent": "flex-start",
|
|
||||||
"marginBottom": 0,
|
|
||||||
"marginTop": 0,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]
|
|
||||||
}
|
|
||||||
>
|
>
|
||||||
Value 5
|
Value 5
|
||||||
</Text>
|
</Text>
|
||||||
</Text>
|
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
|
@ -39676,7 +39541,7 @@ exports[`Storyshots Message list message 1`] = `
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
Two short custom fields with markdown
|
Two short custom fields
|
||||||
</Text>
|
</Text>
|
||||||
<View
|
<View
|
||||||
accessible={true}
|
accessible={true}
|
||||||
|
|
@ -40086,45 +39951,18 @@ exports[`Storyshots Message list message 1`] = `
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "transparent",
|
"backgroundColor": "transparent",
|
||||||
"fontFamily": "System",
|
"fontFamily": "System",
|
||||||
"fontSize": 16,
|
"fontSize": 14,
|
||||||
"fontWeight": "400",
|
"fontWeight": "400",
|
||||||
"textAlign": "left",
|
"textAlign": "left",
|
||||||
},
|
},
|
||||||
undefined,
|
|
||||||
Object {
|
Object {
|
||||||
"color": "#2f343d",
|
"color": "#2f343d",
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
>
|
|
||||||
<Text
|
|
||||||
accessibilityLabel="Value 1"
|
|
||||||
style={
|
|
||||||
Array [
|
|
||||||
Object {
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"fontFamily": "System",
|
|
||||||
"fontSize": 16,
|
|
||||||
"fontWeight": "400",
|
|
||||||
"textAlign": "left",
|
|
||||||
},
|
|
||||||
Array [
|
|
||||||
Object {},
|
|
||||||
Object {
|
|
||||||
"alignItems": "flex-start",
|
|
||||||
"flexDirection": "row",
|
|
||||||
"flexWrap": "wrap",
|
|
||||||
"justifyContent": "flex-start",
|
|
||||||
"marginBottom": 0,
|
|
||||||
"marginTop": 0,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]
|
|
||||||
}
|
|
||||||
>
|
>
|
||||||
Value 1
|
Value 1
|
||||||
</Text>
|
</Text>
|
||||||
</Text>
|
|
||||||
</View>
|
</View>
|
||||||
<View
|
<View
|
||||||
style={
|
style={
|
||||||
|
|
@ -40163,67 +40001,18 @@ exports[`Storyshots Message list message 1`] = `
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "transparent",
|
"backgroundColor": "transparent",
|
||||||
"fontFamily": "System",
|
"fontFamily": "System",
|
||||||
"fontSize": 16,
|
"fontSize": 14,
|
||||||
"fontWeight": "400",
|
"fontWeight": "400",
|
||||||
"textAlign": "left",
|
"textAlign": "left",
|
||||||
},
|
},
|
||||||
undefined,
|
|
||||||
Object {
|
Object {
|
||||||
"color": "#2f343d",
|
"color": "#2f343d",
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
>
|
|
||||||
<Text
|
|
||||||
onLongPress={[Function]}
|
|
||||||
onPress={[Function]}
|
|
||||||
style={
|
|
||||||
Object {
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"color": "#1d74f5",
|
|
||||||
"fontFamily": "System",
|
|
||||||
"fontSize": 16,
|
|
||||||
"fontWeight": "400",
|
|
||||||
"textAlign": "left",
|
|
||||||
}
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<Text
|
|
||||||
accessibilityLabel="Value 2"
|
|
||||||
style={
|
|
||||||
Array [
|
|
||||||
Object {
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"fontFamily": "System",
|
|
||||||
"fontSize": 16,
|
|
||||||
"fontWeight": "400",
|
|
||||||
"textAlign": "left",
|
|
||||||
},
|
|
||||||
Array [
|
|
||||||
Object {},
|
|
||||||
Object {
|
|
||||||
"alignItems": "flex-start",
|
|
||||||
"flexDirection": "row",
|
|
||||||
"flexWrap": "wrap",
|
|
||||||
"justifyContent": "flex-start",
|
|
||||||
"marginBottom": 0,
|
|
||||||
"marginTop": 0,
|
|
||||||
},
|
|
||||||
Object {
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"fontFamily": "System",
|
|
||||||
"fontSize": 16,
|
|
||||||
"fontWeight": "400",
|
|
||||||
"textAlign": "left",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]
|
|
||||||
}
|
|
||||||
>
|
>
|
||||||
Value 2
|
Value 2
|
||||||
</Text>
|
</Text>
|
||||||
</Text>
|
|
||||||
</Text>
|
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
|
@ -40402,45 +40191,18 @@ exports[`Storyshots Message list message 1`] = `
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "transparent",
|
"backgroundColor": "transparent",
|
||||||
"fontFamily": "System",
|
"fontFamily": "System",
|
||||||
"fontSize": 16,
|
"fontSize": 14,
|
||||||
"fontWeight": "400",
|
"fontWeight": "400",
|
||||||
"textAlign": "left",
|
"textAlign": "left",
|
||||||
},
|
},
|
||||||
undefined,
|
|
||||||
Object {
|
Object {
|
||||||
"color": "#2f343d",
|
"color": "#2f343d",
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
>
|
|
||||||
<Text
|
|
||||||
accessibilityLabel="Value 1"
|
|
||||||
style={
|
|
||||||
Array [
|
|
||||||
Object {
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"fontFamily": "System",
|
|
||||||
"fontSize": 16,
|
|
||||||
"fontWeight": "400",
|
|
||||||
"textAlign": "left",
|
|
||||||
},
|
|
||||||
Array [
|
|
||||||
Object {},
|
|
||||||
Object {
|
|
||||||
"alignItems": "flex-start",
|
|
||||||
"flexDirection": "row",
|
|
||||||
"flexWrap": "wrap",
|
|
||||||
"justifyContent": "flex-start",
|
|
||||||
"marginBottom": 0,
|
|
||||||
"marginTop": 0,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]
|
|
||||||
}
|
|
||||||
>
|
>
|
||||||
Value 1
|
Value 1
|
||||||
</Text>
|
</Text>
|
||||||
</Text>
|
|
||||||
</View>
|
</View>
|
||||||
<View
|
<View
|
||||||
style={
|
style={
|
||||||
|
|
@ -40479,48 +40241,18 @@ exports[`Storyshots Message list message 1`] = `
|
||||||
Object {
|
Object {
|
||||||
"backgroundColor": "transparent",
|
"backgroundColor": "transparent",
|
||||||
"fontFamily": "System",
|
"fontFamily": "System",
|
||||||
"fontSize": 16,
|
"fontSize": 14,
|
||||||
"fontWeight": "400",
|
"fontWeight": "400",
|
||||||
"textAlign": "left",
|
"textAlign": "left",
|
||||||
},
|
},
|
||||||
undefined,
|
|
||||||
Object {
|
Object {
|
||||||
"color": "#2f343d",
|
"color": "#2f343d",
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
>
|
|
||||||
<Text
|
|
||||||
accessibilityLabel="Value 2"
|
|
||||||
style={
|
|
||||||
Array [
|
|
||||||
Object {
|
|
||||||
"backgroundColor": "transparent",
|
|
||||||
"fontFamily": "System",
|
|
||||||
"fontSize": 16,
|
|
||||||
"fontWeight": "400",
|
|
||||||
"textAlign": "left",
|
|
||||||
},
|
|
||||||
Array [
|
|
||||||
Object {},
|
|
||||||
Object {
|
|
||||||
"alignItems": "flex-start",
|
|
||||||
"flexDirection": "row",
|
|
||||||
"flexWrap": "wrap",
|
|
||||||
"justifyContent": "flex-start",
|
|
||||||
"marginBottom": 0,
|
|
||||||
"marginTop": 0,
|
|
||||||
},
|
|
||||||
Object {
|
|
||||||
"fontWeight": "bold",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]
|
|
||||||
}
|
|
||||||
>
|
>
|
||||||
Value 2
|
Value 2
|
||||||
</Text>
|
</Text>
|
||||||
</Text>
|
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
|
|
||||||
|
|
@ -112,24 +112,16 @@ const Description = React.memo(({
|
||||||
return true;
|
return true;
|
||||||
});
|
});
|
||||||
|
|
||||||
const Fields = React.memo(({ attachment, theme, getCustomEmoji }) => {
|
const Fields = React.memo(({ attachment, theme }) => {
|
||||||
if (!attachment.fields) {
|
if (!attachment.fields) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
const { baseUrl, user } = useContext(MessageContext);
|
|
||||||
return (
|
return (
|
||||||
<View style={styles.fieldsContainer}>
|
<View style={styles.fieldsContainer}>
|
||||||
{attachment.fields.map(field => (
|
{attachment.fields.map(field => (
|
||||||
<View key={field.title} style={[styles.fieldContainer, { width: field.short ? '50%' : '100%' }]}>
|
<View key={field.title} style={[styles.fieldContainer, { width: field.short ? '50%' : '100%' }]}>
|
||||||
<Text style={[styles.fieldTitle, { color: themes[theme].bodyText }]}>{field.title}</Text>
|
<Text style={[styles.fieldTitle, { color: themes[theme].bodyText }]}>{field.title}</Text>
|
||||||
<Markdown
|
<Text style={[styles.fieldValue, { color: themes[theme].bodyText }]}>{field.value}</Text>
|
||||||
msg={field.value}
|
|
||||||
baseUrl={baseUrl}
|
|
||||||
username={user.username}
|
|
||||||
getCustomEmoji={getCustomEmoji}
|
|
||||||
theme={theme}
|
|
||||||
/>
|
|
||||||
</View>
|
</View>
|
||||||
))}
|
))}
|
||||||
</View>
|
</View>
|
||||||
|
|
@ -184,11 +176,7 @@ const Reply = React.memo(({
|
||||||
getCustomEmoji={getCustomEmoji}
|
getCustomEmoji={getCustomEmoji}
|
||||||
theme={theme}
|
theme={theme}
|
||||||
/>
|
/>
|
||||||
<Fields
|
<Fields attachment={attachment} theme={theme} />
|
||||||
attachment={attachment}
|
|
||||||
getCustomEmoji={getCustomEmoji}
|
|
||||||
theme={theme}
|
|
||||||
/>
|
|
||||||
</View>
|
</View>
|
||||||
</Touchable>
|
</Touchable>
|
||||||
<Markdown
|
<Markdown
|
||||||
|
|
@ -227,8 +215,7 @@ Description.displayName = 'MessageReplyDescription';
|
||||||
|
|
||||||
Fields.propTypes = {
|
Fields.propTypes = {
|
||||||
attachment: PropTypes.object,
|
attachment: PropTypes.object,
|
||||||
theme: PropTypes.string,
|
theme: PropTypes.string
|
||||||
getCustomEmoji: PropTypes.func
|
|
||||||
};
|
};
|
||||||
Fields.displayName = 'MessageReplyFields';
|
Fields.displayName = 'MessageReplyFields';
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -706,7 +706,7 @@ export default ({ theme }) => {
|
||||||
}]}
|
}]}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Separator title='Two short custom fields with markdown' theme={theme} />
|
<Separator title='Two short custom fields' theme={theme} />
|
||||||
<Message
|
<Message
|
||||||
msg='Message'
|
msg='Message'
|
||||||
attachments={[{
|
attachments={[{
|
||||||
|
|
@ -720,7 +720,7 @@ export default ({ theme }) => {
|
||||||
short: true
|
short: true
|
||||||
}, {
|
}, {
|
||||||
title: 'Field 2',
|
title: 'Field 2',
|
||||||
value: '[Value 2](https://google.com/)',
|
value: 'Value 2',
|
||||||
short: true
|
short: true
|
||||||
}]
|
}]
|
||||||
}, {
|
}, {
|
||||||
|
|
@ -734,7 +734,7 @@ export default ({ theme }) => {
|
||||||
short: true
|
short: true
|
||||||
}, {
|
}, {
|
||||||
title: 'Field 2',
|
title: 'Field 2',
|
||||||
value: '**Value 2**',
|
value: 'Value 2',
|
||||||
short: true
|
short: true
|
||||||
}]
|
}]
|
||||||
}]}
|
}]}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue