ios: blur images of blocked group members (#4573)

* ios: blur images of blocked group members

* refactor

apps/ios/Shared/Views/Chat/ChatItemInfoView.swift

@@ -440,7 +440,7 @@ struct ChatItemInfoView: View {
 
     private func memberDeliveryStatusView(_ member: GroupMember, _ status: GroupSndStatus, _ sentViaProxy: Bool?) -> some View {
         HStack{
-            ProfileImage(imageStr: member.image, size: 30)
+            MemberProfileImage(member, size: 30)
                 .padding(.trailing, 2)
             Text(member.chatViewName)
                 .lineLimit(1)

apps/ios/Shared/Views/Chat/ChatView.swift

@@ -813,7 +813,7 @@ struct ChatView: View {
                                     .padding(.trailing, 12)
                             }
                             HStack(alignment: .top, spacing: 8) {
-                                ProfileImage(imageStr: member.memberProfile.image, size: memberImageSize, backgroundColor: theme.colors.background)
+                                MemberProfileImage(member, size: memberImageSize, backgroundColor: theme.colors.background)
                                     .onTapGesture {
                                         if m.membersLoaded {
                                             selectedMember = m.getGroupMember(member.groupMemberId)

apps/ios/Shared/Views/Chat/Group/GroupChatInfoView.swift

@@ -226,7 +226,7 @@ struct GroupChatInfoView: View {
         var body: some View {
             let member = groupMember.wrapped
             let v = HStack{
-                ProfileImage(imageStr: member.image, size: 38)
+                MemberProfileImage(member, size: 38)
                     .padding(.trailing, 2)
                 // TODO server connection status
                 VStack(alignment: .leading) {

apps/ios/Shared/Views/Chat/Group/GroupMemberInfoView.swift

@@ -320,7 +320,7 @@ struct GroupMemberInfoView: View {
 
     private func groupMemberInfoHeader(_ mem: GroupMember) -> some View {
         VStack {
-            ProfileImage(imageStr: mem.image, size: 192, color: Color(uiColor: .tertiarySystemFill))
+            MemberProfileImage(mem, size: 192, color: Color(uiColor: .tertiarySystemFill))
                 .padding(.top, 12)
                 .padding()
             if mem.verified {
@@ -582,6 +582,21 @@ struct GroupMemberInfoView: View {
     }
 }
 
+func MemberProfileImage(
+    _ mem: GroupMember,
+    size: CGFloat,
+    color: Color = Color(uiColor: .tertiarySystemGroupedBackground),
+    backgroundColor: Color? = nil
+) -> some View {
+    ProfileImage(
+        imageStr: mem.image,
+        size: size,
+        color: color,
+        backgroundColor: backgroundColor,
+        blurred: mem.blocked
+    )
+}
+
 func blockMemberAlert(_ gInfo: GroupInfo, _ mem: GroupMember) -> Alert {
     Alert(
         title: Text("Block member?"),

apps/ios/Shared/Views/Helpers/ProfileImage.swift

@@ -16,11 +16,12 @@ struct ProfileImage: View {
     var size: CGFloat
     var color = Color(uiColor: .tertiarySystemGroupedBackground)
     var backgroundColor: Color? = nil
+    var blurred = false
     @AppStorage(DEFAULT_PROFILE_IMAGE_CORNER_RADIUS) private var radius = defaultProfileImageCorner
 
     var body: some View {
         if let uiImage = UIImage(base64Encoded: imageStr) {
-            clipProfileImage(Image(uiImage: uiImage), size: size, radius: radius)
+            clipProfileImage(Image(uiImage: uiImage), size: size, radius: radius, blurred: blurred)
         } else {
             let c = color.asAnotherColorFromSecondaryVariant(theme)
             Image(systemName: iconName)

apps/ios/Shared/Views/Helpers/ViewModifiers.swift

@@ -9,8 +9,8 @@
 import SwiftUI
 
 extension View {
-    @ViewBuilder func `if`<Content: View>(_ condition: @autoclosure () -> Bool, transform: (Self) -> Content) -> some View {
-        if condition() {
+    @ViewBuilder func `if`<Content: View>(_ condition: Bool, transform: (Self) -> Content) -> some View {
+        if condition {
             transform(self)
         } else {
             self

apps/ios/SimpleXChat/ImageUtils.swift

@@ -433,17 +433,25 @@ private let squareToCircleRatio = 0.935
 
 private let radiusFactor = (1 - squareToCircleRatio) / 50
 
-@ViewBuilder public func clipProfileImage(_ img: Image, size: CGFloat, radius: Double) -> some View {
-    let v = img.resizable()
+@ViewBuilder public func clipProfileImage(_ img: Image, size: CGFloat, radius: Double, blurred: Bool = false) -> some View {
     if radius >= 50 {
-        v.frame(width: size, height: size).clipShape(Circle())
+        blurredFrame(img, size, blurred).clipShape(Circle())
     } else if radius <= 0 {
         let sz = size * squareToCircleRatio
-        v.frame(width: sz, height: sz).padding((size - sz) / 2)
+        blurredFrame(img, sz, blurred).padding((size - sz) / 2)
     } else {
         let sz = size * (squareToCircleRatio + radius * radiusFactor)
-        v.frame(width: sz, height: sz)
+        blurredFrame(img, sz, blurred)
         .clipShape(RoundedRectangle(cornerRadius: sz * radius / 100, style: .continuous))
         .padding((size - sz) / 2)
     }
 }
+
+@ViewBuilder private func blurredFrame(_ img: Image, _ size: CGFloat, _ blurred: Bool) -> some View {
+    let v = img.resizable().frame(width: size, height: size)
+    if blurred {
+        v.blur(radius: size / 4)
+    } else {
+        v
+    }
+}