211 lines
		
	
	
		
			9.4 KiB
		
	
	
	
		
			Swift
		
	
	
	
	
	
			
		
		
	
	
			211 lines
		
	
	
		
			9.4 KiB
		
	
	
	
		
			Swift
		
	
	
	
	
	
//
 | 
						|
//  HomeWeeklyChartView.swift
 | 
						|
//  SodaLive
 | 
						|
//
 | 
						|
//  Created by klaus on 7/12/25.
 | 
						|
//
 | 
						|
 | 
						|
import SwiftUI
 | 
						|
 | 
						|
struct HomeWeeklyChartView: View {
 | 
						|
    @AppStorage("token") private var token: String = UserDefaults.string(forKey: UserDefaultsKey.token)
 | 
						|
    
 | 
						|
    let rows = [
 | 
						|
        GridItem(.fixed(60), alignment: .leading),
 | 
						|
        GridItem(.fixed(60), alignment: .leading),
 | 
						|
        GridItem(.fixed(60), alignment: .leading),
 | 
						|
        GridItem(.fixed(60), alignment: .leading)
 | 
						|
    ]
 | 
						|
    
 | 
						|
    let contentList: [GetAudioContentRankingItem]
 | 
						|
    
 | 
						|
    var body: some View {
 | 
						|
        VStack(spacing: 16) {
 | 
						|
            HStack(spacing: 0) {
 | 
						|
                Text("보온")
 | 
						|
                    .font(.custom(Font.preBold.rawValue, size: 26))
 | 
						|
                    .foregroundColor(.button)
 | 
						|
                
 | 
						|
                Text(" 주간 차트")
 | 
						|
                    .font(.custom(Font.preBold.rawValue, size: 26))
 | 
						|
                    .foregroundColor(.white)
 | 
						|
                
 | 
						|
                Spacer()
 | 
						|
            }
 | 
						|
            .padding(.horizontal, 24)
 | 
						|
            
 | 
						|
            ScrollView(.horizontal, showsIndicators: false) {
 | 
						|
                LazyHGrid(rows: rows, spacing: 16) {
 | 
						|
                    ForEach(0..<contentList.count, id: \.self) { index in
 | 
						|
                        HomeWeeklyChartItemView(
 | 
						|
                            rank: index + 1,
 | 
						|
                            content: contentList[index]
 | 
						|
                        ) {
 | 
						|
                            if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
 | 
						|
                                AppState.shared
 | 
						|
                                    .setAppStep(step: .contentDetail(contentId: $0))
 | 
						|
                            } else {
 | 
						|
                                AppState.shared
 | 
						|
                                    .setAppStep(step: .login)
 | 
						|
                            }
 | 
						|
                        }
 | 
						|
                        .frame(width: 280, alignment: .leading)
 | 
						|
                    }
 | 
						|
                }
 | 
						|
                .padding(.horizontal, 24)
 | 
						|
            }
 | 
						|
        }
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
#Preview {
 | 
						|
    HomeWeeklyChartView(
 | 
						|
        contentList: [
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 1,
 | 
						|
                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 100,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 1,
 | 
						|
                creatorNickname: "유저1",
 | 
						|
                isPointAvailable: false,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            ),
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 2,
 | 
						|
                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 0,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 2,
 | 
						|
                creatorNickname: "유저2",
 | 
						|
                isPointAvailable: false,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            ),
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 3,
 | 
						|
                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 50,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 3,
 | 
						|
                creatorNickname: "유저3",
 | 
						|
                isPointAvailable: true,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            ),
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 3,
 | 
						|
                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 50,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 3,
 | 
						|
                creatorNickname: "유저3",
 | 
						|
                isPointAvailable: true,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            ),
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 3,
 | 
						|
                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 50,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 3,
 | 
						|
                creatorNickname: "유저3",
 | 
						|
                isPointAvailable: true,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            ),
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 3,
 | 
						|
                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 50,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 3,
 | 
						|
                creatorNickname: "유저3",
 | 
						|
                isPointAvailable: true,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            ),
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 3,
 | 
						|
                title: "안녕하세요",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 50,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 3,
 | 
						|
                creatorNickname: "유저3",
 | 
						|
                isPointAvailable: true,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            ),
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 3,
 | 
						|
                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 50,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 3,
 | 
						|
                creatorNickname: "유저3",
 | 
						|
                isPointAvailable: true,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            ),
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 3,
 | 
						|
                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 50,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 3,
 | 
						|
                creatorNickname: "유저3",
 | 
						|
                isPointAvailable: true,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            ),
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 3,
 | 
						|
                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 50,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 3,
 | 
						|
                creatorNickname: "유저3",
 | 
						|
                isPointAvailable: true,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            ),
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 3,
 | 
						|
                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 50,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 3,
 | 
						|
                creatorNickname: "유저3",
 | 
						|
                isPointAvailable: true,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            ),
 | 
						|
            GetAudioContentRankingItem(
 | 
						|
                contentId: 3,
 | 
						|
                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
 | 
						|
                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
 | 
						|
                themeStr: "커버곡",
 | 
						|
                price: 50,
 | 
						|
                duration: "00:30:20",
 | 
						|
                creatorId: 3,
 | 
						|
                creatorNickname: "유저3",
 | 
						|
                isPointAvailable: true,
 | 
						|
                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
 | 
						|
            )
 | 
						|
        ]
 | 
						|
    )
 | 
						|
}
 |