From 0b04aa20a346274667db7abb36ee6cf9735d5094 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Tue, 22 Jul 2025 03:42:40 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=A9=94=EC=9D=B8=20=EB=9D=BC=EC=9D=B4?=
 =?UTF-8?q?=EB=B8=8C=20-=20=EB=9D=BC=EC=9D=B4=EB=B8=8C=20=EB=8B=A4?=
 =?UTF-8?q?=EC=8B=9C=20=EB=93=A3=EA=B8=B0=20UI=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Content/Series/DayOfWeekSeriesView.swift  |  4 +-
 .../Sources/Home/HomeLatestContentView.swift  |  4 +-
 .../Sources/Home/HomeWeeklyChartView.swift    |  4 +-
 .../Sources/Live/LiveReplayListView.swift     | 67 +++++++++++++++++++
 SodaLive/Sources/Live/LiveView.swift          |  4 ++
 5 files changed, 77 insertions(+), 6 deletions(-)
 create mode 100644 SodaLive/Sources/Live/LiveReplayListView.swift

diff --git a/SodaLive/Sources/Content/Series/DayOfWeekSeriesView.swift b/SodaLive/Sources/Content/Series/DayOfWeekSeriesView.swift
index 43b9996..0716c2d 100644
--- a/SodaLive/Sources/Content/Series/DayOfWeekSeriesView.swift
+++ b/SodaLive/Sources/Content/Series/DayOfWeekSeriesView.swift
@@ -46,11 +46,11 @@ struct DayOfWeekSeriesView: View {
         VStack(alignment: .leading, spacing: 16) {
             HStack(spacing: 0) {
                 Text("요일별")
-                    .font(.custom(Font.preBold.rawValue, size: 26))
+                    .font(.custom(Font.preBold.rawValue, size: 24))
                     .foregroundColor(.button)
                 
                 Text(" 시리즈")
-                    .font(.custom(Font.preBold.rawValue, size: 26))
+                    .font(.custom(Font.preBold.rawValue, size: 24))
                     .foregroundColor(.white)
             }
             .padding(.horizontal, 24)
diff --git a/SodaLive/Sources/Home/HomeLatestContentView.swift b/SodaLive/Sources/Home/HomeLatestContentView.swift
index c46604b..a0cc66c 100644
--- a/SodaLive/Sources/Home/HomeLatestContentView.swift
+++ b/SodaLive/Sources/Home/HomeLatestContentView.swift
@@ -24,11 +24,11 @@ struct HomeLatestContentView: View {
     var body: some View {
         HStack(spacing: 0) {
             Text("최신")
-                .font(.custom(Font.preBold.rawValue, size: 26))
+                .font(.custom(Font.preBold.rawValue, size: 24))
                 .foregroundColor(.button)
             
             Text(" 콘텐츠")
-                .font(.custom(Font.preBold.rawValue, size: 26))
+                .font(.custom(Font.preBold.rawValue, size: 24))
                 .foregroundColor(.white)
             
             Spacer()
diff --git a/SodaLive/Sources/Home/HomeWeeklyChartView.swift b/SodaLive/Sources/Home/HomeWeeklyChartView.swift
index 42a5a89..c716188 100644
--- a/SodaLive/Sources/Home/HomeWeeklyChartView.swift
+++ b/SodaLive/Sources/Home/HomeWeeklyChartView.swift
@@ -23,11 +23,11 @@ struct HomeWeeklyChartView: View {
         VStack(spacing: 16) {
             HStack(spacing: 0) {
                 Text("보온")
-                    .font(.custom(Font.preBold.rawValue, size: 26))
+                    .font(.custom(Font.preBold.rawValue, size: 24))
                     .foregroundColor(.button)
                 
                 Text(" 주간 차트")
-                    .font(.custom(Font.preBold.rawValue, size: 26))
+                    .font(.custom(Font.preBold.rawValue, size: 24))
                     .foregroundColor(.white)
                 
                 Spacer()
diff --git a/SodaLive/Sources/Live/LiveReplayListView.swift b/SodaLive/Sources/Live/LiveReplayListView.swift
new file mode 100644
index 0000000..b075c0a
--- /dev/null
+++ b/SodaLive/Sources/Live/LiveReplayListView.swift
@@ -0,0 +1,67 @@
+//
+//  LiveReplayListView.swift
+//  SodaLive
+//
+//  Created by klaus on 7/22/25.
+//
+
+import SwiftUI
+
+struct LiveReplayListView: View {
+    
+    let contentList: [AudioContentMainItem]
+    
+    let rows = [
+        GridItem(.flexible(), alignment: .leading),
+        GridItem(.flexible(), alignment: .leading)
+    ]
+    
+    var body: some View {
+        VStack(spacing: 14) {
+            HStack(spacing: 0) {
+                Text("라이브")
+                    .font(.custom(Font.preBold.rawValue, size: 24))
+                    .foregroundColor(.button)
+                
+                Text(" 다시 듣기")
+                    .font(.custom(Font.preBold.rawValue, size: 24))
+                    .foregroundColor(.white)
+                
+                Spacer()
+            }
+            .padding(.horizontal, 24)
+            
+            ScrollView(.horizontal, showsIndicators: false) {
+                LazyHGrid(rows: rows, spacing: 16) {
+                    ForEach(0..<contentList.count, id: \.self) { index in
+                        ContentItemView(item: contentList[index])
+                    }
+                }
+                .padding(.horizontal, 24)
+            }
+        }
+    }
+}
+
+#Preview {
+    LiveReplayListView(
+        contentList: [
+            AudioContentMainItem(
+                contentId: 1,
+                creatorId: 3,
+                title: "ㅓ처랴햐햫햐햐",
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                creatorNickname: "유저1",
+                isPointAvailable: true
+            ),
+            AudioContentMainItem(
+                contentId: 2,
+                creatorId: 8,
+                title: "ㅓ처랴햐햫햐햐",
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                creatorNickname: "유저2",
+                isPointAvailable: false
+            )
+        ]
+    )
+}
diff --git a/SodaLive/Sources/Live/LiveView.swift b/SodaLive/Sources/Live/LiveView.swift
index 4a6b749..8dff9fe 100644
--- a/SodaLive/Sources/Live/LiveView.swift
+++ b/SodaLive/Sources/Live/LiveView.swift
@@ -85,6 +85,10 @@ struct LiveView: View {
                                 SectionRecommendLiveView(items: viewModel.recommendLiveItems)
                             }
                             
+                            if viewModel.replayLiveItems.count > 0 {
+                                LiveReplayListView(contentList: viewModel.replayLiveItems)
+                            }
+                            
                             SectionLiveReservationView(
                                 items: viewModel.liveReservationItems,
                                 onClickCancel: { viewModel.getLiveMain() },