updated bot comments presentation

src/components/postComments/children/botCommentsPreview.tsx

@@ -33,11 +33,10 @@ export const BotCommentsPreview = ({ comments }: BotCommentsProps) => {
   return (
     <View style={styles.container}>
       <View style={styles.labelWrapper}>
-        <Text style={styles.label}>{intl.formatMessage({ id: 'comments.bot_comments' })}</Text>
         <Icon
           iconType="AntDesign"
-          name="right"
-          size={14}
+          name="doubleright"
+          size={16}
           color={EStyleSheet.value('$primaryDarkText')}
         />
       </View>

src/components/postComments/styles/botCommentsPreview.styles.ts

@@ -23,8 +23,9 @@ export default EStyleSheet.create({
     backgroundColor: '$primaryLightBackground',
     flexDirection: 'row',
     alignItems: 'center',
-    padding: 4,
+    padding: 8,
     marginLeft: -12,
+    paddingLeft: 24,
     borderTopRightRadius: 24,
     borderBottomRightRadius: 24,
     paddingHorizontal: 12,

src/config/locales/en-US.json

@@ -994,7 +994,7 @@
     "read_more": "Read more comments",
     "more_replies": "replies",
     "no_comments": "Be the first to respond...",
-    "bot_comments": "Bot Comments"
+    "bot_comments": "Comments"
   },
   "search_result": {
     "others": "Others",