Blur avatars of unapproved conversations

ts/state/smart/ConversationHeader.tsx

@@ -105,6 +105,8 @@ const mapStateToProps = (state: StateType, ownProps: OwnProps) => {
       'title',
       'type',
       'groupVersion',
+      'sharedGroupNames',
+      'unblurredAvatarPath',
     ]),
     conversationTitle: state.conversations.selectedConversationTitle,
     isMissingMandatoryProfileSharing: Boolean(

ts/state/smart/Timeline.tsx

@@ -70,12 +70,14 @@ function renderLastSeenIndicator(id: string): JSX.Element {
 function renderHeroRow(
   id: string,
   onHeightChange: () => unknown,
+  unblurAvatar: () => void,
   updateSharedGroups: () => unknown
 ): JSX.Element {
   return (
     <FilteredSmartHeroRow
       id={id}
       onHeightChange={onHeightChange}
+      unblurAvatar={unblurAvatar}
       updateSharedGroups={updateSharedGroups}
     />
   );