룰렛 설정 개수에 따라 룰렛 프리셋 버튼 활성화/비활성화

SodaLive/Sources/Live/Room/Routlette/Config/RouletteSettingsView.swift

@@ -28,6 +28,7 @@ struct RouletteSettingsView: View {
                             HStack(spacing: 13.3) {
                                 SelectedButtonView(
                                     title: "룰렛 1",
+                                    isActive: true,
                                     isSelected: viewModel.selectedRoulette == .ROULETTE_1
                                 )
                                 .onTapGesture {
@@ -36,6 +37,7 @@ struct RouletteSettingsView: View {
                                 
                                 SelectedButtonView(
                                     title: "룰렛 2",
+                                    isActive: viewModel.rouletteList.count > 0,
                                     isSelected: viewModel.selectedRoulette == .ROULETTE_2
                                 )
                                 .onTapGesture {
@@ -44,6 +46,7 @@ struct RouletteSettingsView: View {
                                 
                                 SelectedButtonView(
                                     title: "룰렛 3",
+                                    isActive: viewModel.rouletteList.count > 1,
                                     isSelected: viewModel.selectedRoulette == .ROULETTE_3
                                 )
                                 .onTapGesture {

SodaLive/Sources/Live/Room/Routlette/Config/RouletteSettingsViewModel.swift

@@ -44,7 +44,7 @@ final class RouletteSettingsViewModel: ObservableObject {
     
     var can = 0
     private var rouletteId = 0
-    private var rouletteList = [GetNewRouletteResponse]()
+    @Published var rouletteList = [GetNewRouletteResponse]()
     
     func plusWeight(index: Int) {
         options[index].weight += 1

SodaLive/Sources/UI/Component/SelectedButtonView.swift

@@ -10,6 +10,7 @@ import SwiftUI
 struct SelectedButtonView: View {
     
     let title: String
+    let isActive: Bool
     let isSelected: Bool
     
     var body: some View {
@@ -20,15 +21,15 @@ struct SelectedButtonView: View {
             
             Text(title)
                 .font(.custom(Font.bold.rawValue, size: 14.7))
-                .foregroundColor(isSelected ? .white : Color.button)
+                .foregroundColor(!isActive ? Color.gray77 : isSelected ? .white : Color.button)
         }
         .padding(.vertical, 14.3)
         .frame(maxWidth: .infinity)
-        .background(isSelected ? Color.button : Color.bg)
+        .background(!isActive ? Color.gray55 : isSelected ? Color.button : Color.bg)
         .cornerRadius(6.7)
     }
 }
 
 #Preview {
-    SelectedButtonView(title: "테스트", isSelected: true)
+    SelectedButtonView(title: "테스트", isActive: true, isSelected: true)
 }