diff --git a/src/components/postCard/children/postCardContent.tsx b/src/components/postCard/children/postCardContent.tsx index 8611f0d0f0..7d0698dcfb 100644 --- a/src/components/postCard/children/postCardContent.tsx +++ b/src/components/postCard/children/postCardContent.tsx @@ -4,6 +4,8 @@ import { TouchableOpacity, Text, View } from 'react-native'; // Utils import FastImage from 'react-native-fast-image'; +import { get } from 'lodash'; +import { useIntl } from 'react-intl'; // Components @@ -36,12 +38,14 @@ export const PostCardContent = ({ setImageRatio, handleCardInteraction, }: Props) => { + const intl = useIntl(); const imgWidth = dim.width - 18; const [calcImgHeight, setCalcImgHeight] = useState(imageRatio ? imgWidth / imageRatio : 300); const resizeMode = useMemo(() => { return calcImgHeight < dim.height ? FastImage.resizeMode.contain : FastImage.resizeMode.cover; }, [dim.height]); + const isPromoted = get(content, 'is_promoted', false); const _onPress = () => { handleCardInteraction(PostCardActionIds.NAVIGATE, { @@ -92,6 +96,9 @@ export const PostCardContent = ({ )} + {!!isPromoted && ( + {intl.formatMessage({ id: 'post.promoted' })} + )} {content.title} {content.summary} diff --git a/src/components/postCard/children/postCardStyles.js b/src/components/postCard/children/postCardStyles.js index 4e2dfbcc7b..33fd362828 100644 --- a/src/components/postCard/children/postCardStyles.js +++ b/src/components/postCard/children/postCardStyles.js @@ -118,4 +118,11 @@ export default EStyleSheet.create({ textAlign: 'center', fontSize: 18, }, + promotedText: { + fontSize: 14, + fontWeight: '300', + color: '$primaryDarkGray', + marginTop: 6, + marginBottom: -8, + }, }); diff --git a/src/components/postElements/headerDescription/view/postHeaderDescription.js b/src/components/postElements/headerDescription/view/postHeaderDescription.js index 0b047ce128..f1832691f1 100644 --- a/src/components/postElements/headerDescription/view/postHeaderDescription.js +++ b/src/components/postElements/headerDescription/view/postHeaderDescription.js @@ -117,11 +117,7 @@ class PostHeaderDescription extends PureComponent { {name} - {inlineTime && ( - - {isPromoted ? intl.formatMessage({ id: 'post.promoted' }) : date} - - )} + {inlineTime && {date}} {isShowOwnerIndicator && ( @@ -165,11 +161,7 @@ class PostHeaderDescription extends PureComponent { )} - {!inlineTime && ( - - {isPromoted ? intl.formatMessage({ id: 'post.promoted' }) : date} - - )} + {!inlineTime && {date}}