72 lines
2.6 KiB
Swift
72 lines
2.6 KiB
Swift
//
|
|
// EventBasedTimelineView.swift
|
|
// ElementX
|
|
//
|
|
// Created by Stefan Ceriu on 18/03/2022.
|
|
// Copyright © 2022 Element. All rights reserved.
|
|
//
|
|
|
|
import Foundation
|
|
import SwiftUI
|
|
|
|
struct EventBasedTimelineView: View {
|
|
let timelineItem: EventBasedTimelineItemProtocol
|
|
|
|
var body: some View {
|
|
if timelineItem.shouldShowSenderDetails {
|
|
HStack {
|
|
avatar
|
|
Text(timelineItem.senderDisplayName ?? timelineItem.senderId)
|
|
.font(.footnote)
|
|
.bold()
|
|
Text(timelineItem.timestamp)
|
|
.font(.footnote)
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder private var avatar: some View {
|
|
ZStack(alignment: .center) {
|
|
if let avatar = timelineItem.senderAvatar {
|
|
Image(uiImage: avatar)
|
|
.resizable()
|
|
.scaledToFill()
|
|
.overlay(Circle().stroke(Color.elementGreen))
|
|
} else {
|
|
PlaceholderAvatarImage(firstCharacter: String(firstLetter))
|
|
}
|
|
}
|
|
.clipShape(Circle())
|
|
.frame(width: 24.0, height: 24.0)
|
|
}
|
|
|
|
private var firstLetter: String {
|
|
if let senderDisplayName = timelineItem.senderDisplayName {
|
|
return senderDisplayName.prefix(1).uppercased()
|
|
} else {
|
|
return timelineItem.senderId.prefix(2).suffix(1).uppercased()
|
|
}
|
|
}
|
|
}
|
|
|
|
struct EventBasedTimelineView_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
VStack(spacing: 20.0) {
|
|
let timelineItem = TextRoomTimelineItem(id: UUID().uuidString,
|
|
text: "Short loin ground round tongue hamburger, fatback salami shoulder. Beef turkey sausage kielbasa strip steak. Alcatra capicola pig tail pancetta chislic.",
|
|
timestamp: "Now",
|
|
shouldShowSenderDetails: true,
|
|
senderId: "Bob")
|
|
EventBasedTimelineView(timelineItem: timelineItem)
|
|
|
|
let timelineItem = TextRoomTimelineItem(id: UUID().uuidString,
|
|
text: "Some other text",
|
|
timestamp: "Later",
|
|
shouldShowSenderDetails: true,
|
|
senderId: "Anne")
|
|
EventBasedTimelineView(timelineItem: timelineItem)
|
|
}
|
|
.padding()
|
|
}
|
|
}
|