콘텐츠 메인, 콘텐츠 업로드 페이지 추가

2023-08-11 08:47:10 +09:00
parent 64b0380671
commit a167840162
33 changed files with 2190 additions and 1 deletions
--- a/SodaLive/Sources/Content/Main/ContentMainBannerView.swift
+++ b/SodaLive/Sources/Content/Main/ContentMainBannerView.swift
@@ -0,0 +1,114 @@
+//
+//  ContentMainBannerView.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/08/11.
+//
+
+import SwiftUI
+import Kingfisher
+
+struct ContentMainBannerView: View {
+    
+    let items: [GetAudioContentBannerResponse]
+    @State private var currentIndex = 0
+    @State private var timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
+    
+    var body: some View {
+        VStack(spacing: 0) {
+            TabView(selection: $currentIndex) {
+                ForEach(0..<items.count, id: \.self) { index in
+                    let item = items[index]
+                    if let url = item.thumbnailImageUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) {
+                        KFImage(URL(string: url))
+                            .resizable()
+                            .scaledToFill()
+                            .frame(
+                                width: screenSize().width - 26.7,
+                                height: (screenSize().width - 26.7) * 0.53
+                            )
+                            .onTapGesture {
+                                switch item.type {
+                                case .EVENT:
+                                    AppState.shared.setAppStep(step: .eventDetail(event: item.eventItem!))
+                                case .CREATOR:
+                                    break
+                                case .LINK:
+                                    if let link = item.link, link.trimmingCharacters(in: .whitespaces).count > 0, let url = URL(string: link), UIApplication.shared.canOpenURL(url) {
+                                        UIApplication.shared.open(url)
+                                    }
+                                }
+                            }
+                            .cornerRadius(4.7)
+                    } else {
+                        KFImage(URL(string: item.thumbnailImageUrl))
+                            .resizable()
+                            .scaledToFill()
+                            .frame(
+                                width: screenSize().width - 26.7,
+                                height: (screenSize().width - 26.7) * 0.53
+                            )
+                            .onTapGesture {
+                                switch item.type {
+                                case .EVENT:
+                                    AppState.shared.setAppStep(step: .eventDetail(event: item.eventItem!))
+                                case .CREATOR:
+                                    break
+                                case .LINK:
+                                    if let link = item.link, link.trimmingCharacters(in: .whitespaces).count > 0, let url = URL(string: link), UIApplication.shared.canOpenURL(url) {
+                                        UIApplication.shared.open(url)
+                                    }
+                                }
+                            }
+                            .cornerRadius(4.7)
+                    }
+                }
+            }
+            .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
+            .frame(
+                width: screenSize().width - 26.7,
+                height: (screenSize().width - 26.7) * 0.53
+            )
+            
+            HStack(spacing: 4) {
+                ForEach(0..<items.count, id: \.self) { index in
+                    Capsule()
+                        .foregroundColor(index == currentIndex ? Color(hex: "9970ff") : Color(hex: "909090"))
+                        .frame(
+                            width: index == currentIndex ? 18 : 6,
+                            height: 6
+                        )
+                        .tag(index)
+                }
+            }
+            .padding(.top, 13.3)
+        }
+        .frame(width: screenSize().width - 26.7)
+        .onAppear {
+            timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
+        }
+        .onDisappear {
+            timer.upstream.connect().cancel()
+        }
+        .onReceive(timer) { _ in
+            DispatchQueue.main.async {
+                withAnimation {
+                    if currentIndex == items.count - 1 {
+                        currentIndex = 0
+                    } else {
+                        currentIndex += 1
+                    }
+                }
+            }
+        }
+    }
+}
+
+struct ContentMainBannerView_Previews: PreviewProvider {
+    static var previews: some View {
+        ContentMainBannerView(
+            items: [
+            ]
+        )
+    }
+}