71 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			Swift
		
	
	
	
	
	
			
		
		
	
	
			71 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			Swift
		
	
	
	
	
	
//
 | 
						|
//  RecommendChannelContentItemView.swift
 | 
						|
//  SodaLive
 | 
						|
//
 | 
						|
//  Created by klaus on 7/14/25.
 | 
						|
//
 | 
						|
 | 
						|
import SwiftUI
 | 
						|
import Kingfisher
 | 
						|
 | 
						|
struct RecommendChannelContentItemView: View {
 | 
						|
    
 | 
						|
    @AppStorage("token") private var token: String = UserDefaults.string(forKey: UserDefaultsKey.token)
 | 
						|
    
 | 
						|
    let item: RecommendChannelContentItem
 | 
						|
    
 | 
						|
    var body: some View {
 | 
						|
        HStack(spacing: 16) {
 | 
						|
            KFImage(URL(string: item.thumbnailImageUrl))
 | 
						|
                .resizable()
 | 
						|
                .frame(width: 60, height: 60)
 | 
						|
                .cornerRadius(12)
 | 
						|
            
 | 
						|
            VStack(alignment: .leading, spacing: 2) {
 | 
						|
                Text(item.title)
 | 
						|
                    .font(.custom(Font.preRegular.rawValue, size: 18))
 | 
						|
                    .foregroundColor(.white)
 | 
						|
                    .lineLimit(1)
 | 
						|
                    .truncationMode(.tail)
 | 
						|
                
 | 
						|
                HStack(spacing: 12) {
 | 
						|
                    HStack(spacing: 4) {
 | 
						|
                        Image("ic_heart_dark_green")
 | 
						|
                        
 | 
						|
                        Text("\(item.likeCount)")
 | 
						|
                            .font(.custom(Font.preRegular.rawValue, size: 18))
 | 
						|
                            .foregroundColor(Color(hex: "B0BEC5"))
 | 
						|
                    }
 | 
						|
                    
 | 
						|
                    HStack(spacing: 4) {
 | 
						|
                        Image("ic_comment_dark_green")
 | 
						|
                        
 | 
						|
                        Text("\(item.commentCount)")
 | 
						|
                            .font(.custom(Font.preRegular.rawValue, size: 18))
 | 
						|
                            .foregroundColor(Color(hex: "B0BEC5"))
 | 
						|
                    }
 | 
						|
                }
 | 
						|
            }
 | 
						|
        }
 | 
						|
        .onTapGesture {
 | 
						|
            if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
 | 
						|
                AppState.shared.setAppStep(step: .contentDetail(contentId: item.contentId))
 | 
						|
            } else {
 | 
						|
                AppState.shared.setAppStep(step: .login)
 | 
						|
            }
 | 
						|
        }
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
#Preview {
 | 
						|
    RecommendChannelContentItemView(
 | 
						|
        item: RecommendChannelContentItem(
 | 
						|
            contentId: 1,
 | 
						|
            title: "고품격 음악 밥솥",
 | 
						|
            thumbnailImageUrl: "https://cf.sodalive.net/audio_content_cover/5819/5819-cover-20a26c55-c7a2-47ef-bca5-ce47d953dfe0-1373-1752293900615",
 | 
						|
            likeCount: 999,
 | 
						|
            commentCount: 99
 | 
						|
        )
 | 
						|
    )
 | 
						|
}
 |