Changes Preferences to use TabBar

This appears to crash when selecting a different pane.

Multiplatform/macOS/Preferences/MacPreferencesView.swift

@@ -30,74 +30,66 @@ enum PreferencePane: Int, CaseIterable {
 struct MacPreferencesView: View {
 	
 	@EnvironmentObject var defaults: AppDefaults
-	@State private var preferencePane: PreferencePane = .general
+	@State private var selectedPane: PreferencePane = .general
 	
 	var body: some View {
-		VStack {
+		TabView(selection: $selectedPane) {
-			switch preferencePane {
-			case .general:
 			GeneralPreferencesView()
 				.environmentObject(defaults)
-			case .accounts:
+				.tabItem {
-				AccountsPreferencesView()
-					.environmentObject(defaults)
-			case .viewing:
-				LayoutPreferencesView()
-					.environmentObject(defaults)
-			case .advanced:
-				AdvancedPreferencesView()
-					.environmentObject(defaults)
-			}
-		}
-		.toolbar {
-			ToolbarItem {
-				HStack {
-					Button(action: {
-						preferencePane = .general
-					}, label: {
 					VStack {
 						Image(systemName: "gearshape")
 							.font(.title2)
 						Text("General")
-						}.foregroundColor(
+					}
-							preferencePane == .general ? Color("AccentColor") : Color.gray
+				}
-						)
+				.onTapGesture {
-					}).frame(width: 70, height: 50)
+					selectedPane = .general
-					Button(action: {
+				}
-						preferencePane = .accounts
+				.tag(PreferencePane.general)
-					}, label: {
+			
+			
+			AccountsPreferencesView()
+				.environmentObject(defaults)
+				.tabItem {
 					VStack {
 						Image(systemName: "at")
 							.font(.title2)
 						Text("Accounts")
-						}.foregroundColor(
+					}
-							preferencePane == .accounts ? Color("AccentColor") : Color.gray
+				}
-						)
+				.onTapGesture {
-					}).frame(width: 70, height: 50)
+					selectedPane = .accounts
-					Button(action: {
+				}
-						preferencePane = .viewing
+				.tag(PreferencePane.accounts)
-					}, label: {
+			
+			LayoutPreferencesView()
+				.environmentObject(defaults)
+				.tabItem {
 					VStack {
 						Image(systemName: "eyeglasses")
 							.font(.title2)
 						Text("Viewing")
-						}.foregroundColor(
+					}
-							preferencePane == .viewing ? Color("AccentColor") : Color.gray
+				}
-						)
+				.onTapGesture {
-					}).frame(width: 70, height: 50)
+					selectedPane = .viewing
-					Button(action: {
+				}
-						preferencePane = .advanced
+				.tag(PreferencePane.viewing)
-					}, label: {
+			
+			AdvancedPreferencesView()
+				.environmentObject(defaults)
+				.tabItem {
 					VStack {
 						Image(systemName: "scale.3d")
 							.font(.title2)
 						Text("Advanced")
-						}.foregroundColor(
-							preferencePane == .advanced ? Color("AccentColor") : Color.gray
-						)
-					}).frame(width: 70, height: 50)
 					}
 				}
+				.onTapGesture {
+					selectedPane = .advanced
+				}
+				.tag(PreferencePane.advanced)
 		}
 		
 	}