후원랭킹 전체보기 - 채널에 후원랭킹 활성화 스위치 추가

SodaLive/Sources/Explorer/Profile/UserProfileDonationAllView.swift

@@ -19,6 +19,34 @@ struct UserProfileDonationAllView: View {
                 DetailNavigationBar(title: "후원랭킹 전체보기")
                 
                 if userId == UserDefaults.int(forKey: .userId) {
+                    VStack(spacing: 10.7) {
+                        HStack(spacing: 10) {
+                            Spacer()
+                            
+                            Text("채널에 후원랭킹 활성화")
+                                .font(.custom(Font.bold.rawValue, size: 16))
+                                .foregroundColor(Color(hex: "eeeeee"))
+                            
+                            Image(viewModel.isVisibleDonationRank ? "btn_toggle_on_big" : "btn_toggle_off_big")
+                                .resizable()
+                                .frame(width: 46.7, height: 27)
+                                .onTapGesture {
+                                    viewModel.toggleVisibleDonationRank()
+                                }
+                        }
+                        
+                        HStack(spacing: 0) {
+                            Spacer()
+                            
+                            Text("※ 비활성화하면 채널 내 후원랭킹이 표시되지 않으며,\n라이브 중에도 후원랭킹에 따른 뱃지가 반영되지 않습니다.")
+                                .font(.custom(Font.medium.rawValue, size: 12))
+                                .foregroundColor(Color(hex: "555555"))
+                                .multilineTextAlignment(.trailing)
+                        }
+                    }
+                    .padding(.top, 13.3)
+                    .padding(.horizontal, 13.3)
+                    
                     VStack(spacing: 13.3) {
                         HStack(spacing: 0) {
                             Text("오늘")
@@ -68,8 +96,7 @@ struct UserProfileDonationAllView: View {
                                 .foregroundColor(Color(hex: "eeeeee"))
                         }
                     }
-                    .padding(.vertical, 13.3)
-                    .padding(.horizontal, 16.7)
+                    .padding(16.7)
                     .background(Color(hex: "13181b"))
                     .cornerRadius(8)
                     .padding(.top, 13.3)
@@ -83,7 +110,7 @@ struct UserProfileDonationAllView: View {
                     
                     Text("\(viewModel.totalCount)")
                         .font(.custom(Font.medium.rawValue, size: 12))
-                        .foregroundColor(Color(hex: "9970ff"))
+                        .foregroundColor(Color(hex: "80d8ff"))
                         .padding(.leading, 6.7)
                     
                     Text("개")
@@ -97,7 +124,7 @@ struct UserProfileDonationAllView: View {
                 
                 Rectangle()
                     .frame(width: screenSize().width - 26.7, height: 1)
-                    .foregroundColor(Color(hex: "909090").opacity(0.5))
+                    .foregroundColor(Color(hex: "595959"))
                     .padding(.top, 6.7)
                 
                 ScrollView(.vertical, showsIndicators: false) {