차단 유저 리스트 페이지 추가

2024-09-04 18:00:11 +09:00
parent 2bea2365a0
commit 7408288d85
9 changed files with 342 additions and 4 deletions
--- a/SodaLive/Sources/MyPage/Block/BlockedMemberListItemView.swift
+++ b/SodaLive/Sources/MyPage/Block/BlockedMemberListItemView.swift
@@ -0,0 +1,92 @@
+//
+//  BlockedMemberListItemView.swift
+//  SodaLive
+//
+//  Created by klaus on 9/4/24.
+//
+
+import SwiftUI
+import Kingfisher
+
+struct BlockedMemberListItemView: View {
+    
+    let item: GetBlockedMemberListItem
+    let blockMember: (Int) -> Void
+    let unBlockMember: (Int) -> Void
+    
+    @State private var isBlocked = true
+    
+    var body: some View {
+        VStack(spacing: 13.3) {
+            HStack(spacing: 0) {
+                KFImage(URL(string: item.profileImageUrl))
+                    .resizable()
+                    .frame(width: 60, height: 60)
+                    .clipShape(Circle())
+                
+                Text(item.nickname)
+                    .font(.custom(Font.medium.rawValue, size: 16.7))
+                    .foregroundColor(Color.grayee)
+                    .padding(.leading, 13.3)
+                
+                Spacer()
+                
+                Text(isBlocked ? "차단해제" : "차단")
+                    .font(.custom(Font.medium.rawValue, size: 12))
+                    .foregroundColor(Color.button)
+                    .frame(minWidth: 83)
+                    .padding(.vertical, 7)
+                    .background(Color.button.opacity(isBlocked ? 0.2 : 0.0))
+                    .cornerRadius(13.3)
+                    .overlay(
+                        RoundedRectangle(cornerRadius: 13.3)
+                            .stroke(lineWidth: 1)
+                            .foregroundColor(Color.button)
+                    )
+                    .onTapGesture {
+                        if isBlocked {
+                            unBlockMember(item.memberId)
+                        } else {
+                            blockMember(item.memberId)
+                        }
+                        
+                        isBlocked = !isBlocked
+                    }
+            }
+            
+            Rectangle()
+                .foregroundColor(Color.gray59)
+                .frame(height: 0.5)
+        }
+        .onAppear {
+            isBlocked = item.isBlocked
+        }
+    }
+}
+
+#Preview("차단됨") {
+    BlockedMemberListItemView(
+        item: GetBlockedMemberListItem(
+            memberId: 1,
+            nickname: "유저1",
+            profileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+            isBlocked: true
+        ),
+        blockMember: { _ in },
+        unBlockMember: { _ in }
+    )
+}
+
+
+#Preview("차단해제됨") {
+    BlockedMemberListItemView(
+        item: GetBlockedMemberListItem(
+            memberId: 1,
+            nickname: "유저1",
+            profileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+            isBlocked: false
+        ),
+        blockMember: { _ in },
+        unBlockMember: { _ in }
+    )
+}