라이브 메인 페이지

2023-08-10 12:32:20 +09:00
parent 2456c897c3
commit f8bab4c232
42 changed files with 1873 additions and 2 deletions
--- a/SodaLive/Sources/Live/Reservation/SectionLiveReservationView.swift
+++ b/SodaLive/Sources/Live/Reservation/SectionLiveReservationView.swift
@@ -0,0 +1,109 @@
+//
+//  SectionLiveReservationView.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/08/09.
+//
+
+import SwiftUI
+
+struct SectionLiveReservationView: View {
+    
+    let items: [GetRoomListResponse]
+    
+    let onClickCancel: () -> Void
+    let onClickStart: (Int) -> Void
+    let onClickReservation: (Int) -> Void
+    let onTapCreateLive: () -> Void
+    
+    var body: some View {
+        VStack(spacing: 13.3) {
+            HStack(spacing: 0) {
+                Text("지금 ")
+                    .font(.custom(Font.bold.rawValue, size: 18.3))
+                    .foregroundColor(Color(hex: "eeeeee"))
+                
+                Text("예약중")
+                    .font(.custom(Font.bold.rawValue, size: 18.3))
+                    .foregroundColor(Color(hex: "9970ff"))
+                
+                Spacer()
+                
+                if items.count > 0 {
+                    Text("전체보기")
+                        .font(.custom(Font.light.rawValue, size: 11.3))
+                        .foregroundColor(Color(hex: "bbbbbb"))
+                        .onTapGesture {}
+                }
+            }
+            .padding(.horizontal, 13.3)
+            .frame(width: screenSize().width)
+            
+            if items.count > 0 {
+                VStack(spacing: 13.3) {
+                    ForEach(0..<items.count, id: \.self) { index in
+                        let item = items[index]
+                        
+                        if item.managerId == UserDefaults.int(forKey: .userId) {
+                            MyLiveReservationItemView(item: item, index: index)
+                                .contentShape(Rectangle())
+                                .onTapGesture {}
+                        } else {
+                            LiveReservationItemView(item: item)
+                                .contentShape(Rectangle())
+                                .onTapGesture {}
+                        }
+                    }
+                }
+                .padding(.horizontal, 13.3)
+                .frame(width: screenSize().width)
+                .padding(.top, 28.3)
+            } else {
+                VStack(spacing: 0) {
+                    Image("ic_no_item")
+                        .resizable()
+                        .frame(width: 60, height: 60)
+                    
+                    Text("지금 예약중인 라이브가 없습니다.\n직접 라이브를 만들어 보세요!")
+                        .font(.custom(Font.medium.rawValue, size: 10.7))
+                        .foregroundColor(Color(hex: "bbbbbb"))
+                        .fixedSize(horizontal: false, vertical: true)
+                        .multilineTextAlignment(.center)
+                        .padding(.top, 8)
+                    
+                    HStack(spacing: 0) {
+                        Image("ic_plus_no_bg")
+                            .resizable()
+                            .frame(width: 33.3, height: 33.3, alignment: .center)
+                        
+                        Text("라이브 만들기")
+                            .font(.custom(Font.bold.rawValue, size: 13.3))
+                            .foregroundColor(Color.white)
+                    }
+                    .frame(width: 200, height: 33.3, alignment: .center)
+                    .background(Color(hex: "9970ff"))
+                    .cornerRadius(4.7)
+                    .padding(.top, 10.7)
+                    .onTapGesture { onTapCreateLive() }
+                }
+                .padding(.vertical, 16.7)
+                .frame(width: screenSize().width - 26.7)
+                .background(Color(hex: "2b2635"))
+                .cornerRadius(4.7)
+                .padding(.top, 28.3)
+            }
+        }
+    }
+}
+
+struct SectionLiveReservationView_Previews: PreviewProvider {
+    static var previews: some View {
+        SectionLiveReservationView(
+            items: [],
+            onClickCancel: {},
+            onClickStart: { _ in },
+            onClickReservation: { _ in },
+            onTapCreateLive: {}
+        )
+    }
+}