Refactor ProStore to use a sidebar navigation

Author: NovaDev404

Sources/prostore/prostore.swift

@@ -4,43 +4,57 @@ import SwiftUI
 struct ProStore: App {
     var body: some Scene {
         WindowGroup {
-            MainTabView()
+            MainSidebarView()
         }
     }
 }
 
-struct MainTabView: View {
-    var body: some View {
-        TabView {
-            NavigationStack {
-                SignerView()
-                    .navigationTitle("ProStore - Signer")
-                    .navigationBarTitleDisplayMode(.large)
-            }
-            .tabItem {
-                Image(systemName: "hammer")
-                Text("Signer")
-            }
+struct MainSidebarView: View {
+    @State private var selected: SidebarItem? = .signer
 
-            NavigationStack {
-                CertificateView()
-                    .navigationTitle("ProStore - Certificates")
-                    .navigationBarTitleDisplayMode(.large)
-            }
-            .tabItem {
-                Image(systemName: "key")
-                Text("Certificates")
-            }
-
-            NavigationStack {
-                AboutView()
-                    .navigationTitle("ProStore - About")
-                    .navigationBarTitleDisplayMode(.large)
+    var body: some View {
+        NavigationSplitView {
+            List(selection: $selected) {
+                NavigationLink(value: SidebarItem.signer) {
+                    Label("Signer", systemImage: "hammer")
+                }
+                NavigationLink(value: SidebarItem.certificates) {
+                    Label("Certificates", systemImage: "key")
+                }
+                NavigationLink(value: SidebarItem.about) {
+                    Label("About", systemImage: "info.circle")
+                }
             }
-            .tabItem {
-                Image(systemName: "info.circle")
-                Text("About")
+            .navigationTitle("ProStore")
+        } detail: {
+            switch selected {
+            case .signer:
+                NavigationStack {
+                    SignerView()
+                        .navigationTitle("ProStore - Signer")
+                        .navigationBarTitleDisplayMode(.large)
+                }
+            case .certificates:
+                NavigationStack {
+                    CertificateView()
+                        .navigationTitle("ProStore - Certificates")
+                        .navigationBarTitleDisplayMode(.large)
+                }
+            case .about:
+                NavigationStack {
+                    AboutView()
+                        .navigationTitle("ProStore - About")
+                        .navigationBarTitleDisplayMode(.large)
+                }
+            case nil:
+                Text("Select a section!")
             }
         }
     }
 }
+
+enum SidebarItem: Hashable {
+    case signer
+    case certificates
+    case about
+}