add underlined view menu

Spwifiy/Utils/ViewItems/UnderlinedViewMenu.swift

@@ -0,0 +1,56 @@
+//
+//  UnderlinedViewMenu.swift
+//  Spwifiy
+//
+//  Created by Peter Duanmu on 12/13/24.
+//
+
+import SwiftUI
+
+struct UnderlinedViewMenu<Option: Equatable & RawRepresentable>: View where Option.RawValue: StringProtocol {
+
+    let types: [Option]
+
+    @Binding var currentOption: Option
+
+    var body: some View {
+        HStack {
+            ForEach(types, id: \.rawValue) { type in
+                VStack {
+                    Button {
+                        withAnimation(.defaultAnimation) {
+                            currentOption = type
+                        }
+                    } label: {
+                        Text(type.rawValue)
+                            .foregroundStyle(.fgSecondary)
+                            .padding(7)
+                            .contentShape(Rectangle())
+                    }
+                    .buttonStyle(.plain)
+                    .cursorHover(.pointingHand)
+
+                    if currentOption == type {
+                        RoundedRectangle(cornerRadius: 5)
+                            .foregroundStyle(.sPrimary)
+                            .frame(height: 3)
+                    }
+
+                    Spacer()
+                }
+                .fixedSize(horizontal: true, vertical: false)
+
+                if type != types.last {
+                    Spacer()
+                        .frame(width: 25)
+                }
+            }
+
+            Spacer()
+        }
+        .frame(maxWidth: .infinity, maxHeight: 50)
+        .padding()
+        .font(.satoshiBlack(12))
+    }
+
+}

Spwifiy/Views/MainViewOptions/ArtistView.swift

@@ -10,8 +10,18 @@ import SpotifyWebAPI
 
 struct ArtistView: View {
 
+    enum CurrentView: String, CaseIterable {
+        case homeView = "Home"
+        case albumView = "Albums"
+        case singlesEpView = "Singles and EPs"
+        case merchView = "Merch"
+        case aboutView = "About"
+    }
+
     @StateObject var artistViewModel: ArtistViewModel
 
+    @State var currentView: CurrentView = .homeView
+
     init(spotifyCache: SpotifyCache, artist: Artist) {
         self._artistViewModel = StateObject(
             wrappedValue: ArtistViewModel(spotifyCache: spotifyCache, artist: artist)
@@ -28,7 +38,8 @@ struct ArtistView: View {
 
                 VStack {
                     HStack {
-                        Text("Home")
+                        UnderlinedViewMenu(types: CurrentView.allCases,
+                                           currentOption: $currentView)
 
                         ExpandSearch(searchText: $artistViewModel.searchText)
 
@@ -37,7 +48,17 @@ struct ArtistView: View {
                     .font(.title3)
                     .padding(5)
 
-                    Divider()
+                    Group {
+                        switch currentView {
+//                        case .homeView:
+//                        case .albumView:
+//                        case .singlesEpView:
+//                        case .merchView:
+//                        case .aboutView:
+                        default:
+                            Text("Unknown error")
+                        }
+                    }
 
                     Rectangle()
                         .frame(height: 600)