#34 Use placeholder avatar image on room list

element-hq · Jun 22, 2022 · 0050766 · 0050766
1 parent d959b9b
commit 0050766
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/ElementX/Sources/Screens/HomeScreen/View/HomeScreen.swift b/ElementX/Sources/Screens/HomeScreen/View/HomeScreen.swift
@@ -127,7 +127,8 @@ struct RoomCell: View {
                         .frame(width: 40, height: 40)
                         .mask(Circle())
                 } else {
-                    Image(systemName: "person.3")
+                    PlaceholderAvatarImage(text: room.displayName ?? "")
+                        .clipShape(Circle())
                         .frame(width: 40, height: 40)
                 }
 

diff --git a/ElementX/Sources/Screens/RoomScreen/View/Timeline/PlaceholderAvatarImage.swift b/ElementX/Sources/Screens/RoomScreen/View/Timeline/PlaceholderAvatarImage.swift
@@ -32,6 +32,18 @@ struct PlaceholderAvatarImage: View {
         }
         .aspectRatio(1, contentMode: .fill)
     }
+
+    init(firstCharacter: String) {
+        self.firstCharacter = firstCharacter
+    }
+
+    init(text: String) {
+        if let first = text.first {
+            firstCharacter = String(first)
+        } else {
+            firstCharacter = ""
+        }
+    }
 }
 
 struct PlaceholderAvatarImage_Previews: PreviewProvider {