룰렛 변경

- 확률 수동 설정
- 여러개의 룰렛이 켜져있을 때 선택하여 돌리기
- 후원 히스토리에 룰렛 히스토리

SodaLive/Sources/UI/Component/SelectedButtonView.swift

@@ -13,23 +13,51 @@ struct SelectedButtonView: View {
     let isActive: Bool
     let isSelected: Bool
     
+    var checkImage = "ic_select_check"
+    var bgDisabledColor = Color.gray55
+    var bgSelectedColor = Color.button
+    var bgDefaultColor = Color.bg
+    var textDisabledColor = Color.gray77
+    var textSelectedColor = Color.white
+    var textDefaultColor = Color.button
+    
     var body: some View {
         HStack(spacing: 6.7) {
             if isSelected {
-                Image("ic_select_check")
+                Image(checkImage)
             }
             
             Text(title)
                 .font(.custom(Font.bold.rawValue, size: 14.7))
-                .foregroundColor(!isActive ? Color.gray77 : isSelected ? .white : Color.button)
+                .foregroundColor(!isActive ? textDisabledColor : isSelected ? textSelectedColor : textDefaultColor)
         }
-        .padding(.vertical, 14.3)
+        .padding(.vertical, isSelected ? 14.3 : 17)
         .frame(maxWidth: .infinity)
-        .background(!isActive ? Color.gray55 : isSelected ? Color.button : Color.bg)
+        .background(!isActive ? bgDisabledColor : isSelected ? bgSelectedColor : bgDefaultColor)
         .cornerRadius(6.7)
     }
 }
 
-#Preview {
+#Preview("기본") {
     SelectedButtonView(title: "테스트", isActive: true, isSelected: true)
 }
+
+#Preview("이미지와 컬러 수정 - selected") {
+    SelectedButtonView(
+        title: "테스트",
+        isActive: true,
+        isSelected: true,
+        bgSelectedColor: Color(hex: "ff14d9"),
+        textDefaultColor: Color(hex: "ff14d9")
+    )
+}
+
+#Preview("이미지와 컬러 수정 - unselected") {
+    SelectedButtonView(
+        title: "테스트",
+        isActive: true,
+        isSelected: false,
+        textDefaultColor: Color(hex: "ff14d9")
+    )
+}
+