Blur avatars of unapproved conversations

ts/components/conversationList/ContactListItem.tsx

@@ -4,23 +4,27 @@
 import React, { CSSProperties, FunctionComponent } from 'react';
 
 import { BaseConversationListItem } from './BaseConversationListItem';
-import { ColorType } from '../../types/Colors';
+import { ConversationType } from '../../state/ducks/conversations';
 import { LocalizerType } from '../../types/Util';
 import { ContactName } from '../conversation/ContactName';
 import { About } from '../conversation/About';
 
-export type PropsDataType = {
-  about?: string;
-  avatarPath?: string;
-  color?: ColorType;
-  id: string;
-  isMe?: boolean;
-  name?: string;
-  phoneNumber?: string;
-  profileName?: string;
-  title: string;
-  type: 'group' | 'direct';
-};
+export type PropsDataType = Pick<
+  ConversationType,
+  | 'about'
+  | 'acceptedMessageRequest'
+  | 'avatarPath'
+  | 'color'
+  | 'id'
+  | 'isMe'
+  | 'name'
+  | 'phoneNumber'
+  | 'profileName'
+  | 'sharedGroupNames'
+  | 'title'
+  | 'type'
+  | 'unblurredAvatarPath'
+>;
 
 type PropsHousekeepingType = {
   i18n: LocalizerType;
@@ -33,6 +37,7 @@ type PropsType = PropsDataType & PropsHousekeepingType;
 export const ContactListItem: FunctionComponent<PropsType> = React.memo(
   ({
     about,
+    acceptedMessageRequest,
     avatarPath,
     color,
     i18n,
@@ -42,9 +47,11 @@ export const ContactListItem: FunctionComponent<PropsType> = React.memo(
     onClick,
     phoneNumber,
     profileName,
+    sharedGroupNames,
     style,
     title,
     type,
+    unblurredAvatarPath,
   }) => {
     const headerName = isMe ? (
       i18n('noteToSelf')
@@ -63,6 +70,7 @@ export const ContactListItem: FunctionComponent<PropsType> = React.memo(
 
     return (
       <BaseConversationListItem
+        acceptedMessageRequest={acceptedMessageRequest}
         avatarPath={avatarPath}
         color={color}
         conversationType={type}
@@ -76,8 +84,10 @@ export const ContactListItem: FunctionComponent<PropsType> = React.memo(
         onClick={onClick ? () => onClick(id) : undefined}
         phoneNumber={phoneNumber}
         profileName={profileName}
+        sharedGroupNames={sharedGroupNames}
         style={style}
         title={title}
+        unblurredAvatarPath={unblurredAvatarPath}
       />
     );
   }