Plain timeline styler (#94)

* #92 Create `TimelineStyle` and store it in user defaults * #92 Create `TimelineStyler` observable environment object * #92 Use timeline list row insets from the styler * #92 remove sender view, move header into the styler views * #92 Add timeline style option in settings * #92 Add changelog * #92 refactor some code duplications * #92 Fix `TimelineStyle`targets * #92 Fix `TimelineStyle` targets * #92 Fix PR remarks * #92 Fix inline PR comments * #92 Fix UI tests * #92 Rename bubbled to bubbles
2026-11-03 16:10:20 +00:00 · 2022-06-27 13:27:09 +03:00
parent b6b8b4be26
commit 36c34503fc
21 changed files with 386 additions and 234 deletions
@@ -0,0 +1,39 @@
+//
+//  TimelineSenderAvatarView.swift
+//  ElementX
+//
+//  Created by Ismail on 24.06.2022.
+//  Copyright © 2022 Element. All rights reserved.
+//
+
+import Foundation
+import SwiftUI
+
+struct TimelineSenderAvatarView: View {
+
+    let timelineItem: EventBasedTimelineItemProtocol
+
+    @ScaledMetric private var avatarSize = 26
+
+    var body: some View {
+        ZStack(alignment: .center) {
+            if let avatar = timelineItem.senderAvatar {
+                Image(uiImage: avatar)
+                    .resizable()
+                    .scaledToFill()
+                    .overlay(Circle().stroke(Color.element.accent))
+            } else {
+                PlaceholderAvatarImage(text: timelineItem.senderDisplayName ?? timelineItem.senderId)
+            }
+        }
+        .clipShape(Circle())
+        .frame(width: avatarSize, height: avatarSize)
+        .overlay(
+            Circle()
+                .stroke(Color.element.background, lineWidth: 2)
+        )
+
+        .animation(.default, value: timelineItem.senderAvatar)
+    }
+
+}