From 5840905c7ff4cd37c54a0bbebddaeb2969c120cb Mon Sep 17 00:00:00 2001
From: Carlos Tadeu Panato Junior <ctadeu@gmail.com>
Date: Tue, 25 Jul 2017 21:10:39 +0200
Subject: [PLT-6744] Add "Only visible to you" note for ephemeral messages
 (#6790)

---
 webapp/components/post_view/post_info/post_info.jsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'webapp/components/post_view/post_info')

diff --git a/webapp/components/post_view/post_info/post_info.jsx b/webapp/components/post_view/post_info/post_info.jsx
index 6eaef0e0b..71f73b631 100644
--- a/webapp/components/post_view/post_info/post_info.jsx
+++ b/webapp/components/post_view/post_info/post_info.jsx
@@ -54,6 +54,11 @@ export default class PostInfo extends React.PureComponent {
          */
         lastPostCount: PropTypes.number,
 
+        /**
+         * Set to render in compact view
+         */
+        compactDisplay: PropTypes.bool,
+
         /**
          * Function to get the post list HTML element
          */
@@ -208,6 +213,18 @@ export default class PostInfo extends React.PureComponent {
             }
         }
 
+        let visibleMessage;
+        if (isEphemeral && !this.props.compactDisplay) {
+            visibleMessage = (
+                <span className='post__visibility'>
+                    <FormattedMessage
+                        id='post_info.message.visible'
+                        defaultMessage='(Only visible to you)'
+                    />
+                </span>
+            );
+        }
+
         let pinnedBadge;
         if (post.is_pinned) {
             pinnedBadge = (
@@ -237,6 +254,7 @@ export default class PostInfo extends React.PureComponent {
                         isFlagged={this.props.isFlagged}
                         isEphemeral={isEphemeral}
                     />
+                    {visibleMessage}
                 </div>
                 {options}
             </div>
-- 
cgit v1.2.3-1-g7c22