add WorkoutIconSelector to select icon and color for a Workout

WorkoutsPlus/Workout/WorkoutIconSelector.swift

@@ -9,9 +9,8 @@ import SwiftUI
 
 struct WorkoutIconSelector: View {
 		
-		@State private var selectedColor: Color = .black
-		@State private var selectedIcon: String?
-		
+		@State var workout: Workout
+
 		@State private var searchText: String = ""
 		var filteredIcons: [String] {
 				if searchText.isEmpty {
@@ -22,18 +21,24 @@ struct WorkoutIconSelector: View {
 		}
 		
 		var body: some View {
+				
 				ScrollView {
+						Text(workout.name)
+						Text(workout.workoutIconSystemName)
+						Text(workout.workoutIconColorName.rawValue)
+						
 						LazyVGrid(columns: [GridItem(.adaptive(minimum: 50))]) {
 								ForEach(systemColors, id: \.self) { color in
 										Button(action: {
-												selectedColor = color
+												workout.workoutIconColorName = Workout.ColorName.fromColor(color)!
 										}) {
 												Circle()
 														.fill(color)
 														.frame(width: 40, height: 40)
 														.overlay(
 																Circle()
-																		.stroke(Color.white, lineWidth: selectedColor == color ? 4 : 0)
+																// TODO: change this from stroke to checkmark symbol in the circle
+																		.stroke(Color.black, lineWidth: workout.workoutIconColorName.color == color ? 4 : 0)
 														)
 										}
 								}
@@ -42,10 +47,10 @@ struct WorkoutIconSelector: View {
 						LazyVGrid(columns: [GridItem(.adaptive(minimum: 50, maximum: 100))]) {
 								ForEach(filteredIcons, id: \.self) { iconName in
 										Button(action: {
-												selectedIcon = iconName
+												workout.workoutIconSystemName = iconName
 										}) {
 												Image(systemName: iconName)
-														.foregroundStyle(selectedColor)
+														.foregroundStyle(workout.workoutIconColorName.color)
 														.padding()
 														.background()
 														.cornerRadius(8)
@@ -60,13 +65,13 @@ struct WorkoutIconSelector: View {
 								ContentUnavailableView.search
 						}
 				}
-				
 				.navigationTitle("Select a Workout Icon")
 		}
+		
 }
 
 #Preview {
 		NavigationView() {
-				WorkoutIconSelector()
+				WorkoutIconSelector(workout: Workout.sampleData)
 		}
 }