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}}