Print: Hide protected content (#5670)

src/components/middle/MessageList.tsx

@@ -38,6 +38,7 @@ import {
   selectCurrentMessageIds,
   selectFirstUnreadId,
   selectFocusedMessageId,
+  selectIsChatProtected,
   selectIsChatWithSelf,
   selectIsCurrentUserPremium,
   selectIsInSelectMode,
@@ -124,6 +125,7 @@ type StateProps = {
   currentUserId: string;
   areAdsEnabled?: boolean;
   channelJoinInfo?: ApiChatFullInfo['joinInfo'];
+  isChatProtected?: boolean;
 };
 
 const MESSAGE_REACTIONS_POLLING_INTERVAL = 20 * 1000;
@@ -178,6 +180,7 @@ const MessageList: FC<OwnProps & StateProps> = ({
   isContactRequirePremium,
   areAdsEnabled,
   channelJoinInfo,
+  isChatProtected,
   onIntersectPinnedMessage,
   onScrollDownToggle,
   onNotchToggle,
@@ -653,6 +656,7 @@ const MessageList: FC<OwnProps & StateProps> = ({
     isScrolled && 'scrolled',
     !isReady && 'is-animating',
     hasOpenChatButton && 'saved-dialog',
+    isChatProtected && 'hide-on-print',
   );
 
   const hasMessages = (messageIds && messageGroups) || lastMessage;
@@ -795,6 +799,7 @@ export default memo(withGlobal<OwnProps>(
       isForum: chat.isForum,
       isEmptyThread,
       currentUserId,
+      isChatProtected: selectIsChatProtected(global, chatId),
       ...(withLastMessageWhenPreloading && { lastMessage }),
     };
   },

src/components/middle/message/Message.tsx

@@ -683,6 +683,7 @@ const Message: FC<OwnProps & StateProps> = ({
   const containerClassName = buildClassName(
     'Message message-list-item',
     isFirstInGroup && 'first-in-group',
+    isProtected && 'hide-on-print',
     isProtected && !hasTextContent ? 'is-protected' : 'allow-selection',
     isLastInGroup && 'last-in-group',
     isFirstInDocumentGroup && 'first-in-document-group',

src/styles/print.scss

@@ -55,4 +55,8 @@
     background: var(--color-background-own) !important;
     color: var(--color-text) !important;
   }
+
+  .hide-on-print {
+    visibility: hidden !important;
+  }
 }