aboutsummaryrefslogtreecommitdiff
path: root/Hotline/macOS/Settings/IconSettingsView.swift
blob: 2bb92c45fe1bbe7755ad02a5bce5f32b36c4e4b4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import SwiftUI

struct IconSettingsView: View {
  @State private var hoveredUserIconID: Int = -1
  
  var body: some View {
    @Bindable var preferences = Prefs.shared
    
    Form {
      ScrollViewReader { scrollProxy in
        ScrollView {
          LazyVGrid(columns: [
            GridItem(.fixed(4+32+4)),
            GridItem(.fixed(4+32+4)),
            GridItem(.fixed(4+32+4)),
            GridItem(.fixed(4+32+4)),
            GridItem(.fixed(4+32+4)),
            GridItem(.fixed(4+32+4)),
            GridItem(.fixed(4+32+4))
          ], spacing: 0) {
            ForEach(HotlineState.classicIconSet, id: \.self) { iconID in
              HStack {
                Image("Classic/\(iconID)")
                  .resizable()
                  .interpolation(.none)
                  .scaledToFit()
                  .frame(width: 32, height: 16)
                  .help("Icon \(String(iconID))")
              }
              .tag(iconID)
              .frame(width: 32, height: 32)
              .padding(4)
              .background(iconID == preferences.userIconID ? Color.accentColor : (iconID == hoveredUserIconID ? Color.accentColor.opacity(0.1) : Color(nsColor: .textBackgroundColor)))
              .clipShape(RoundedRectangle(cornerRadius: 5))
              .onTapGesture {
                preferences.userIconID = iconID
              }
              .onHover { hovered in
                if hovered {
                  self.hoveredUserIconID = iconID
                }
              }
            }
          }
          .padding()
        }
        .background(Color(nsColor: .textBackgroundColor))
        .clipShape(RoundedRectangle(cornerRadius: 6))
        .overlay(RoundedRectangle(cornerRadius: 6).stroke(Color(nsColor: .separatorColor), lineWidth: 1))
        .onAppear {
          scrollProxy.scrollTo(preferences.userIconID, anchor: .center)
        }
        .frame(height: 355)
      }
    }
    .padding()
  }
}