IceCubesApp/Packages/DesignSystem/Sources/DesignSystem/AccountExt.swift

import Foundation
import SwiftUI
import Nuke
import NukeUI
import Models

@MainActor
extension Account {
  private struct Part: Identifiable {
    let id = UUID().uuidString
    let value: Substring
  }
  
  public var displayNameWithEmojis: some View {
    let splittedDisplayName = displayName.split(separator: ":").map{ Part(value: $0) }
    return HStack(spacing: 0) {
      if displayName.isEmpty {
        Text(" ")
      }
      ForEach(splittedDisplayName, id: \.id) { part in
        if let emoji = emojis.first(where: { $0.shortcode == part.value }) {
          LazyImage(url: emoji.url) { state in
            if let image = state.image {
              image
                .resizingMode(.aspectFit)
            } else if state.isLoading {
              ProgressView()
            } else {
              ProgressView()
            }
          }
          .processors([ImageProcessors.Resize(size: .init(width: 20, height: 20))])
          .frame(width: 20, height: 20)
        } else {
          Text(part.value)
        }
      }
    }
  }
}