Sesame-iOS/Sesame/HistoryListItem.swift

import SwiftUI

private let df: DateFormatter = {
    let df = DateFormatter()
    df.dateStyle = .short
    df.timeStyle = .short
    return df
}()

struct HistoryListItem: View {

    let entry: HistoryItem

    var entryTime: String {
        df.string(from: entry.outgoingDate)
    }

    var roundTripText: String {
        guard let time = entry.roundTripTime else {
            return ""
        }
        return "⇆ \(Int(time * 1000)) ms"
    }

    var counterText: String {
        let sentCounter = entry.outgoingMessage.content.id
        let startText = "🔗 \(sentCounter)"
        guard let rCounter = entry.incomingMessage?.content.id else {
            return startText
        }
        let diff = Int(rCounter) - Int(sentCounter)
        guard diff != 1 else {
            return startText
        }
        return startText + "→\(rCounter)"
    }

    var timeOffsetText: String {
        guard let offset = entry.clockOffset, offset != 0 else {
            return ""
        }
        return "🕓 \(offset) s"
    }
    
    var body: some View {
        VStack {
            HStack {
                Text(entry.response?.description ?? "")
                    .font(.headline)
                Spacer()
                Text(entryTime)
            }.padding(.bottom, 1)
            HStack {
                Text(roundTripText)
                    .font(.subheadline)
                    .foregroundColor(.secondary)
                Text(counterText)
                    .font(.subheadline)
                    .foregroundColor(.secondary)
                Text(timeOffsetText)
                    .font(.subheadline)
                    .foregroundColor(.secondary)
                Spacer()
            }
        }.padding()
    }
}

struct HistoryListItem_Previews: PreviewProvider {
    static var previews: some View {
        HistoryListItem(entry: .mock)
    }
}

private extension HistoryItem {

    static var mock: HistoryItem {
        let mac = Data(repeating: 42, count: 32)
        let content = Message.Content(time: Date.now.timestamp, id: 123)
        let content2 = Message.Content(time: (Date.now + 1).timestamp, id: 124)
        return .init(
            sent: Message(mac: mac, content: content),
            date: .now)
        .didReceive(
            response: .openSesame,
            date: .now + 2,
            message: Message(mac: mac, content: content2))
    }
}